sellmate-design-system-react 9.0.0-beta.103 → 9.0.0-beta.104

package/dist/index.cjs

@@ -276,8 +276,211 @@ var fieldWidthValue = (v) => {
 // src/lib/locale.ts
 var SLOCALES = ["ko", "en", "ja", "zh"];
 var DEFAULT_LOCALE = "ko";
+var koreanParticle = (word, consonant, vowel) => {
+  const code = word.charCodeAt(word.length - 1);
+  if (code < 44032 || code > 55203) return consonant;
+  return (code - 44032) % 28 === 0 ? vowel : consonant;
+};
 var BUNDLES = {
   ko: {
+    accountListBox: { accountSetting: "\uACC4\uC815 \uC124\uC815", language: "\uC5B8\uC5B4 \uBCC0\uACBD", logout: "\uACC4\uC815 \uB85C\uADF8\uC544\uC6C3" },
+    gnbSystem: { alert: "\uC54C\uB9BC", setting: "\uC124\uC815" },
+    editor: {
+      placeholder: "\uB0B4\uC6A9\uC744 \uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+      toolbarLabel: "\uC11C\uC2DD \uB3C4\uAD6C",
+      tableSize: "\uD45C \uD06C\uAE30",
+      linkUrl: "\uB9C1\uD06C \uC8FC\uC18C",
+      apply: "\uC801\uC6A9",
+      remove: "\uC81C\uAC70",
+      headingLevel: "\uC81C\uBAA9 \uB2E8\uACC4",
+      headingBody: "\uBCF8\uBB38",
+      fontSize: "\uAE00\uC790 \uD06C\uAE30",
+      fontSizeDefaultLabel: "\uAE30\uBCF8",
+      bold: "\uAD75\uAC8C",
+      italic: "\uAE30\uC6B8\uC784",
+      underline: "\uBC11\uC904",
+      strike: "\uCDE8\uC18C\uC120",
+      inlineCode: "\uC778\uB77C\uC778 \uCF54\uB4DC",
+      textColor: "\uAE00\uC790\uC0C9",
+      clearColor: "\uC0C9 \uC9C0\uC6B0\uAE30",
+      alignLeft: "\uC67C\uCABD \uC815\uB82C",
+      alignCenter: "\uAC00\uC6B4\uB370 \uC815\uB82C",
+      alignRight: "\uC624\uB978\uCABD \uC815\uB82C",
+      alignJustify: "\uC591\uCABD \uC815\uB82C",
+      bulletList: "\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D",
+      orderedList: "\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D",
+      taskList: "\uCCB4\uD06C \uBAA9\uB85D",
+      list: "\uBAA9\uB85D",
+      blockquote: "\uC778\uC6A9\uAD6C",
+      codeBlock: "\uCF54\uB4DC \uBE14\uB85D",
+      divider: "\uAD6C\uBD84\uC120",
+      link: "\uB9C1\uD06C",
+      insertImage: "\uC774\uBBF8\uC9C0 \uB123\uAE30",
+      image: "\uC774\uBBF8\uC9C0",
+      table: "\uD45C",
+      addRowAbove: "\uC704\uC5D0 \uD589 \uCD94\uAC00",
+      addRowBelow: "\uC544\uB798\uC5D0 \uD589 \uCD94\uAC00",
+      addColLeft: "\uC67C\uCABD\uC5D0 \uC5F4 \uCD94\uAC00",
+      addColRight: "\uC624\uB978\uCABD\uC5D0 \uC5F4 \uCD94\uAC00",
+      mergeCells: "\uC140 \uBCD1\uD569",
+      splitCell: "\uBCD1\uD569 \uD574\uC81C",
+      toggleHeaderRow: "\uD5E4\uB354 \uD589 \uD1A0\uAE00",
+      toggleHeaderCol: "\uD5E4\uB354 \uC5F4 \uD1A0\uAE00",
+      deleteRow: "\uD589 \uC0AD\uC81C",
+      deleteCol: "\uC5F4 \uC0AD\uC81C",
+      deleteTable: "\uD45C \uC0AD\uC81C",
+      undo: "\uC2E4\uD589 \uCDE8\uC18C",
+      redo: "\uB2E4\uC2DC \uC2E4\uD589",
+      colorDefault: "\uAE30\uBCF8",
+      colorSecondary: "\uBCF4\uC870",
+      colorMuted: "\uD750\uB9BC",
+      colorAccent: "\uAC15\uC870",
+      colorBrand: "\uBE0C\uB79C\uB4DC",
+      colorSuccess: "\uC131\uACF5",
+      colorWarning: "\uC8FC\uC758",
+      colorDanger: "\uC704\uD5D8",
+      tableCell: (r3, c) => `${r3}\uD589 ${c}\uC5F4`,
+      tableSizeText: (rows, cols) => `${rows}\uD589 \xD7 ${cols}\uC5F4`,
+      heading: (level) => `\uC81C\uBAA9 ${level}`,
+      fontSizeDefault: (px) => `\uAE30\uBCF8 (\uBCF8\uBB38 ${px}px)`,
+      closeEditing: (label) => `${label} \uB2EB\uAE30`
+    },
+    form: { invalid: "\uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 \uAC12\uC785\uB2C8\uB2E4." },
+    date: {
+      weekdays: ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
+      weekdaysLong: ["\uC77C\uC694\uC77C", "\uC6D4\uC694\uC77C", "\uD654\uC694\uC77C", "\uC218\uC694\uC77C", "\uBAA9\uC694\uC77C", "\uAE08\uC694\uC77C", "\uD1A0\uC694\uC77C"],
+      today: "\uC624\uB298",
+      prevYear: "\uC774\uC804 \uD574",
+      nextYear: "\uB2E4\uC74C \uD574",
+      prevMonth: "\uC774\uC804 \uB2EC",
+      nextMonth: "\uB2E4\uC74C \uB2EC",
+      monthLabel: (month) => `${month}\uC6D4`,
+      dayLabel: (day) => `${day}\uC77C`,
+      unitYear: "\uB144",
+      unitMonth: "\uC6D4",
+      unitDay: "\uC77C",
+      hourItem: (hour) => `${hour}\uC2DC`,
+      minuteItem: (minute) => `${minute}\uBD84`,
+      hourAria: (prefix) => prefix ? `${prefix} \uC2DC` : "\uC2DC",
+      minuteAria: (prefix) => prefix ? `${prefix} \uBD84` : "\uBD84",
+      meridiemAria: (prefix) => prefix ? `${prefix} \uC624\uC804/\uC624\uD6C4` : "\uC624\uC804/\uC624\uD6C4",
+      am: "\uC624\uC804",
+      pm: "\uC624\uD6C4",
+      rangeFrom: "\uBD80\uD130",
+      rangeTo: "\uAE4C\uC9C0",
+      clearDate: "\uB0A0\uC9DC \uC9C0\uC6B0\uAE30",
+      clearMonth: "\uC6D4 \uC9C0\uC6B0\uAE30",
+      clearYear: "\uC5F0\uB3C4 \uC9C0\uC6B0\uAE30",
+      clearPeriod: "\uAE30\uAC04 \uC9C0\uC6B0\uAE30",
+      clearTime: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30",
+      clearTimeRange: "\uC2DC\uAC04 \uBC94\uC704 \uC9C0\uC6B0\uAE30",
+      start: "\uC2DC\uC791",
+      end: "\uC885\uB8CC",
+      startTime: "\uC2DC\uC791 \uC2DC\uAC04",
+      endTime: "\uC885\uB8CC \uC2DC\uAC04"
+    },
+    chart: {
+      unit: (unit) => `\uB2E8\uC704 : ${unit}`,
+      pie: "\uD30C\uC774 \uADF8\uB798\uD504",
+      donut: "\uB3C4\uB11B \uADF8\uB798\uD504",
+      radialSummary: (count, kind) => `${count}\uAC1C \uD56D\uBAA9 ${kind}`,
+      barSummary: (c, s, stacked) => `${c}\uAC1C \uD56D\uBAA9, ${s}\uAC1C \uACC4\uC5F4 ${stacked ? "\uB204\uC801 " : ""}\uB9C9\uB300 \uADF8\uB798\uD504`,
+      lineSummary: (c, s, stacked) => `${c}\uAC1C \uD56D\uBAA9, ${s}\uAC1C \uACC4\uC5F4 ${stacked ? "\uB204\uC801 " : ""}\uAEBE\uC740\uC120 \uADF8\uB798\uD504`
+    },
+    chipFilter: {
+      periodDay: "\uC77C\uBCC4",
+      periodMonth: "\uC6D4\uBCC4",
+      periodQuarter: "\uBD84\uAE30\uBCC4",
+      periodHalf: "\uBC18\uAE30\uBCC4",
+      periodYear: "\uC5F0\uB3C4\uBCC4",
+      custom: "\uC0AC\uC6A9\uC790 \uC9C0\uC815",
+      today: "\uC624\uB298",
+      last7: "\uC9C0\uB09C 7\uC77C",
+      last30: "\uC9C0\uB09C 30\uC77C",
+      maxWord: "\uCD5C\uB300",
+      maxRangeHint: (days) => `\uCD5C\uB300 ${days}\uC77C\uC529`,
+      requireAll: "\uD56D\uBAA9\uC744 \uBAA8\uB450 \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.",
+      requireAnyDefault: "\uCD5C\uC18C 1\uAC1C\uC758 \uD544\uD130\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694.",
+      requireAnyNamed: (name) => `\uCD5C\uC18C 1\uAC1C\uC758 ${name}${koreanParticle(name, "\uC744", "\uB97C")} \uC120\uD0DD\uD574\uC8FC\uC138\uC694.`,
+      requireField: (label) => `${label}${koreanParticle(label, "\uC744", "\uB97C")} \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`,
+      fieldFallback: "\uD56D\uBAA9",
+      valueListMore: (first, rest) => `${first} \uC678 ${rest}\uAC1C`,
+      quarter: (n) => `${n}\uBD84\uAE30`,
+      firstHalf: "\uC0C1\uBC18\uAE30",
+      secondHalf: "\uD558\uBC18\uAE30",
+      removeFilter: (label) => `${label} \uD544\uD130 \uC81C\uAC70`,
+      clearFilter: (label) => `${label} \uD544\uD130 \uC9C0\uC6B0\uAE30`,
+      resetSearch: "\uAC80\uC0C9 \uCD08\uAE30\uD654",
+      addFilter: "\uD544\uD130 \uCD94\uAC00",
+      noAddableFilter: "\uCD94\uAC00\uD560 \uD544\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      selectNone: "\uC120\uD0DD \uD574\uC81C",
+      selectAll: "\uC804\uCCB4 \uC120\uD0DD",
+      removeItem: (label) => `${label} \uC0AD\uC81C`,
+      keywordContains: "\uD3EC\uD568",
+      keywordExact: "\uC77C\uCE58",
+      keywordExcludes: "\uBBF8\uD3EC\uD568",
+      keywordHintCsv: "\uB2E4\uC911 \uD0A4\uC6CC\uB4DC\uB294 \uCF64\uB9C8(,)\uB85C \uAD6C\uBD84",
+      keywordHintEnter: "\uC785\uB825 \uD6C4 Enter\uB85C \uCD94\uAC00",
+      keywordCondition: "\uAC80\uC0C9 \uC870\uAC74 :",
+      noSearchResults: "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."
+    },
+    numberInput: {
+      rangeBetween: (min, max) => `${min}~${max} \uC0AC\uC774\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`,
+      atLeast: (min) => `${min} \uC774\uC0C1\uC73C\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`,
+      atMost: (max) => `${max} \uC774\uD558\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`,
+      increase: "\uC99D\uAC00",
+      decrease: "\uAC10\uC18C"
+    },
+    chipInput: {
+      placeholderWithComma: "\uD0DC\uADF8 \uC785\uB825 (Enter\xB7\uCF64\uB9C8\uB85C \uB4F1\uB85D)",
+      placeholder: "\uD0DC\uADF8 \uC785\uB825 (Enter\uB85C \uB4F1\uB85D)",
+      duplicateNamed: (label) => `\uC774\uBBF8 \uC785\uB825\uB41C ${label}\uC785\uB2C8\uB2E4.`,
+      duplicate: "\uC911\uBCF5\uB41C \uAC12\uC774 \uC874\uC7AC\uD569\uB2C8\uB2E4.",
+      maxCount: (max) => `\uCD5C\uB300 ${max}\uAC1C`
+    },
+    slider: { minValue: "\uCD5C\uC19F\uAC12", maxValue: "\uCD5C\uB313\uAC12" },
+    chat: {
+      removeAttachment: (name) => `${name} \uC81C\uAC70`,
+      placeholder: "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD574 \uC8FC\uC138\uC694...",
+      attachFile: "\uD30C\uC77C \uCCA8\uBD80",
+      stopResponse: "\uC751\uB2F5 \uC911\uC9C0",
+      send: "\uC804\uC1A1",
+      read: "\uC77D\uC74C",
+      unread: "\uC548 \uC77D\uC74C"
+    },
+    loadingModal: {
+      loadingMessage: "\uC791\uC5C5 \uC9C4\uD589\uC911...",
+      errorMessage: "\uC791\uC5C5\uC5D0 \uC2E4\uD328\uD558\uC600\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694.",
+      errorButton: "\uB2E4\uC2DC \uC2DC\uB3C4",
+      ariaTitle: "\uB85C\uB529 \uC911"
+    },
+    stepper: { errorTooltip: "\uD655\uC778\uC774 \uD544\uC694\uD55C \uD56D\uBAA9\uC774 \uC788\uC2B5\uB2C8\uB2E4.", ariaLabel: "\uC9C4\uD589 \uB2E8\uACC4" },
+    timeline: { empty: "\uB0B4\uC5ED\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." },
+    callout: { dangerTitle: "\uC8FC\uC758\uC0AC\uD56D" },
+    guide: { tip: "\uD65C\uC6A9 TIP", notion: "\uC0AC\uC6A9\uBC95 \uC548\uB0B4" },
+    loginCard: { login: "\uD1B5\uD569 \uACC4\uC815\uC73C\uB85C \uB85C\uADF8\uC778" },
+    modal: { defaultTitle: "\uBAA8\uB2EC" },
+    launcher: { opensInNewTab: "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC" },
+    common: {
+      close: "\uB2EB\uAE30",
+      clear: "\uC9C0\uC6B0\uAE30",
+      confirm: "\uD655\uC778",
+      all: "\uC804\uCCB4",
+      back: "\uB4A4\uB85C\uAC00\uAE30",
+      more: "\uB354\uBCF4\uAE30",
+      moreActions: "\uAE30\uB2A5 \uB354 \uBCF4\uAE30",
+      openMenu: "\uBA54\uB274 \uC5F4\uAE30",
+      dragHandle: "\uB4DC\uB798\uADF8 \uD578\uB4E4",
+      resizeDrawer: "Drawer \uB108\uBE44 \uC870\uC808",
+      search: "\uAC80\uC0C9",
+      count: (n) => `${n}\uAC1C`
+    },
+    input: {
+      placeholder: "\uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+      searchWithinResults: "\uACB0\uACFC \uB0B4 \uAC80\uC0C9",
+      clearInput: "\uC785\uB825 \uCD08\uAE30\uD654",
+      showPassword: "\uBE44\uBC00\uBC88\uD638 \uD45C\uC2DC"
+    },
     pagination: {
       firstPage: "\uCCAB \uD398\uC774\uC9C0",
       prevPage: "\uC774\uC804 \uD398\uC774\uC9C0",
@@ -294,9 +497,228 @@ var BUNDLES = {
       searchPlaceholder: "\uAC80\uC0C9",
       empty: "\uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
       loading: "\uBD88\uB7EC\uC624\uB294 \uC911..."
+    },
+    table: {
+      selectAll: "\uC804\uCCB4 \uC120\uD0DD",
+      selectRow: "\uD589 \uC120\uD0DD",
+      empty: "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      rowsPerPage: (count) => `${count}\uAC1C\uC529 \uBCF4\uAE30`,
+      editable: "\uC218\uC815 \uAC00\uB2A5",
+      opensInNewScreen: "\uC0C8 \uD654\uBA74\uC5D0\uC11C \uC5F4\uAE30",
+      sortBy: (label) => `${label} \uC815\uB82C`,
+      denseOff: "\uB113\uAC8C \uBCF4\uAE30",
+      denseOn: "\uC881\uAC8C \uBCF4\uAE30"
+    },
+    tableBar: {
+      totalBefore: "\uCD1D ",
+      totalAfter: " \uAC74",
+      selectedBefore: "",
+      selectedAfter: " \uAC74 \uC120\uD0DD"
     }
   },
   en: {
+    accountListBox: {
+      accountSetting: "Account settings",
+      language: "Change language",
+      logout: "Log out"
+    },
+    gnbSystem: { alert: "Notifications", setting: "Settings" },
+    editor: {
+      placeholder: "Enter your content.",
+      toolbarLabel: "Formatting tools",
+      tableSize: "Table size",
+      linkUrl: "Link URL",
+      apply: "Apply",
+      remove: "Remove",
+      headingLevel: "Heading level",
+      headingBody: "Body",
+      fontSize: "Font size",
+      fontSizeDefaultLabel: "Default",
+      bold: "Bold",
+      italic: "Italic",
+      underline: "Underline",
+      strike: "Strikethrough",
+      inlineCode: "Inline code",
+      textColor: "Text color",
+      clearColor: "Clear color",
+      alignLeft: "Align left",
+      alignCenter: "Align center",
+      alignRight: "Align right",
+      alignJustify: "Justify",
+      bulletList: "Bullet list",
+      orderedList: "Numbered list",
+      taskList: "Checklist",
+      list: "List",
+      blockquote: "Quote",
+      codeBlock: "Code block",
+      divider: "Divider",
+      link: "Link",
+      insertImage: "Insert image",
+      image: "Image",
+      table: "Table",
+      addRowAbove: "Add row above",
+      addRowBelow: "Add row below",
+      addColLeft: "Add column left",
+      addColRight: "Add column right",
+      mergeCells: "Merge cells",
+      splitCell: "Split cell",
+      toggleHeaderRow: "Toggle header row",
+      toggleHeaderCol: "Toggle header column",
+      deleteRow: "Delete row",
+      deleteCol: "Delete column",
+      deleteTable: "Delete table",
+      undo: "Undo",
+      redo: "Redo",
+      colorDefault: "Default",
+      colorSecondary: "Secondary",
+      colorMuted: "Muted",
+      colorAccent: "Accent",
+      colorBrand: "Brand",
+      colorSuccess: "Success",
+      colorWarning: "Warning",
+      colorDanger: "Danger",
+      tableCell: (r3, c) => `Row ${r3}, column ${c}`,
+      tableSizeText: (rows, cols) => `${rows} rows \xD7 ${cols} columns`,
+      heading: (level) => `Heading ${level}`,
+      fontSizeDefault: (px) => `Default (body ${px}px)`,
+      closeEditing: (label) => `Close ${label}`
+    },
+    form: { invalid: "Invalid value." },
+    date: {
+      weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+      weekdaysLong: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+      today: "Today",
+      prevYear: "Previous year",
+      nextYear: "Next year",
+      prevMonth: "Previous month",
+      nextMonth: "Next month",
+      monthLabel: (month) => ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][month - 1] ?? String(month),
+      dayLabel: (day) => String(day),
+      unitYear: "-",
+      unitMonth: "-",
+      unitDay: "",
+      hourItem: (hour) => hour,
+      minuteItem: (minute) => minute,
+      hourAria: (prefix) => prefix ? `${prefix} hour` : "Hour",
+      minuteAria: (prefix) => prefix ? `${prefix} minute` : "Minute",
+      meridiemAria: (prefix) => prefix ? `${prefix} AM/PM` : "AM/PM",
+      am: "AM",
+      pm: "PM",
+      rangeFrom: "From",
+      rangeTo: "To",
+      clearDate: "Clear date",
+      clearMonth: "Clear month",
+      clearYear: "Clear year",
+      clearPeriod: "Clear period",
+      clearTime: "Clear time",
+      clearTimeRange: "Clear time range",
+      start: "Start",
+      end: "End",
+      startTime: "Start time",
+      endTime: "End time"
+    },
+    chart: {
+      unit: (unit) => `Unit: ${unit}`,
+      pie: "Pie chart",
+      donut: "Donut chart",
+      radialSummary: (count, kind) => `${kind} with ${count} ${count === 1 ? "item" : "items"}`,
+      barSummary: (c, s, stacked) => `${stacked ? "Stacked bar chart" : "Bar chart"} with ${c} ${c === 1 ? "item" : "items"} and ${s} series`,
+      lineSummary: (c, s, stacked) => `${stacked ? "Stacked line chart" : "Line chart"} with ${c} ${c === 1 ? "item" : "items"} and ${s} series`
+    },
+    chipFilter: {
+      periodDay: "Daily",
+      periodMonth: "Monthly",
+      periodQuarter: "Quarterly",
+      periodHalf: "Half-yearly",
+      periodYear: "Yearly",
+      custom: "Custom",
+      today: "Today",
+      last7: "Last 7 days",
+      last30: "Last 30 days",
+      maxWord: "max",
+      maxRangeHint: (days) => `max ${days} days at a time`,
+      requireAll: "Select all items.",
+      requireAnyDefault: "Select at least one filter.",
+      requireAnyNamed: (name) => `Select at least one ${name}.`,
+      requireField: (label) => `Select ${label}.`,
+      fieldFallback: "item",
+      valueListMore: (first, rest) => `${first} +${rest} more`,
+      quarter: (n) => `Q${n}`,
+      firstHalf: "H1",
+      secondHalf: "H2",
+      removeFilter: (label) => `Remove ${label} filter`,
+      clearFilter: (label) => `Clear ${label} filter`,
+      resetSearch: "Reset search",
+      addFilter: "Add filter",
+      noAddableFilter: "No filters to add.",
+      selectNone: "Deselect all",
+      selectAll: "Select all",
+      removeItem: (label) => `Delete ${label}`,
+      keywordContains: "Contains",
+      keywordExact: "Exact",
+      keywordExcludes: "Excludes",
+      keywordHintCsv: "Separate multiple keywords with commas (,)",
+      keywordHintEnter: "Press Enter to add",
+      keywordCondition: "Search condition:",
+      noSearchResults: "No search results."
+    },
+    numberInput: {
+      rangeBetween: (min, max) => `Enter a value between ${min} and ${max}.`,
+      atLeast: (min) => `Enter ${min} or more.`,
+      atMost: (max) => `Enter ${max} or less.`,
+      increase: "Increase",
+      decrease: "Decrease"
+    },
+    chipInput: {
+      placeholderWithComma: "Add a tag (press Enter or comma)",
+      placeholder: "Add a tag (press Enter)",
+      duplicateNamed: (label) => `This ${label} has already been entered.`,
+      duplicate: "Duplicate values exist.",
+      maxCount: (max) => `Up to ${max}`
+    },
+    slider: { minValue: "Minimum", maxValue: "Maximum" },
+    chat: {
+      removeAttachment: (name) => `Remove ${name}`,
+      placeholder: "Enter a message...",
+      attachFile: "Attach file",
+      stopResponse: "Stop response",
+      send: "Send",
+      read: "Read",
+      unread: "Unread"
+    },
+    loadingModal: {
+      loadingMessage: "Working...",
+      errorMessage: "The task failed. Please try again.",
+      errorButton: "Retry",
+      ariaTitle: "Loading"
+    },
+    stepper: { errorTooltip: "Some items need your attention.", ariaLabel: "Progress steps" },
+    timeline: { empty: "No history." },
+    callout: { dangerTitle: "Caution" },
+    guide: { tip: "Tip", notion: "How-to guide" },
+    loginCard: { login: "Sign in with unified account" },
+    modal: { defaultTitle: "Modal" },
+    launcher: { opensInNewTab: "Opens in a new tab" },
+    common: {
+      close: "Close",
+      clear: "Clear",
+      confirm: "OK",
+      all: "All",
+      back: "Back",
+      more: "More",
+      moreActions: "More actions",
+      openMenu: "Open menu",
+      dragHandle: "Drag handle",
+      resizeDrawer: "Resize drawer width",
+      search: "Search",
+      count: (n) => String(n)
+    },
+    input: {
+      placeholder: "Please enter a value.",
+      searchWithinResults: "Search within results",
+      clearInput: "Reset input",
+      showPassword: "Show password"
+    },
     pagination: {
       firstPage: "First page",
       prevPage: "Previous page",
@@ -313,9 +735,228 @@ var BUNDLES = {
       searchPlaceholder: "Search",
       empty: "No items to display.",
       loading: "Loading..."
+    },
+    table: {
+      selectAll: "Select all",
+      selectRow: "Select row",
+      empty: "No data.",
+      rowsPerPage: (count) => `${count} per page`,
+      editable: "Editable",
+      opensInNewScreen: "Opens in a new screen",
+      sortBy: (label) => `Sort by ${label}`,
+      denseOff: "Comfortable view",
+      denseOn: "Compact view"
+    },
+    tableBar: {
+      totalBefore: "Total ",
+      totalAfter: "",
+      selectedBefore: "",
+      selectedAfter: " selected"
     }
   },
   ja: {
+    accountListBox: {
+      accountSetting: "\u30A2\u30AB\u30A6\u30F3\u30C8\u8A2D\u5B9A",
+      language: "\u8A00\u8A9E\u306E\u5909\u66F4",
+      logout: "\u30ED\u30B0\u30A2\u30A6\u30C8"
+    },
+    gnbSystem: { alert: "\u901A\u77E5", setting: "\u8A2D\u5B9A" },
+    editor: {
+      placeholder: "\u5185\u5BB9\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+      toolbarLabel: "\u66F8\u5F0F\u30C4\u30FC\u30EB",
+      tableSize: "\u8868\u306E\u30B5\u30A4\u30BA",
+      linkUrl: "\u30EA\u30F3\u30AFURL",
+      apply: "\u9069\u7528",
+      remove: "\u524A\u9664",
+      headingLevel: "\u898B\u51FA\u3057\u30EC\u30D9\u30EB",
+      headingBody: "\u672C\u6587",
+      fontSize: "\u6587\u5B57\u30B5\u30A4\u30BA",
+      fontSizeDefaultLabel: "\u6A19\u6E96",
+      bold: "\u592A\u5B57",
+      italic: "\u659C\u4F53",
+      underline: "\u4E0B\u7DDA",
+      strike: "\u53D6\u308A\u6D88\u3057\u7DDA",
+      inlineCode: "\u30A4\u30F3\u30E9\u30A4\u30F3\u30B3\u30FC\u30C9",
+      textColor: "\u6587\u5B57\u8272",
+      clearColor: "\u8272\u3092\u30AF\u30EA\u30A2",
+      alignLeft: "\u5DE6\u63C3\u3048",
+      alignCenter: "\u4E2D\u592E\u63C3\u3048",
+      alignRight: "\u53F3\u63C3\u3048",
+      alignJustify: "\u4E21\u7AEF\u63C3\u3048",
+      bulletList: "\u7B87\u6761\u66F8\u304D",
+      orderedList: "\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",
+      taskList: "\u30C1\u30A7\u30C3\u30AF\u30EA\u30B9\u30C8",
+      list: "\u30EA\u30B9\u30C8",
+      blockquote: "\u5F15\u7528",
+      codeBlock: "\u30B3\u30FC\u30C9\u30D6\u30ED\u30C3\u30AF",
+      divider: "\u533A\u5207\u308A\u7DDA",
+      link: "\u30EA\u30F3\u30AF",
+      insertImage: "\u753B\u50CF\u3092\u633F\u5165",
+      image: "\u753B\u50CF",
+      table: "\u8868",
+      addRowAbove: "\u4E0A\u306B\u884C\u3092\u8FFD\u52A0",
+      addRowBelow: "\u4E0B\u306B\u884C\u3092\u8FFD\u52A0",
+      addColLeft: "\u5DE6\u306B\u5217\u3092\u8FFD\u52A0",
+      addColRight: "\u53F3\u306B\u5217\u3092\u8FFD\u52A0",
+      mergeCells: "\u30BB\u30EB\u3092\u7D50\u5408",
+      splitCell: "\u7D50\u5408\u3092\u89E3\u9664",
+      toggleHeaderRow: "\u30D8\u30C3\u30C0\u30FC\u884C\u3092\u5207\u308A\u66FF\u3048",
+      toggleHeaderCol: "\u30D8\u30C3\u30C0\u30FC\u5217\u3092\u5207\u308A\u66FF\u3048",
+      deleteRow: "\u884C\u3092\u524A\u9664",
+      deleteCol: "\u5217\u3092\u524A\u9664",
+      deleteTable: "\u8868\u3092\u524A\u9664",
+      undo: "\u5143\u306B\u623B\u3059",
+      redo: "\u3084\u308A\u76F4\u3057",
+      colorDefault: "\u6A19\u6E96",
+      colorSecondary: "\u88DC\u52A9",
+      colorMuted: "\u8584\u3044",
+      colorAccent: "\u5F37\u8ABF",
+      colorBrand: "\u30D6\u30E9\u30F3\u30C9",
+      colorSuccess: "\u6210\u529F",
+      colorWarning: "\u6CE8\u610F",
+      colorDanger: "\u5371\u967A",
+      tableCell: (r3, c) => `${r3}\u884C${c}\u5217`,
+      tableSizeText: (rows, cols) => `${rows}\u884C \xD7 ${cols}\u5217`,
+      heading: (level) => `\u898B\u51FA\u3057${level}`,
+      fontSizeDefault: (px) => `\u6A19\u6E96\uFF08\u672C\u6587 ${px}px\uFF09`,
+      closeEditing: (label) => `${label}\u3092\u9589\u3058\u308B`
+    },
+    form: { invalid: "\u7121\u52B9\u306A\u5024\u3067\u3059\u3002" },
+    date: {
+      weekdays: ["\u65E5", "\u6708", "\u706B", "\u6C34", "\u6728", "\u91D1", "\u571F"],
+      weekdaysLong: ["\u65E5\u66DC\u65E5", "\u6708\u66DC\u65E5", "\u706B\u66DC\u65E5", "\u6C34\u66DC\u65E5", "\u6728\u66DC\u65E5", "\u91D1\u66DC\u65E5", "\u571F\u66DC\u65E5"],
+      today: "\u4ECA\u65E5",
+      prevYear: "\u524D\u306E\u5E74",
+      nextYear: "\u6B21\u306E\u5E74",
+      prevMonth: "\u524D\u306E\u6708",
+      nextMonth: "\u6B21\u306E\u6708",
+      monthLabel: (month) => `${month}\u6708`,
+      dayLabel: (day) => `${day}\u65E5`,
+      unitYear: "\u5E74",
+      unitMonth: "\u6708",
+      unitDay: "\u65E5",
+      hourItem: (hour) => `${hour}\u6642`,
+      minuteItem: (minute) => `${minute}\u5206`,
+      hourAria: (prefix) => `${prefix}\u6642`,
+      minuteAria: (prefix) => `${prefix}\u5206`,
+      meridiemAria: (prefix) => `${prefix}\u5348\u524D/\u5348\u5F8C`,
+      am: "\u5348\u524D",
+      pm: "\u5348\u5F8C",
+      rangeFrom: "\u958B\u59CB",
+      rangeTo: "\u7D42\u4E86",
+      clearDate: "\u65E5\u4ED8\u3092\u30AF\u30EA\u30A2",
+      clearMonth: "\u6708\u3092\u30AF\u30EA\u30A2",
+      clearYear: "\u5E74\u3092\u30AF\u30EA\u30A2",
+      clearPeriod: "\u671F\u9593\u3092\u30AF\u30EA\u30A2",
+      clearTime: "\u6642\u523B\u3092\u30AF\u30EA\u30A2",
+      clearTimeRange: "\u6642\u9593\u7BC4\u56F2\u3092\u30AF\u30EA\u30A2",
+      start: "\u958B\u59CB",
+      end: "\u7D42\u4E86",
+      startTime: "\u958B\u59CB\u6642\u523B",
+      endTime: "\u7D42\u4E86\u6642\u523B"
+    },
+    chart: {
+      unit: (unit) => `\u5358\u4F4D\uFF1A${unit}`,
+      pie: "\u5186\u30B0\u30E9\u30D5",
+      donut: "\u30C9\u30FC\u30CA\u30C4\u30B0\u30E9\u30D5",
+      radialSummary: (count, kind) => `${count}\u9805\u76EE\u306E${kind}`,
+      barSummary: (c, s, stacked) => `${c}\u9805\u76EE\u3001${s}\u7CFB\u5217\u306E${stacked ? "\u7A4D\u307F\u4E0A\u3052" : ""}\u68D2\u30B0\u30E9\u30D5`,
+      lineSummary: (c, s, stacked) => `${c}\u9805\u76EE\u3001${s}\u7CFB\u5217\u306E${stacked ? "\u7A4D\u307F\u4E0A\u3052" : ""}\u6298\u308C\u7DDA\u30B0\u30E9\u30D5`
+    },
+    chipFilter: {
+      periodDay: "\u65E5\u5225",
+      periodMonth: "\u6708\u5225",
+      periodQuarter: "\u56DB\u534A\u671F\u5225",
+      periodHalf: "\u534A\u671F\u5225",
+      periodYear: "\u5E74\u5225",
+      custom: "\u30E6\u30FC\u30B6\u30FC\u6307\u5B9A",
+      today: "\u4ECA\u65E5",
+      last7: "\u904E\u53BB7\u65E5",
+      last30: "\u904E\u53BB30\u65E5",
+      maxWord: "\u6700\u5927",
+      maxRangeHint: (days) => `\u6700\u5927${days}\u65E5`,
+      requireAll: "\u3059\u3079\u3066\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+      requireAnyDefault: "1\u3064\u4EE5\u4E0A\u306E\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+      requireAnyNamed: (name) => `${name}\u30921\u3064\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002`,
+      requireField: (label) => `${label}\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002`,
+      fieldFallback: "\u9805\u76EE",
+      valueListMore: (first, rest) => `${first} \u4ED6${rest}\u4EF6`,
+      quarter: (n) => `\u7B2C${n}\u56DB\u534A\u671F`,
+      firstHalf: "\u4E0A\u534A\u671F",
+      secondHalf: "\u4E0B\u534A\u671F",
+      removeFilter: (label) => `${label}\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u524A\u9664`,
+      clearFilter: (label) => `${label}\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u30AF\u30EA\u30A2`,
+      resetSearch: "\u691C\u7D22\u3092\u30EA\u30BB\u30C3\u30C8",
+      addFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC\u3092\u8FFD\u52A0",
+      noAddableFilter: "\u8FFD\u52A0\u3067\u304D\u308B\u30D5\u30A3\u30EB\u30BF\u30FC\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
+      selectNone: "\u9078\u629E\u3092\u89E3\u9664",
+      selectAll: "\u3059\u3079\u3066\u9078\u629E",
+      removeItem: (label) => `${label}\u3092\u524A\u9664`,
+      keywordContains: "\u542B\u3080",
+      keywordExact: "\u4E00\u81F4",
+      keywordExcludes: "\u542B\u307E\u306A\u3044",
+      keywordHintCsv: "\u8907\u6570\u306E\u30AD\u30FC\u30EF\u30FC\u30C9\u306F\u30AB\u30F3\u30DE(,)\u3067\u533A\u5207\u308A\u307E\u3059",
+      keywordHintEnter: "\u5165\u529B\u5F8C Enter \u3067\u8FFD\u52A0",
+      keywordCondition: "\u691C\u7D22\u6761\u4EF6\uFF1A",
+      noSearchResults: "\u691C\u7D22\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093\u3002"
+    },
+    numberInput: {
+      rangeBetween: (min, max) => `${min}\u301C${max}\u306E\u7BC4\u56F2\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002`,
+      atLeast: (min) => `${min}\u4EE5\u4E0A\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002`,
+      atMost: (max) => `${max}\u4EE5\u4E0B\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002`,
+      increase: "\u5897\u3084\u3059",
+      decrease: "\u6E1B\u3089\u3059"
+    },
+    chipInput: {
+      placeholderWithComma: "\u30BF\u30B0\u3092\u5165\u529B\uFF08Enter\u307E\u305F\u306F\u30AB\u30F3\u30DE\u3067\u767B\u9332\uFF09",
+      placeholder: "\u30BF\u30B0\u3092\u5165\u529B\uFF08Enter\u3067\u767B\u9332\uFF09",
+      duplicateNamed: (label) => `\u3059\u3067\u306B\u5165\u529B\u3055\u308C\u305F${label}\u3067\u3059\u3002`,
+      duplicate: "\u91CD\u8907\u3057\u305F\u5024\u304C\u3042\u308A\u307E\u3059\u3002",
+      maxCount: (max) => `\u6700\u5927${max}\u4EF6`
+    },
+    slider: { minValue: "\u6700\u5C0F\u5024", maxValue: "\u6700\u5927\u5024" },
+    chat: {
+      removeAttachment: (name) => `${name}\u3092\u524A\u9664`,
+      placeholder: "\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044...",
+      attachFile: "\u30D5\u30A1\u30A4\u30EB\u3092\u6DFB\u4ED8",
+      stopResponse: "\u5FDC\u7B54\u3092\u505C\u6B62",
+      send: "\u9001\u4FE1",
+      read: "\u65E2\u8AAD",
+      unread: "\u672A\u8AAD"
+    },
+    loadingModal: {
+      loadingMessage: "\u51E6\u7406\u4E2D...",
+      errorMessage: "\u51E6\u7406\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u3082\u3046\u4E00\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",
+      errorButton: "\u518D\u8A66\u884C",
+      ariaTitle: "\u8AAD\u307F\u8FBC\u307F\u4E2D"
+    },
+    stepper: { errorTooltip: "\u78BA\u8A8D\u304C\u5FC5\u8981\u306A\u9805\u76EE\u304C\u3042\u308A\u307E\u3059\u3002", ariaLabel: "\u9032\u884C\u30B9\u30C6\u30C3\u30D7" },
+    timeline: { empty: "\u5C65\u6B74\u304C\u3042\u308A\u307E\u305B\u3093\u3002" },
+    callout: { dangerTitle: "\u6CE8\u610F\u4E8B\u9805" },
+    guide: { tip: "\u30D2\u30F3\u30C8", notion: "\u4F7F\u3044\u65B9\u30AC\u30A4\u30C9" },
+    loginCard: { login: "\u7D71\u5408\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3" },
+    modal: { defaultTitle: "\u30E2\u30FC\u30C0\u30EB" },
+    launcher: { opensInNewTab: "\u65B0\u3057\u3044\u30BF\u30D6\u3067\u958B\u304D\u307E\u3059" },
+    common: {
+      close: "\u9589\u3058\u308B",
+      clear: "\u30AF\u30EA\u30A2",
+      confirm: "\u78BA\u8A8D",
+      all: "\u3059\u3079\u3066",
+      back: "\u623B\u308B",
+      more: "\u3082\u3063\u3068\u898B\u308B",
+      moreActions: "\u305D\u306E\u4ED6\u306E\u6A5F\u80FD",
+      openMenu: "\u30E1\u30CB\u30E5\u30FC\u3092\u958B\u304F",
+      dragHandle: "\u30C9\u30E9\u30C3\u30B0\u30CF\u30F3\u30C9\u30EB",
+      resizeDrawer: "\u30C9\u30ED\u30EF\u30FC\u306E\u5E45\u3092\u8ABF\u6574",
+      search: "\u691C\u7D22",
+      count: (n) => `${n}\u4EF6`
+    },
+    input: {
+      placeholder: "\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
+      searchWithinResults: "\u7D50\u679C\u5185\u3092\u691C\u7D22",
+      clearInput: "\u5165\u529B\u3092\u30EA\u30BB\u30C3\u30C8",
+      showPassword: "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A"
+    },
     pagination: {
       firstPage: "\u6700\u521D\u306E\u30DA\u30FC\u30B8",
       prevPage: "\u524D\u306E\u30DA\u30FC\u30B8",
@@ -332,9 +973,224 @@ var BUNDLES = {
       searchPlaceholder: "\u691C\u7D22",
       empty: "\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
       loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D..."
+    },
+    table: {
+      selectAll: "\u3059\u3079\u3066\u9078\u629E",
+      selectRow: "\u884C\u3092\u9078\u629E",
+      empty: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
+      rowsPerPage: (count) => `${count}\u4EF6\u305A\u3064\u8868\u793A`,
+      editable: "\u7DE8\u96C6\u53EF\u80FD",
+      opensInNewScreen: "\u65B0\u3057\u3044\u753B\u9762\u3067\u958B\u304F",
+      sortBy: (label) => `${label} \u3067\u4E26\u3079\u66FF\u3048`,
+      denseOff: "\u5E83\u304F\u8868\u793A",
+      denseOn: "\u72ED\u304F\u8868\u793A"
+    },
+    tableBar: {
+      totalBefore: "\u5408\u8A08 ",
+      totalAfter: "\u4EF6",
+      selectedBefore: "",
+      selectedAfter: "\u4EF6\u9078\u629E"
     }
   },
   zh: {
+    accountListBox: { accountSetting: "\u8D26\u53F7\u8BBE\u7F6E", language: "\u66F4\u6539\u8BED\u8A00", logout: "\u9000\u51FA\u767B\u5F55" },
+    gnbSystem: { alert: "\u901A\u77E5", setting: "\u8BBE\u7F6E" },
+    editor: {
+      placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u3002",
+      toolbarLabel: "\u683C\u5F0F\u5DE5\u5177",
+      tableSize: "\u8868\u683C\u5927\u5C0F",
+      linkUrl: "\u94FE\u63A5\u5730\u5740",
+      apply: "\u5E94\u7528",
+      remove: "\u79FB\u9664",
+      headingLevel: "\u6807\u9898\u7EA7\u522B",
+      headingBody: "\u6B63\u6587",
+      fontSize: "\u5B57\u53F7",
+      fontSizeDefaultLabel: "\u9ED8\u8BA4",
+      bold: "\u52A0\u7C97",
+      italic: "\u659C\u4F53",
+      underline: "\u4E0B\u5212\u7EBF",
+      strike: "\u5220\u9664\u7EBF",
+      inlineCode: "\u884C\u5185\u4EE3\u7801",
+      textColor: "\u6587\u5B57\u989C\u8272",
+      clearColor: "\u6E05\u9664\u989C\u8272",
+      alignLeft: "\u5DE6\u5BF9\u9F50",
+      alignCenter: "\u5C45\u4E2D\u5BF9\u9F50",
+      alignRight: "\u53F3\u5BF9\u9F50",
+      alignJustify: "\u4E24\u7AEF\u5BF9\u9F50",
+      bulletList: "\u9879\u76EE\u7B26\u53F7\u5217\u8868",
+      orderedList: "\u7F16\u53F7\u5217\u8868",
+      taskList: "\u5F85\u529E\u5217\u8868",
+      list: "\u5217\u8868",
+      blockquote: "\u5F15\u7528",
+      codeBlock: "\u4EE3\u7801\u5757",
+      divider: "\u5206\u9694\u7EBF",
+      link: "\u94FE\u63A5",
+      insertImage: "\u63D2\u5165\u56FE\u7247",
+      image: "\u56FE\u7247",
+      table: "\u8868\u683C",
+      addRowAbove: "\u5728\u4E0A\u65B9\u63D2\u5165\u884C",
+      addRowBelow: "\u5728\u4E0B\u65B9\u63D2\u5165\u884C",
+      addColLeft: "\u5728\u5DE6\u4FA7\u63D2\u5165\u5217",
+      addColRight: "\u5728\u53F3\u4FA7\u63D2\u5165\u5217",
+      mergeCells: "\u5408\u5E76\u5355\u5143\u683C",
+      splitCell: "\u53D6\u6D88\u5408\u5E76",
+      toggleHeaderRow: "\u5207\u6362\u6807\u9898\u884C",
+      toggleHeaderCol: "\u5207\u6362\u6807\u9898\u5217",
+      deleteRow: "\u5220\u9664\u884C",
+      deleteCol: "\u5220\u9664\u5217",
+      deleteTable: "\u5220\u9664\u8868\u683C",
+      undo: "\u64A4\u9500",
+      redo: "\u91CD\u505A",
+      colorDefault: "\u9ED8\u8BA4",
+      colorSecondary: "\u6B21\u8981",
+      colorMuted: "\u6DE1\u5316",
+      colorAccent: "\u5F3A\u8C03",
+      colorBrand: "\u54C1\u724C",
+      colorSuccess: "\u6210\u529F",
+      colorWarning: "\u8B66\u544A",
+      colorDanger: "\u5371\u9669",
+      tableCell: (r3, c) => `${r3}\u884C${c}\u5217`,
+      tableSizeText: (rows, cols) => `${rows}\u884C \xD7 ${cols}\u5217`,
+      heading: (level) => `\u6807\u9898 ${level}`,
+      fontSizeDefault: (px) => `\u9ED8\u8BA4\uFF08\u6B63\u6587 ${px}px\uFF09`,
+      closeEditing: (label) => `\u5173\u95ED${label}`
+    },
+    form: { invalid: "\u65E0\u6548\u7684\u503C\u3002" },
+    date: {
+      weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+      weekdaysLong: ["\u661F\u671F\u65E5", "\u661F\u671F\u4E00", "\u661F\u671F\u4E8C", "\u661F\u671F\u4E09", "\u661F\u671F\u56DB", "\u661F\u671F\u4E94", "\u661F\u671F\u516D"],
+      today: "\u4ECA\u5929",
+      prevYear: "\u4E0A\u4E00\u5E74",
+      nextYear: "\u4E0B\u4E00\u5E74",
+      prevMonth: "\u4E0A\u4E2A\u6708",
+      nextMonth: "\u4E0B\u4E2A\u6708",
+      monthLabel: (month) => `${month}\u6708`,
+      dayLabel: (day) => `${day}\u65E5`,
+      unitYear: "\u5E74",
+      unitMonth: "\u6708",
+      unitDay: "\u65E5",
+      hourItem: (hour) => `${hour}\u65F6`,
+      minuteItem: (minute) => `${minute}\u5206`,
+      hourAria: (prefix) => `${prefix}\u5C0F\u65F6`,
+      minuteAria: (prefix) => `${prefix}\u5206\u949F`,
+      meridiemAria: (prefix) => `${prefix}\u4E0A\u5348/\u4E0B\u5348`,
+      am: "\u4E0A\u5348",
+      pm: "\u4E0B\u5348",
+      rangeFrom: "\u5F00\u59CB",
+      rangeTo: "\u7ED3\u675F",
+      clearDate: "\u6E05\u9664\u65E5\u671F",
+      clearMonth: "\u6E05\u9664\u6708\u4EFD",
+      clearYear: "\u6E05\u9664\u5E74\u4EFD",
+      clearPeriod: "\u6E05\u9664\u65F6\u95F4\u6BB5",
+      clearTime: "\u6E05\u9664\u65F6\u95F4",
+      clearTimeRange: "\u6E05\u9664\u65F6\u95F4\u8303\u56F4",
+      start: "\u5F00\u59CB",
+      end: "\u7ED3\u675F",
+      startTime: "\u5F00\u59CB\u65F6\u95F4",
+      endTime: "\u7ED3\u675F\u65F6\u95F4"
+    },
+    chart: {
+      unit: (unit) => `\u5355\u4F4D\uFF1A${unit}`,
+      pie: "\u997C\u56FE",
+      donut: "\u73AF\u5F62\u56FE",
+      radialSummary: (count, kind) => `${kind}\uFF0C\u5171 ${count} \u9879`,
+      barSummary: (c, s, stacked) => `${stacked ? "\u5806\u53E0" : ""}\u67F1\u72B6\u56FE\uFF0C${c} \u9879\uFF0C${s} \u4E2A\u7CFB\u5217`,
+      lineSummary: (c, s, stacked) => `${stacked ? "\u5806\u53E0" : ""}\u6298\u7EBF\u56FE\uFF0C${c} \u9879\uFF0C${s} \u4E2A\u7CFB\u5217`
+    },
+    chipFilter: {
+      periodDay: "\u6309\u65E5",
+      periodMonth: "\u6309\u6708",
+      periodQuarter: "\u6309\u5B63\u5EA6",
+      periodHalf: "\u6309\u534A\u5E74",
+      periodYear: "\u6309\u5E74",
+      custom: "\u81EA\u5B9A\u4E49",
+      today: "\u4ECA\u5929",
+      last7: "\u6700\u8FD17\u5929",
+      last30: "\u6700\u8FD130\u5929",
+      maxWord: "\u6700\u591A",
+      maxRangeHint: (days) => `\u6700\u591A${days}\u5929`,
+      requireAll: "\u8BF7\u9009\u62E9\u6240\u6709\u9879\u76EE\u3002",
+      requireAnyDefault: "\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A\u7B5B\u9009\u6761\u4EF6\u3002",
+      requireAnyNamed: (name) => `\u8BF7\u81F3\u5C11\u9009\u62E9\u4E00\u4E2A${name}\u3002`,
+      requireField: (label) => `\u8BF7\u9009\u62E9${label}\u3002`,
+      fieldFallback: "\u9879\u76EE",
+      valueListMore: (first, rest) => `${first} \u7B49${rest + 1}\u9879`,
+      quarter: (n) => `\u7B2C${n}\u5B63\u5EA6`,
+      firstHalf: "\u4E0A\u534A\u5E74",
+      secondHalf: "\u4E0B\u534A\u5E74",
+      removeFilter: (label) => `\u79FB\u9664${label}\u7B5B\u9009`,
+      clearFilter: (label) => `\u6E05\u9664${label}\u7B5B\u9009`,
+      resetSearch: "\u91CD\u7F6E\u641C\u7D22",
+      addFilter: "\u6DFB\u52A0\u7B5B\u9009",
+      noAddableFilter: "\u6CA1\u6709\u53EF\u6DFB\u52A0\u7684\u7B5B\u9009\u6761\u4EF6\u3002",
+      selectNone: "\u53D6\u6D88\u5168\u9009",
+      selectAll: "\u5168\u9009",
+      removeItem: (label) => `\u5220\u9664${label}`,
+      keywordContains: "\u5305\u542B",
+      keywordExact: "\u5B8C\u5168\u5339\u914D",
+      keywordExcludes: "\u4E0D\u5305\u542B",
+      keywordHintCsv: "\u591A\u4E2A\u5173\u952E\u8BCD\u7528\u9017\u53F7(,)\u5206\u9694",
+      keywordHintEnter: "\u8F93\u5165\u540E\u6309 Enter \u6DFB\u52A0",
+      keywordCondition: "\u641C\u7D22\u6761\u4EF6\uFF1A",
+      noSearchResults: "\u6CA1\u6709\u641C\u7D22\u7ED3\u679C\u3002"
+    },
+    numberInput: {
+      rangeBetween: (min, max) => `\u8BF7\u8F93\u5165 ${min}~${max} \u4E4B\u95F4\u7684\u503C\u3002`,
+      atLeast: (min) => `\u8BF7\u8F93\u5165\u4E0D\u5C0F\u4E8E ${min} \u7684\u503C\u3002`,
+      atMost: (max) => `\u8BF7\u8F93\u5165\u4E0D\u5927\u4E8E ${max} \u7684\u503C\u3002`,
+      increase: "\u589E\u52A0",
+      decrease: "\u51CF\u5C11"
+    },
+    chipInput: {
+      placeholderWithComma: "\u8F93\u5165\u6807\u7B7E\uFF08\u6309 Enter \u6216\u9017\u53F7\u6DFB\u52A0\uFF09",
+      placeholder: "\u8F93\u5165\u6807\u7B7E\uFF08\u6309 Enter \u6DFB\u52A0\uFF09",
+      duplicateNamed: (label) => `${label}\u5DF2\u5B58\u5728\u3002`,
+      duplicate: "\u5B58\u5728\u91CD\u590D\u7684\u503C\u3002",
+      maxCount: (max) => `\u6700\u591A ${max} \u4E2A`
+    },
+    slider: { minValue: "\u6700\u5C0F\u503C", maxValue: "\u6700\u5927\u503C" },
+    chat: {
+      removeAttachment: (name) => `\u79FB\u9664${name}`,
+      placeholder: "\u8BF7\u8F93\u5165\u6D88\u606F...",
+      attachFile: "\u9644\u52A0\u6587\u4EF6",
+      stopResponse: "\u505C\u6B62\u56DE\u590D",
+      send: "\u53D1\u9001",
+      read: "\u5DF2\u8BFB",
+      unread: "\u672A\u8BFB"
+    },
+    loadingModal: {
+      loadingMessage: "\u5904\u7406\u4E2D...",
+      errorMessage: "\u64CD\u4F5C\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+      errorButton: "\u91CD\u8BD5",
+      ariaTitle: "\u52A0\u8F7D\u4E2D"
+    },
+    stepper: { errorTooltip: "\u6709\u9700\u8981\u786E\u8BA4\u7684\u9879\u76EE\u3002", ariaLabel: "\u8FDB\u5EA6\u6B65\u9AA4" },
+    timeline: { empty: "\u6CA1\u6709\u8BB0\u5F55\u3002" },
+    callout: { dangerTitle: "\u6CE8\u610F\u4E8B\u9879" },
+    guide: { tip: "\u4F7F\u7528\u63D0\u793A", notion: "\u4F7F\u7528\u6307\u5357" },
+    loginCard: { login: "\u4F7F\u7528\u7EDF\u4E00\u8D26\u53F7\u767B\u5F55" },
+    modal: { defaultTitle: "\u6A21\u6001\u6846" },
+    launcher: { opensInNewTab: "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00" },
+    common: {
+      close: "\u5173\u95ED",
+      clear: "\u6E05\u9664",
+      confirm: "\u786E\u5B9A",
+      all: "\u5168\u90E8",
+      back: "\u8FD4\u56DE",
+      more: "\u66F4\u591A",
+      moreActions: "\u66F4\u591A\u529F\u80FD",
+      openMenu: "\u6253\u5F00\u83DC\u5355",
+      dragHandle: "\u62D6\u52A8\u624B\u67C4",
+      resizeDrawer: "\u8C03\u6574\u62BD\u5C49\u5BBD\u5EA6",
+      search: "\u641C\u7D22",
+      count: (n) => `${n}\u4E2A`
+    },
+    input: {
+      placeholder: "\u8BF7\u8F93\u5165\u3002",
+      searchWithinResults: "\u5728\u7ED3\u679C\u4E2D\u641C\u7D22",
+      clearInput: "\u91CD\u7F6E\u8F93\u5165",
+      showPassword: "\u663E\u793A\u5BC6\u7801"
+    },
     pagination: {
       firstPage: "\u7B2C\u4E00\u9875",
       prevPage: "\u4E0A\u4E00\u9875",
@@ -351,6 +1207,23 @@ var BUNDLES = {
       searchPlaceholder: "\u641C\u7D22",
       empty: "\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879\u76EE\u3002",
       loading: "\u52A0\u8F7D\u4E2D..."
+    },
+    table: {
+      selectAll: "\u5168\u9009",
+      selectRow: "\u9009\u62E9\u884C",
+      empty: "\u6CA1\u6709\u6570\u636E\u3002",
+      rowsPerPage: (count) => `\u6BCF\u9875 ${count} \u6761`,
+      editable: "\u53EF\u7F16\u8F91",
+      opensInNewScreen: "\u5728\u65B0\u9875\u9762\u4E2D\u6253\u5F00",
+      sortBy: (label) => `\u6309${label}\u6392\u5E8F`,
+      denseOff: "\u5BBD\u677E\u663E\u793A",
+      denseOn: "\u7D27\u51D1\u663E\u793A"
+    },
+    tableBar: {
+      totalBefore: "\u5171 ",
+      totalAfter: " \u6761",
+      selectedBefore: "\u5DF2\u9009 ",
+      selectedAfter: " \u6761"
     }
   }
 };
@@ -367,11 +1240,40 @@ function mergeDefined(base, override) {
   }
   return next;
 }
+function mergeDateDefined(base, override) {
+  const merged = mergeDefined(base, override);
+  if (merged.weekdays.length !== 7) merged.weekdays = base.weekdays;
+  if (merged.weekdaysLong.length !== 7) merged.weekdaysLong = base.weekdaysLong;
+  return merged;
+}
 function resolveMessages(locale, override) {
   const base = BUNDLES[normalizeLocale(locale)];
   return {
+    common: mergeDefined(base.common, override?.common),
+    input: mergeDefined(base.input, override?.input),
+    chart: mergeDefined(base.chart, override?.chart),
+    date: mergeDateDefined(base.date, override?.date),
+    form: mergeDefined(base.form, override?.form),
+    accountListBox: mergeDefined(base.accountListBox, override?.accountListBox),
+    gnbSystem: mergeDefined(base.gnbSystem, override?.gnbSystem),
+    editor: mergeDefined(base.editor, override?.editor),
+    chipFilter: mergeDefined(base.chipFilter, override?.chipFilter),
+    numberInput: mergeDefined(base.numberInput, override?.numberInput),
+    chipInput: mergeDefined(base.chipInput, override?.chipInput),
+    slider: mergeDefined(base.slider, override?.slider),
+    chat: mergeDefined(base.chat, override?.chat),
+    loadingModal: mergeDefined(base.loadingModal, override?.loadingModal),
+    stepper: mergeDefined(base.stepper, override?.stepper),
+    timeline: mergeDefined(base.timeline, override?.timeline),
+    callout: mergeDefined(base.callout, override?.callout),
+    guide: mergeDefined(base.guide, override?.guide),
+    loginCard: mergeDefined(base.loginCard, override?.loginCard),
+    modal: mergeDefined(base.modal, override?.modal),
+    launcher: mergeDefined(base.launcher, override?.launcher),
     pagination: mergeDefined(base.pagination, override?.pagination),
-    select: mergeDefined(base.select, override?.select)
+    select: mergeDefined(base.select, override?.select),
+    table: mergeDefined(base.table, override?.table),
+    tableBar: mergeDefined(base.tableBar, override?.tableBar)
   };
 }
 function createValue(locale, override) {
@@ -392,6 +1294,11 @@ function SLocaleProvider({ locale, messages, children }) {
 function useLocale() {
   return react.useContext(LocaleContext);
 }
+var strokeProps = (strokeWidth) => ({
+  stroke: "currentColor",
+  strokeWidth: strokeWidth ?? 1.5,
+  vectorEffect: strokeWidth ? "non-scaling-stroke" : void 0
+});
 var Icon_account = (p) => {
   const { size = 24, ...rest } = p;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2201,7 +3108,8 @@ var Icon_helpFill = (p) => {
   );
 };
 var Icon_helpOutline = (p) => {
-  const { size = 24, ...rest } = p;
+  const { size = 24, strokeWidth, ...rest } = p;
+  const stroke = strokeProps(strokeWidth);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -2215,23 +3123,24 @@ var Icon_helpOutline = (p) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M12 15.75C12.5522 15.7501 13 16.1978 13 16.75C12.9999 17.3021 12.5521 17.7499 12 17.75C11.4478 17.75 11.0001 17.3022 11 16.75C11 16.1977 11.4477 15.75 12 15.75Z",
-            fill: "currentColor"
+            d: "M22.1998 11.9998C22.1998 6.3665 17.6331 1.7998 11.9998 1.7998C6.3665 1.7998 1.7998 6.3665 1.7998 11.9998C1.7998 17.6331 6.3665 22.1998 11.9998 22.1998C17.6331 22.1998 22.1998 17.6331 22.1998 11.9998Z",
+            strokeLinecap: "round",
+            ...stroke
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M12 5.625C13.4155 5.62505 14.3879 6.17365 14.9883 6.93164C15.5622 7.65643 15.75 8.51261 15.75 9.10254C15.7498 10.0616 15.2169 11.8923 13.1826 12.4336C13.039 12.4719 12.9188 12.5466 12.8428 12.6279C12.7715 12.7043 12.7501 12.7716 12.75 12.8291V13.875C12.7499 14.2891 12.4141 14.6249 12 14.625C11.5859 14.625 11.2501 14.2891 11.25 13.875V12.8291C11.2502 11.8236 12.0595 11.1807 12.7969 10.9844C13.9244 10.6843 14.2498 9.68018 14.25 9.10254C14.25 8.78353 14.1382 8.27475 13.8125 7.86328C13.5129 7.48502 12.9842 7.12504 12 7.125C11.0157 7.125 10.4871 7.485 10.1875 7.86328C9.86168 8.27478 9.75 8.78348 9.75 9.10254C9.74975 9.51648 9.41397 9.85244 9 9.85254C8.58594 9.85254 8.25025 9.51654 8.25 9.10254C8.25 8.51256 8.43767 7.65647 9.01172 6.93164C9.61212 6.17361 10.5844 5.625 12 5.625Z",
-            fill: "currentColor"
+            d: "M8.99982 9.10203C8.99982 8.19294 9.59982 6.37476 11.9998 6.37476C14.3998 6.37476 14.9998 8.19294 14.9998 9.10203C14.9998 9.87031 14.5713 11.2879 12.9899 11.7086C12.4562 11.8506 11.9998 12.277 11.9998 12.8293V13.8748",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            ...stroke
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 1.0498C18.0474 1.04991 22.9502 5.95255 22.9502 12C22.9501 18.0474 18.0474 22.9501 12 22.9502C5.95255 22.9502 1.04991 18.0474 1.0498 12C1.0498 5.95248 5.95248 1.0498 12 1.0498ZM12 2.5498C6.78091 2.5498 2.5498 6.78091 2.5498 12C2.54991 17.219 6.78097 21.4502 12 21.4502C17.2189 21.4501 21.4501 17.2189 21.4502 12C21.4502 6.78097 17.219 2.54991 12 2.5498Z",
+            d: "M11.9998 15.7498C12.5521 15.7498 12.9998 16.1975 12.9998 16.7498C12.9998 17.302 12.5521 17.7498 11.9998 17.7498C11.4475 17.7498 10.9998 17.302 10.9998 16.7498C10.9998 16.1975 11.4475 15.7498 11.9998 15.7498Z",
             fill: "currentColor"
           }
         )
@@ -2760,7 +3669,8 @@ var Icon_notificationFill = (p) => {
   );
 };
 var Icon_notificationOutline = (p) => {
-  const { size = 24, ...rest } = p;
+  const { size = 24, strokeWidth, ...rest } = p;
+  const stroke = strokeProps(strokeWidth);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -2774,23 +3684,16 @@ var Icon_notificationOutline = (p) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            d: "M12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M12 6.375C12.4142 6.375 12.75 6.71079 12.75 7.125V13.125C12.75 13.5392 12.4142 13.875 12 13.875C11.5858 13.875 11.25 13.5392 11.25 13.125V7.125C11.25 6.71079 11.5858 6.375 12 6.375Z",
-            fill: "currentColor"
+            d: "M22.2 12C22.2 6.36674 17.6333 1.80005 12 1.80005C6.36668 1.80005 1.79999 6.36674 1.79999 12C1.79999 17.6334 6.36668 22.2 12 22.2C17.6333 22.2 22.2 17.6334 22.2 12Z",
+            strokeLinecap: "round",
+            ...stroke
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 13.125L12 7.125", strokeLinecap: "round", strokeLinejoin: "round", ...stroke }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 1.0498C18.0474 1.04991 22.9501 5.95264 22.9502 12C22.9501 18.0474 18.0474 22.9501 12 22.9502C5.95263 22.9501 1.04991 18.0474 1.0498 12C1.04991 5.95263 5.95263 1.0499 12 1.0498ZM12 2.5498C6.78106 2.5499 2.54991 6.78106 2.5498 12C2.54991 17.2189 6.78106 21.4501 12 21.4502C17.2189 21.4501 21.4501 17.2189 21.4502 12C21.4501 6.78107 17.2189 2.54991 12 2.5498Z",
+            d: "M12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5Z",
             fill: "currentColor"
           }
         )
@@ -3253,7 +4156,8 @@ var Icon_setting = (p) => {
   );
 };
 var Icon_settingOutline = (p) => {
-  const { size = 24, ...rest } = p;
+  const { size = 24, strokeWidth, ...rest } = p;
+  const stroke = strokeProps(strokeWidth);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3264,22 +4168,12 @@ var Icon_settingOutline = (p) => {
       xmlns: "http://www.w3.org/2000/svg",
       ...rest,
       children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3", ...stroke }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M11.9996 8C14.2087 8 15.9996 9.79086 15.9996 12C15.9996 14.2091 14.2087 16 11.9996 16C9.79065 15.9998 7.9996 14.209 7.9996 12C7.9996 9.791 9.79065 8.00022 11.9996 8ZM11.9996 9.5C10.6191 9.50022 9.4996 10.6194 9.4996 12C9.4996 13.3806 10.6191 14.4998 11.9996 14.5C13.3803 14.5 14.4996 13.3807 14.4996 12C14.4996 10.6193 13.3803 9.5 11.9996 9.5Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M13.1851 1C13.5085 1 13.7979 1.20161 13.9068 1.50293L14.6832 3.65527C14.9613 3.72452 15.2006 3.79367 15.4029 3.86621C15.5134 3.90579 15.64 3.95628 15.7828 4.0166L16.2613 4.22949L18.0689 3.27246C18.2163 3.19438 18.3856 3.16661 18.5504 3.19238C18.7153 3.21835 18.8676 3.29735 18.984 3.41699L20.5748 5.06152C20.7859 5.28042 20.8459 5.60054 20.7271 5.87988L19.8785 7.86719C20.0192 8.12546 20.1316 8.34655 20.2174 8.53125C20.3097 8.73243 20.4239 9.01001 20.5601 9.36719L22.5377 10.2148L22.6432 10.2695C22.8771 10.4155 23.016 10.6779 22.9986 10.9561L22.8531 13.2383L22.8375 13.3486C22.8141 13.4565 22.7672 13.5589 22.6998 13.6475L22.6266 13.7305C22.5476 13.8076 22.4523 13.8674 22.3473 13.9043L20.4752 14.5693C20.4213 14.8278 20.3647 15.0493 20.3053 15.2363L20.1519 15.666C20.0973 15.8078 20.0394 15.9488 19.9781 16.0879L20.9185 18.166L20.9586 18.2793C20.9899 18.3941 20.9942 18.5153 20.9693 18.6328L20.9351 18.7471C20.8923 18.8584 20.823 18.959 20.733 19.0391L18.9449 20.6357L18.8512 20.707C18.753 20.7705 18.6411 20.812 18.524 20.8262L18.4059 20.8311C18.2889 20.8272 18.1732 20.7964 18.0689 20.7412L16.2262 19.7647C15.9378 19.9173 15.6394 20.0519 15.3346 20.168L14.5299 20.4697L13.815 22.4502L13.7672 22.5547C13.7121 22.6552 13.6346 22.7424 13.5406 22.8096L13.442 22.8701C13.3398 22.9219 13.2264 22.9498 13.1109 22.9522L11.0211 23C10.9023 23.0031 10.7841 22.9783 10.6773 22.9287L10.5748 22.8711C10.4431 22.7831 10.3415 22.6557 10.2848 22.5078L9.44198 20.2783C9.1547 20.1801 8.86973 20.0733 8.58847 19.959C8.35848 19.8594 8.13142 19.7518 7.90878 19.6367L5.81894 20.5303L5.71347 20.5664C5.64162 20.5854 5.56705 20.594 5.49276 20.5918L5.38241 20.5801C5.27208 20.5606 5.1671 20.5175 5.07577 20.4541L4.98886 20.3838L3.44198 18.9326C3.35574 18.8519 3.28988 18.7525 3.2496 18.6426L3.21737 18.5303C3.18685 18.376 3.20586 18.2154 3.27109 18.0723L4.1705 16.1143C4.05101 15.8824 3.93933 15.6454 3.83749 15.4053C3.71871 15.1116 3.60934 14.814 3.50839 14.5137L1.53866 13.9141C1.41879 13.8777 1.31002 13.8122 1.22226 13.7246L1.14218 13.6299C1.04481 13.4941 0.994151 13.3291 0.999601 13.1621L1.07675 11.0498C1.08222 10.9121 1.1259 10.7782 1.20175 10.6631C1.25874 10.5767 1.33262 10.5026 1.41855 10.4463L1.50839 10.3965L3.57382 9.4043C3.6695 9.05348 3.75306 8.78014 3.82675 8.58106C3.9305 8.31518 4.0461 8.05376 4.17245 7.79785L3.27694 5.90625C3.20906 5.76263 3.18873 5.6004 3.21835 5.44434C3.24057 5.3276 3.2899 5.21813 3.36191 5.125L3.44198 5.03711L4.98593 3.57813C5.09409 3.47611 5.23034 3.40784 5.37655 3.38086C5.52273 3.354 5.67376 3.37002 5.81112 3.42676L7.89901 4.28906C8.12988 4.13515 8.33881 4.01023 8.52792 3.91016C8.75326 3.79034 9.05504 3.66547 9.43417 3.53027L10.1607 1.50488C10.2143 1.35699 10.3122 1.22899 10.441 1.13867C10.57 1.04839 10.7249 0.999723 10.8824 1H13.1851ZM10.8463 4.03613C10.6946 4.45908 10.3613 4.79149 9.93808 4.94238C9.5875 5.06739 9.36381 5.16528 9.23202 5.23535L9.23007 5.23633C9.09075 5.31005 8.9247 5.40801 8.73105 5.53711C8.31531 5.81413 7.78855 5.86633 7.32675 5.67578L5.67343 4.99219L4.86484 5.75586L5.52792 7.15625C5.72387 7.57031 5.71997 8.05117 5.51718 8.46192C5.41394 8.67102 5.31944 8.88459 5.23398 9.10156L5.14218 9.37598C5.10686 9.491 5.06681 9.63118 5.02109 9.79883C4.90655 10.2184 4.6153 10.5675 4.22323 10.7559L2.55917 11.5547L2.51913 12.6436L3.94491 13.0781L4.11386 13.1416C4.49659 13.3106 4.79411 13.6335 4.92929 14.0352C5.01804 14.2992 5.11534 14.5609 5.21933 14.8193L5.35507 15.126C5.40249 15.2271 5.45233 15.3275 5.50351 15.4268C5.71457 15.8364 5.72588 16.3204 5.53378 16.7393L4.85898 18.2061L5.66659 18.9639L7.31894 18.2578L7.47616 18.2012C7.84698 18.0894 8.24932 18.125 8.59726 18.3047C8.78187 18.4001 8.97024 18.4892 9.16073 18.5723C9.28594 18.6231 9.41211 18.6724 9.53866 18.7197L9.92733 18.8594L10.0816 18.9219C10.4317 19.0869 10.7069 19.382 10.8453 19.748L11.5025 21.4883L12.5748 21.4639L13.1187 19.96L13.1832 19.8096C13.3508 19.4678 13.6433 19.2005 14.0035 19.0654L14.8004 18.7666L15.1676 18.6143C15.288 18.5597 15.4071 18.5013 15.524 18.4395L15.692 18.3623C16.0928 18.2097 16.5441 18.236 16.9283 18.4395L18.3238 19.1787L19.3248 18.2842L18.6109 16.7061C18.4355 16.318 18.4336 15.8732 18.6051 15.4834C18.7075 15.2508 18.7973 15.0126 18.8775 14.7715C18.9163 14.6479 18.9608 14.4825 19.0064 14.2637L19.0582 14.0762C19.2064 13.6503 19.5409 13.3098 19.9723 13.1563L21.3873 12.6523L21.4674 11.3877L19.9703 10.7461C19.5971 10.5861 19.3035 10.2817 19.1588 9.90234C19.0283 9.56034 18.9273 9.31663 18.8541 9.15723C18.7854 9.00988 18.689 8.81973 18.5611 8.58496C18.3418 8.18212 18.3187 7.70024 18.4986 7.27832L19.1519 5.74707L18.2867 4.85352L16.9625 5.55567C16.5475 5.77509 16.0531 5.78799 15.6275 5.58984C15.2974 5.43614 15.0582 5.33606 14.8971 5.27832C14.7581 5.22851 14.5701 5.17338 14.3209 5.11133C13.8356 4.99032 13.4418 4.63455 13.2721 4.16406L12.6715 2.5H11.3971L10.8463 4.03613Z",
-            fill: "currentColor"
+            d: "M13.078 2C13.372 2 13.635 2.183 13.734 2.457L14.4399 4.41397C14.6929 4.47697 14.9099 4.53997 15.0939 4.60597C15.2949 4.67797 15.5539 4.78697 15.8739 4.93597L17.5178 4.06598C17.652 3.99488 17.8056 3.96922 17.9556 3.99284C18.1057 4.01646 18.244 4.08809 18.3498 4.19698L19.7958 5.69196C19.9877 5.89095 20.0417 6.18195 19.9337 6.43595L19.1628 8.24293C19.2908 8.47792 19.3928 8.67892 19.4708 8.84692C19.5548 9.02992 19.6588 9.28191 19.7828 9.60691L21.5797 10.3769C21.8497 10.4919 22.0167 10.7619 21.9987 11.0509L21.8667 13.1259C21.8577 13.2607 21.8093 13.3899 21.7275 13.4974C21.6457 13.605 21.5342 13.6861 21.4067 13.7309L19.7048 14.3359C19.6558 14.5708 19.6048 14.7718 19.5508 14.9418C19.4637 15.2044 19.3642 15.4627 19.2528 15.7158L20.1077 17.6058C20.1681 17.7386 20.1843 17.8872 20.1541 18.0299C20.1239 18.1726 20.0488 18.3019 19.9397 18.3988L18.3138 19.8508C18.2067 19.946 18.0731 20.0062 17.9308 20.0234C17.7886 20.0405 17.6445 20.0138 17.5178 19.9468L15.8419 19.0588C15.5797 19.1976 15.3092 19.3202 15.0319 19.4258L14.2999 19.6998L13.65 21.4998C13.6018 21.6316 13.5149 21.7458 13.4007 21.8273C13.2865 21.9089 13.1503 21.954 13.01 21.9568L11.1101 21.9998C10.966 22.0035 10.8244 21.9626 10.7046 21.8825C10.5848 21.8025 10.4927 21.6873 10.4411 21.5528L9.6751 19.5258C9.41376 19.4365 9.155 19.3398 8.89913 19.2358C8.68985 19.1452 8.48374 19.0475 8.28115 18.9428L6.38122 19.7548C6.25603 19.8082 6.11801 19.8241 5.98397 19.8004C5.84993 19.7768 5.72564 19.7148 5.62624 19.6218L4.22029 18.3028C4.11562 18.205 4.04433 18.0768 4.01651 17.9363C3.9887 17.7958 4.00576 17.6501 4.0653 17.5198L4.88227 15.7398C4.77362 15.529 4.67288 15.3142 4.58028 15.0958C4.47218 14.8286 4.37214 14.5581 4.28029 14.2849L2.49035 13.7399C2.34486 13.6959 2.21795 13.6051 2.12935 13.4816C2.04075 13.3581 1.99541 13.2088 2.00037 13.0569L2.07037 11.1359C2.07535 11.0106 2.1145 10.889 2.18359 10.7843C2.25268 10.6796 2.34907 10.5958 2.46235 10.5419L4.34029 9.63991C4.42728 9.32091 4.50328 9.07292 4.57028 8.89192C4.66462 8.65017 4.76938 8.41261 4.88427 8.17993L4.0703 6.45995C4.00852 6.32933 3.98977 6.18249 4.01672 6.04054C4.04367 5.89859 4.11494 5.76884 4.22029 5.66996L5.62424 4.34397C5.72266 4.25115 5.8458 4.18874 5.97886 4.16426C6.11191 4.13977 6.2492 4.15426 6.37422 4.20598L8.27215 4.98997C8.48214 4.84997 8.67214 4.73697 8.84413 4.64597C9.04912 4.53697 9.32311 4.42297 9.6681 4.29997L10.3281 2.459C10.3769 2.32427 10.4661 2.20788 10.5835 2.12573C10.7009 2.04358 10.8408 1.99967 10.9841 2H13.078Z",
+            ...stroke
           }
         )
       ]
@@ -3926,6 +4820,19 @@ var ICONS = {
   warningOutline: Icon_warningOutline,
   youtube: Icon_youtube
 };
+var STROKE_BY_SIZE = {
+  8: 1,
+  10: 1,
+  12: 1,
+  16: 1.25,
+  20: 1.5,
+  24: 1.5,
+  32: 2
+};
+function toPx(size) {
+  if (typeof size === "number") return size;
+  return /^\d+(\.\d+)?(px)?$/.test(size) ? parseFloat(size) : void 0;
+}
 var SIcon = /* @__PURE__ */ react.forwardRef(function SIcon2({ name, size = 24, color, rotate, label, className, style }, ref) {
   const Svg = ICONS[name];
   if (!Svg) return null;
@@ -3944,7 +4851,7 @@ var SIcon = /* @__PURE__ */ react.forwardRef(function SIcon2({ name, size = 24,
       role: label ? "img" : void 0,
       "aria-label": label,
       "aria-hidden": label ? void 0 : true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Svg, { size: cssSize ? "100%" : size })
+      children: /* @__PURE__ */ jsxRuntime.jsx(Svg, { size: cssSize ? "100%" : size, strokeWidth: STROKE_BY_SIZE[toPx(size) ?? 0] })
     }
   );
 });
@@ -4583,6 +5490,7 @@ function SFooter({
   leftClassName,
   style
 }) {
+  const tc = useLocale().messages.common;
   const isGrey = bg === "grey";
   const hasSlot = left != null || children != null;
   const hasButton = button != null;
@@ -4614,7 +5522,7 @@ function SFooter({
             ...button,
             size,
             color: button.color ?? "primary",
-            label: button.label ?? "\uD655\uC778"
+            label: button.label ?? tc.confirm
           }
         )
       ]
@@ -4995,6 +5903,7 @@ var STooltipImpl = /* @__PURE__ */ react.forwardRef(function STooltip({
   style,
   contentProps
 }, ref) {
+  const tc = useLocale().messages.common;
   const portalContainer = usePortalContainer();
   const [internalOpen, setInternalOpen] = react.useState(false);
   const isControlled = openProp !== void 0;
@@ -5112,7 +6021,7 @@ var STooltipImpl = /* @__PURE__ */ react.forwardRef(function STooltip({
                 icon: "close",
                 size: "xs",
                 intent: tooltipType === "default" ? "inverse" : "default",
-                ariaLabel: "\uB2EB\uAE30",
+                ariaLabel: tc.close,
                 className: "shrink-0",
                 onClick: () => {
                   cancelHide();
@@ -5128,14 +6037,21 @@ var STooltipImpl = /* @__PURE__ */ react.forwardRef(function STooltip({
   ] });
 });
 var STooltip2 = /* @__PURE__ */ withDisplayName(STooltipImpl, "STooltip");
-function runRules(value, rules) {
+function runRules(value, rules, invalidMessage = "\uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 \uAC12\uC785\uB2C8\uB2E4.") {
   if (!rules || rules.length === 0) return "";
   for (const rule of rules) {
     const result = rule(value ?? "");
-    if (result !== true) return typeof result === "string" ? result : "\uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 \uAC12\uC785\uB2C8\uB2E4.";
+    if (result !== true) return typeof result === "string" ? result : invalidMessage;
   }
   return "";
 }
+function useRunRules() {
+  const invalid = useLocale().messages.form.invalid;
+  return react.useCallback(
+    (value, rules) => runRules(value, rules, invalid),
+    [invalid]
+  );
+}
 var FormContext = /* @__PURE__ */ react.createContext(null);
 function useFormContext() {
   return react.useContext(FormContext);
@@ -5467,12 +6383,15 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
   width,
   disabled = false,
   readOnly = false,
-  placeholder = "\uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+  placeholder: placeholderProp,
   onBlur,
   className,
   style,
   ...rest
 }, ref) {
+  const runRules2 = useRunRules();
+  const ti = useLocale().messages.input;
+  const placeholder = placeholderProp ?? ti.placeholder;
   const p = TEXTAREA_SIZE[size];
   const heightForRows = (n) => `calc(${p.lineHeight * n}px + ${p.paddingY} * 2)`;
   const minHeight = heightForRows(MIN_ROWS);
@@ -5507,7 +6426,7 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
   useFormField({
     name: rest.name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -5556,11 +6475,11 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
           onChange: (e) => {
             onChange?.(e);
             onValueChange?.(e.target.value);
-            if (ruleError !== "") setRuleError(runRules(e.target.value, rules));
+            if (ruleError !== "") setRuleError(runRules2(e.target.value, rules));
           },
           onBlur: (e) => {
             onBlur?.(e);
-            if (rules && rules.length > 0) setRuleError(runRules(e.target.value, rules));
+            if (rules && rules.length > 0) setRuleError(runRules2(e.target.value, rules));
           },
           className: cn(
             "w-full border-0 bg-transparent outline-none placeholder:text-[color:var(--sys-color-field-text-placeholder)] disabled:cursor-not-allowed",
@@ -5587,7 +6506,6 @@ var STextarea = /* @__PURE__ */ react.forwardRef(function STextarea2({
     }
   );
 });
-var DEFAULT_PLACEHOLDER = "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD574 \uC8FC\uC138\uC694...";
 var FIELD_BORDER = 1;
 var TEXTAREA_MIN_HEIGHT = `calc(var(--cmp-chatInput-buttonFrame-height) - ${FIELD_BORDER * 2}px)`;
 var BUTTON_BOTTOM_INSET = `calc((var(--cmp-chatInput-buttonFrame-height) - var(--cmp-ghostButton-md-size)) / 2)`;
@@ -5598,7 +6516,7 @@ function BarButton(props) {
 var SChatInputImpl = /* @__PURE__ */ react.forwardRef(function SChatInput({
   value = "",
   onValueChange,
-  placeholder = DEFAULT_PLACEHOLDER,
+  placeholder: placeholderProp,
   disabled = false,
   onSend,
   hasAttachments = false,
@@ -5619,6 +6537,8 @@ var SChatInputImpl = /* @__PURE__ */ react.forwardRef(function SChatInput({
   textareaClassName,
   ...rest
 }, ref) {
+  const t = useLocale().messages.chat;
+  const placeholder = placeholderProp ?? t.placeholder;
   const hasText = value.trim() !== "";
   const canSend = !disabled && !busy && !sendDisabled && (hasText || hasAttachments);
   const send = () => {
@@ -5658,7 +6578,7 @@ var SChatInputImpl = /* @__PURE__ */ react.forwardRef(function SChatInput({
         BarButton,
         {
           icon: "attachFile",
-          ariaLabel: "\uD30C\uC77C \uCCA8\uBD80",
+          ariaLabel: t.attachFile,
           tooltipText: attachTooltip,
           disabled: attachLocked,
           onClick: handleAttachClick
@@ -5704,7 +6624,7 @@ var SChatInputImpl = /* @__PURE__ */ react.forwardRef(function SChatInput({
           {
             icon: "stop",
             intent: "danger",
-            ariaLabel: "\uC751\uB2F5 \uC911\uC9C0",
+            ariaLabel: t.stopResponse,
             disabled,
             onClick: onStop
           }
@@ -5714,7 +6634,7 @@ var SChatInputImpl = /* @__PURE__ */ react.forwardRef(function SChatInput({
         {
           icon: "send",
           intent: "subAction",
-          ariaLabel: "\uC804\uC1A1",
+          ariaLabel: t.send,
           disabled: !canSend,
           onClick: send
         }
@@ -5745,6 +6665,7 @@ var CHAT_ATTACHED_FILE_CONFIG = {
 };
 var SChatAttachedFileImpl = /* @__PURE__ */ react.forwardRef(
   function SChatAttachedFile({ name, onRemove, className, ...rest }, ref) {
+    const t = useLocale().messages.chat;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -5785,7 +6706,7 @@ var SChatAttachedFileImpl = /* @__PURE__ */ react.forwardRef(
             {
               icon: "close",
               size: "xs",
-              ariaLabel: `${name} \uC81C\uAC70`,
+              ariaLabel: t.removeAttachment(name),
               onClick: onRemove,
               className: "shrink-0"
             }
@@ -5912,10 +6833,6 @@ var OUTGOING_SURFACE = {
   admin: "admin"
 };
 var CHAT_MESSAGE_READ_STATUSES = ["read", "unread"];
-var READ_STATUS_LABEL = {
-  read: "\uC77D\uC74C",
-  unread: "\uC548 \uC77D\uC74C"
-};
 var READ_STATUS_COLOR = {
   read: "text-(--cmp-chatTimeStamp-color)",
   unread: "text-(--cmp-chatReadMark-color)"
@@ -5964,6 +6881,7 @@ var SChatMessageImpl = /* @__PURE__ */ react.forwardRef(function SChatMessage({
   className,
   ...rest
 }, ref) {
+  const t = useLocale().messages.chat;
   const outgoing = direction === "outgoing";
   const surface = outgoing ? OUTGOING_SURFACE[variant] : "incoming";
   const bubbles = messages ?? [];
@@ -6034,7 +6952,7 @@ var SChatMessageImpl = /* @__PURE__ */ react.forwardRef(function SChatMessage({
               ),
               (readStatus != null || time != null) && // 읽음 표시와 시각은 한 줄에 선다 — 읽음이 먼저, 시각이 뒤다.
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-(--cmp-chatMessage-subData-gap) px-(--cmp-chatMessage-subData-paddingX)", children: [
-                readStatus != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("typo-body-sm-bold", READ_STATUS_COLOR[readStatus]), children: READ_STATUS_LABEL[readStatus] }),
+                readStatus != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("typo-body-sm-bold", READ_STATUS_COLOR[readStatus]), children: t[readStatus] }),
                 time != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-medium text-(--cmp-chatTimeStamp-color)", children: time })
               ] }),
               actions != null && // 버튼이 많아 한 줄에 안 들어가면 감싼다 — 넘쳐서 잘리는 것보다 낫다.
@@ -6132,6 +7050,7 @@ var SDraggableItemView = /* @__PURE__ */ react.forwardRef(
     style,
     ...rest
   }, ref) {
+    const tc = useLocale().messages.common;
     const renderState = { hovered, dragging, disabled };
     const titleNode = renderSlot(title, renderState);
     const supportingTextNode = renderSlot(supportingText, renderState);
@@ -6195,7 +7114,7 @@ var SDraggableItemView = /* @__PURE__ */ react.forwardRef(
               ...dragHandleProps,
               role: dragHandleProps?.role ?? "button",
               tabIndex: dragHandleProps?.tabIndex ?? (disabled ? -1 : 0),
-              "aria-label": dragHandleProps?.["aria-label"] ?? "\uB4DC\uB798\uADF8 \uD578\uB4E4",
+              "aria-label": dragHandleProps?.["aria-label"] ?? tc.dragHandle,
               "aria-disabled": disabled || void 0,
               onMouseDown: onDragHandleMouseDown,
               className: cn(
@@ -7800,7 +8719,6 @@ var SLogo = /* @__PURE__ */ react.forwardRef(function SLogo2({
     }
   );
 });
-var BUTTON_LABEL = "\uD1B5\uD569 \uACC4\uC815\uC73C\uB85C \uB85C\uADF8\uC778";
 var SERVICE_LABEL = {
   sellmate: "Sellmate",
   wms: "Sellmate WMS",
@@ -7816,6 +8734,7 @@ var SERVICE_LABEL = {
 };
 var LOGO_SIZE = 70;
 var SLoginCardImpl = /* @__PURE__ */ react.forwardRef(function SLoginCard({ service, title, description, onLogin, footerNote, bottomAction, className, ...rest }, ref) {
+  const t = useLocale().messages.loginCard;
   const hasIntro = title != null || description != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -7863,7 +8782,7 @@ var SLoginCardImpl = /* @__PURE__ */ react.forwardRef(function SLoginCard({ serv
               {
                 color: "secondary",
                 size: "lg",
-                label: BUTTON_LABEL,
+                label: t.login,
                 onClick: onLogin,
                 className: "w-[320px]"
               }
@@ -8118,7 +9037,7 @@ function TreeConnector({
   ] });
 }
 function TreeAllRow({
-  label = "\uC804\uCCB4",
+  label: labelProp,
   selected,
   indeterminate = false,
   size = "sm",
@@ -8130,6 +9049,8 @@ function TreeAllRow({
   className,
   ...rest
 }) {
+  const tc = useLocale().messages.common;
+  const label = labelProp ?? tc.all;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -8177,7 +9098,7 @@ function collectSelectableIds(node) {
 function toSelectedSet(value) {
   return new Set(value ?? []);
 }
-var TREE_ALL_NODE = { id: "__all__", label: "\uC804\uCCB4" };
+var TREE_ALL_ID = "__all__";
 function getSelectionState(node, selectedSet) {
   const selectableChildren = (node.children ?? []).filter(
     (child) => collectSelectableIds(child).length > 0
@@ -8376,6 +9297,8 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
   className,
   ...rest
 }, ref) {
+  const tc = useLocale().messages.common;
+  const allNode = react.useMemo(() => ({ id: TREE_ALL_ID, label: tc.all }), [tc.all]);
   const [internalValue, setInternalValue] = react.useState(defaultValue ?? []);
   const [internalExpandedIds, setInternalExpandedIds] = react.useState(
     defaultExpandedIds ?? items.filter((item4) => item4.children?.length).map((item4) => item4.id)
@@ -8392,7 +9315,7 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
   const visibleRows = react.useMemo(() => {
     const rows = [];
     if (showAllItem) {
-      rows.push({ id: TREE_ALL_NODE.id, node: TREE_ALL_NODE, parentId: null, expanded: false });
+      rows.push({ id: TREE_ALL_ID, node: allNode, parentId: null, expanded: false });
     }
     const walk = (nodes, parentId) => {
       nodes.forEach((node) => {
@@ -8403,7 +9326,7 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
     };
     walk(items, null);
     return rows;
-  }, [items, expandedSet, showAllItem]);
+  }, [items, expandedSet, showAllItem, allNode]);
   const [focusedId, setFocusedId] = react.useState(null);
   const activeRowId = focusedId != null && visibleRows.some((row) => row.id === focusedId) ? focusedId : visibleRows[0]?.id ?? null;
   const treeRef = react.useRef(null);
@@ -8448,7 +9371,7 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
     });
     const orderedIds = collectIds(items).filter((id) => next.has(id));
     if (value === void 0) setInternalValue(orderedIds);
-    onValueChange?.(orderedIds, TREE_ALL_NODE);
+    onValueChange?.(orderedIds, allNode);
   };
   const handleTreeKeyDown = (event) => {
     const target = event.target;
@@ -8492,7 +9415,7 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
       }
       case "Enter":
       case " ": {
-        if (row.id === TREE_ALL_NODE.id) updateAllSelected();
+        if (row.id === TREE_ALL_ID) updateAllSelected();
         else if (selectable) updateSelected(row.node);
         else if (hasChildren) updateExpanded(row.node);
         else return;
@@ -8553,8 +9476,8 @@ var STreeImpl = /* @__PURE__ */ react.forwardRef(function STree({
         showAllItem && /* @__PURE__ */ jsxRuntime.jsx(
           STreeAllItem,
           {
-            rowId: TREE_ALL_NODE.id,
-            tabIndex: activeRowId === TREE_ALL_NODE.id ? 0 : -1,
+            rowId: TREE_ALL_ID,
+            tabIndex: activeRowId === TREE_ALL_ID ? 0 : -1,
             onKeyDown: handleTreeKeyDown,
             selected: allSelected,
             indeterminate: allIndeterminate,
@@ -9190,7 +10113,6 @@ var SURFACE = {
     content: "var(--cmp-callout-default-content)"
   }
 };
-var DANGER_TITLE_LABEL = "\uC8FC\uC758\uC0AC\uD56D";
 function renderItems(message, depth = 1) {
   const out = [];
   message.forEach((m, i) => {
@@ -9222,6 +10144,7 @@ function renderItems(message, depth = 1) {
   return out;
 }
 var SCallout = /* @__PURE__ */ react.forwardRef(function SCallout2({ type = "default", showTitle = true, message = [], children, className, style }, ref) {
+  const t = useLocale().messages.callout;
   const hasDangerTitle = type === "danger" && showTitle;
   const surface = SURFACE[type];
   const vars = {
@@ -9258,7 +10181,7 @@ var SCallout = /* @__PURE__ */ react.forwardRef(function SCallout2({ type = "def
                   color: "var(--cmp-callout-danger-title-color)"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: DANGER_TITLE_LABEL })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: t.dangerTitle })
             ]
           }
         ),
@@ -9806,6 +10729,7 @@ var SDropdownButtonImpl = /* @__PURE__ */ react.forwardRef(
     className,
     style
   }, ref) {
+    const tc = useLocale().messages.common;
     const insideModal = useInsideModal();
     const [open, setOpen] = react.useState(false);
     const splitWrapRef = react.useRef(null);
@@ -9912,7 +10836,7 @@ var SDropdownButtonImpl = /* @__PURE__ */ react.forwardRef(
                     ref: splitToggleRef,
                     type: "button",
                     disabled,
-                    "aria-label": "\uBA54\uB274 \uC5F4\uAE30",
+                    "aria-label": tc.openMenu,
                     className: cn(
                       triggerBase,
                       "justify-center border-l-[length:var(--cmp-button-border-width-default)]"
@@ -9959,14 +10883,12 @@ var SDropdownButtonImpl = /* @__PURE__ */ react.forwardRef(
   }
 );
 var SDropdownButton2 = /* @__PURE__ */ withDisplayName(SDropdownButtonImpl, "SDropdownButton");
-var DEFAULT_LABEL = "\uAE30\uB2A5 \uB354 \uBCF4\uAE30";
 var SMeatballButtonImpl = /* @__PURE__ */ react.forwardRef(
   function SMeatballButton({
     size = "sm",
     intent = "default",
     items = [],
-    // 기본값을 리터럴로 둬야 README(docs:gen)에 실제 문구가 찍힌다
-    tooltipText = "\uAE30\uB2A5 \uB354 \uBCF4\uAE30",
+    tooltipText: tooltipTextProp,
     ariaLabel,
     disabled = false,
     onItemClick,
@@ -9975,6 +10897,8 @@ var SMeatballButtonImpl = /* @__PURE__ */ react.forwardRef(
     style
   }, ref) {
     const insideModal = useInsideModal();
+    const tc = useLocale().messages.common;
+    const tooltipText = tooltipTextProp ?? tc.moreActions;
     const [open, setOpen] = react.useState(false);
     const buttonRef = react.useRef(null);
     const pointerRef = react.useRef(false);
@@ -9990,7 +10914,7 @@ var SMeatballButtonImpl = /* @__PURE__ */ react.forwardRef(
       }),
       []
     );
-    const label = ariaLabel?.trim() || tooltipText.trim() || DEFAULT_LABEL;
+    const label = ariaLabel?.trim() || tooltipText.trim() || tc.moreActions;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       RDropdown5__namespace.Root,
       {
@@ -10373,13 +11297,14 @@ function Row({
 }
 var SAccountListBox = /* @__PURE__ */ react.forwardRef(
   function SAccountListBox2({ email, name, authority, accountSetting, language, logout, className, style, ...rest }, ref) {
+    const tl = useLocale().messages.accountListBox;
     const hasUserdata = email != null || name != null || authority != null;
     const languageOptions = language?.options ?? [];
     const hasLanguageMenu = languageOptions.length > 0;
     const [languageMenuOpen, setLanguageMenuOpen] = react.useState(false);
     const languageValueRef = react.useRef(null);
     const languageRowRef = react.useRef(null);
-    const languageLabel = language?.label ?? ACCOUNT_LIST_BOX_LABELS.language;
+    const languageLabel = language?.label ?? tl.language;
     const languageDoesNothing = Boolean(language) && !hasLanguageMenu && !language?.onClick;
     react.useEffect(() => {
       if (isDev() && languageDoesNothing) {
@@ -10432,7 +11357,7 @@ var SAccountListBox = /* @__PURE__ */ react.forwardRef(
               Row,
               {
                 icon: ACCOUNT_LIST_BOX_ICONS.accountSetting,
-                label: accountSetting.label ?? ACCOUNT_LIST_BOX_LABELS.accountSetting,
+                label: accountSetting.label ?? tl.accountSetting,
                 onClick: accountSetting.onClick
               }
             ),
@@ -10476,7 +11401,7 @@ var SAccountListBox = /* @__PURE__ */ react.forwardRef(
               {
                 tone: "negative",
                 icon: ACCOUNT_LIST_BOX_ICONS.logout,
-                label: logout?.label ?? ACCOUNT_LIST_BOX_LABELS.logout,
+                label: logout?.label ?? tl.logout,
                 onClick: logout?.onClick
               }
             )
@@ -10889,6 +11814,7 @@ function SPopover({
   menuClassName,
   style
 }) {
+  const tc = useLocale().messages.common;
   const portalContainer = usePortalContainer();
   const [internalOpen, setInternalOpen] = react.useState(defaultOpen ?? false);
   const isControlled = open !== void 0;
@@ -10927,7 +11853,7 @@ function SPopover({
             {
               icon: "close",
               size: "xs",
-              ariaLabel: "\uB2EB\uAE30",
+              ariaLabel: tc.close,
               onClick: () => setOpen(false),
               className: "absolute right-[12px] top-[12px]"
             }
@@ -11044,7 +11970,6 @@ var SPopup = /* @__PURE__ */ react.forwardRef(function SPopup2({
     }
   );
 });
-var DEFAULT_LABEL2 = { tip: "\uD65C\uC6A9 TIP", notion: "\uC0AC\uC6A9\uBC95 \uC548\uB0B4" };
 var ICON = { tip: "helpOutline", notion: "notion" };
 var VIEWPORT_GUTTER = 24;
 var CLOSE_INSET = 12;
@@ -11062,11 +11987,12 @@ function SGuide({
   className,
   style
 }) {
+  const tg = useLocale().messages.guide;
   const [open, setOpen] = react.useState(false);
   const portalContainer = usePortalContainer();
   const isNotion = type === "notion";
   const isAutoWidth = popupWidth === "auto";
-  const defaultLabel = DEFAULT_LABEL2[type];
+  const defaultLabel = type === "notion" ? tg.notion : tg.tip;
   const iconName = ICON[type];
   const messages = flattenMessages(message);
   const active = open;
@@ -11211,7 +12137,7 @@ var CLOSE_ANIMATION_DURATION = 300;
 function SModalContainer({
   open,
   onOpenChange,
-  ariaTitle = "\uBAA8\uB2EC",
+  ariaTitle: ariaTitleProp,
   showClose = false,
   onClose,
   persistent = true,
@@ -11221,6 +12147,8 @@ function SModalContainer({
   className,
   style
 }) {
+  const { common: tc, modal: tm } = useLocale().messages;
+  const ariaTitle = ariaTitleProp ?? tm.defaultTitle;
   const [shaking, setShaking] = react.useState(false);
   const [rendered, setRendered] = react.useState(() => Boolean(open));
   const contentRef = react.useRef(null);
@@ -11314,7 +12242,7 @@ function SModalContainer({
                       SGhostButton,
                       {
                         icon: "close",
-                        ariaLabel: "\uB2EB\uAE30",
+                        ariaLabel: tc.close,
                         onClick: () => {
                           if (closeRequested.current) return;
                           closeRequested.current = true;
@@ -11380,7 +12308,7 @@ function SConfirmModal({
   tagSlot,
   optionSlot,
   contentSlot,
-  mainButtonLabel = "\uD655\uC778",
+  mainButtonLabel: mainButtonLabelProp,
   mainButtonOutline,
   mainButtonDisabled = false,
   subButtonLabel,
@@ -11388,6 +12316,8 @@ function SConfirmModal({
   onCancel,
   onClose
 }) {
+  const tc = useLocale().messages.common;
+  const mainButtonLabel = mainButtonLabelProp ?? tc.confirm;
   const iconName = TYPE_ICON[type];
   const mainColor = MAIN_BUTTON_COLOR[type];
   const mainOutline = mainButtonOutline ?? MAIN_BUTTON_OUTLINE[type];
@@ -11502,6 +12432,7 @@ function SOverlayHeader({
   descriptionClassName,
   style
 }) {
+  const tc = useLocale().messages.common;
   const hasDescription = description != null && description !== "";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "header",
@@ -11540,7 +12471,7 @@ function SOverlayHeader({
           SGhostButton,
           {
             icon: "close",
-            ariaLabel: "\uB2EB\uAE30",
+            ariaLabel: tc.close,
             onClick: () => onClose?.(),
             className: "absolute right-[12px] top-[12px]"
           }
@@ -11595,14 +12526,6 @@ function SActionModal({
     }
   );
 }
-var DEFAULT_MESSAGE = {
-  loading: "\uC791\uC5C5 \uC9C4\uD589\uC911...",
-  error: "\uC791\uC5C5\uC5D0 \uC2E4\uD328\uD558\uC600\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574 \uC8FC\uC138\uC694."
-};
-var DEFAULT_BUTTON_LABEL = {
-  loading: "\uD655\uC778",
-  error: "\uB2E4\uC2DC \uC2DC\uB3C4"
-};
 function SLoadingModal({
   open,
   onOpenChange,
@@ -11617,7 +12540,8 @@ function SLoadingModal({
   width = "var(--cmp-modal-loading-width)",
   height = "var(--cmp-modal-loading-height)"
 }) {
-  const resolvedMessage = message ?? DEFAULT_MESSAGE[state2];
+  const { loadingModal: t, common: tc } = useLocale().messages;
+  const resolvedMessage = message ?? (state2 === "loading" ? t.loadingMessage : t.errorMessage);
   const lines = Array.isArray(resolvedMessage) ? resolvedMessage : resolvedMessage ? [resolvedMessage] : [];
   const buttonVisible = showButton || state2 === "error";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11628,7 +12552,7 @@ function SLoadingModal({
       onClose,
       showClose: state2 === "error",
       persistent,
-      ariaTitle: lines[0] || "\uB85C\uB529 \uC911",
+      ariaTitle: lines[0] || t.ariaTitle,
       width,
       height,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-auto flex-col overflow-y-auto px-[32px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "m-auto flex flex-col items-center gap-(--cmp-modal-loading-gap)", children: [
@@ -11658,7 +12582,7 @@ function SLoadingModal({
               onButtonClick?.();
               onOpenChange?.(false);
             },
-            label: buttonLabel ?? DEFAULT_BUTTON_LABEL[state2]
+            label: buttonLabel ?? (state2 === "loading" ? tc.confirm : t.errorButton)
           }
         )
       ] }) })
@@ -11668,7 +12592,7 @@ function SLoadingModal({
 var CLOSE_ANIMATION_DURATION2 = 300;
 var RESIZE_KEY_STEP = { normal: 10, large: 50 };
 var RESIZE_HIT_WIDTH = "calc(var(--cmp-splitter-border-width) + var(--cmp-splitter-border-padding) * 2)";
-function toPx(value, percentBase) {
+function toPx2(value, percentBase) {
   if (typeof value === "number") return value;
   if (typeof value !== "string") return void 0;
   const normalized = value.trim();
@@ -11712,6 +12636,7 @@ function SDrawer({
   className,
   style
 }) {
+  const tc = useLocale().messages.common;
   const [shaking, setShaking] = react.useState(false);
   const [rendered, setRendered] = react.useState(() => Boolean(open));
   const [entered, setEntered] = react.useState(false);
@@ -11803,8 +12728,8 @@ function SDrawer({
   const resizeBounds = () => {
     const limit = viewportWidth;
     if (limit === void 0) return { min: void 0, max: void 0 };
-    const min = toPx(minWidth, limit);
-    const max = toPx(maxWidth, limit);
+    const min = toPx2(minWidth, limit);
+    const max = toPx2(maxWidth, limit);
     return {
       min: min === void 0 ? void 0 : Math.min(min, limit),
       max: max === void 0 ? limit : Math.min(max, limit)
@@ -11938,7 +12863,7 @@ function SDrawer({
                   {
                     role: "separator",
                     "aria-orientation": "vertical",
-                    "aria-label": "Drawer \uB108\uBE44 \uC870\uC808",
+                    "aria-label": tc.resizeDrawer,
                     "aria-valuenow": resizeValueNow,
                     "aria-valuemin": resizeValueMin,
                     "aria-valuemax": resizeValueMax,
@@ -12504,6 +13429,7 @@ function resolveRows(items) {
 }
 var SLauncherListBox = /* @__PURE__ */ react.forwardRef(
   function SLauncherListBox2({ items, onSelect, consoleHref, onConsoleClick, ariaLabel, className, style, ...rest }, ref) {
+    const tl = useLocale().messages.launcher;
     const rows = items ? resolveRows(items) : [];
     if (rows.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -12622,7 +13548,7 @@ var SLauncherListBox = /* @__PURE__ */ react.forwardRef(
                       onClick: () => onSelect?.(row.service),
                       children: [
                         content,
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC" })
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: tl.opensInNewTab })
                       ]
                     }
                   )
@@ -12649,7 +13575,7 @@ var SLauncherListBox = /* @__PURE__ */ react.forwardRef(
                     window.open(consoleHref, "_blank", "noopener,noreferrer");
                     onConsoleClick?.();
                   },
-                  "aria-label": `${LAUNCHER_LIST_BOX_CONSOLE_LABEL} (\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC)`
+                  "aria-label": `${LAUNCHER_LIST_BOX_CONSOLE_LABEL} (${tl.opensInNewTab})`
                 }
               )
             }
@@ -13784,8 +14710,6 @@ var GNB_SYSTEM_LAYOUT = {
   domainRadius: domain("radius")
 };
 var GNB_SYSTEM_ALERT_DOT_SIZE = 6;
-var GNB_SYSTEM_ALERT_LABEL = "\uC54C\uB9BC";
-var GNB_SYSTEM_SETTING_LABEL = "\uC124\uC815";
 function TokenIcon3({ name, size }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name, size: "100%", style: { width: size, height: size } });
 }
@@ -13893,6 +14817,7 @@ var SGnbSystem = /* @__PURE__ */ react.forwardRef(function SGnbSystem2({
   style,
   ...rest
 }, ref) {
+  const tg = useLocale().messages.gnbSystem;
   const gnb3 = react.useContext(SGnbSystemContext);
   const color = colorProp ?? gnb3?.color ?? "light";
   const placement = gnb3?.placement ?? "panel";
@@ -13951,8 +14876,8 @@ var SGnbSystem = /* @__PURE__ */ react.forwardRef(function SGnbSystem2({
     setAlertTooltipDismissed(true);
     alert2?.onTooltipDismiss?.();
   };
-  const alertLabel = alert2?.label ?? GNB_SYSTEM_ALERT_LABEL;
-  const settingLabel = setting?.label ?? GNB_SYSTEM_SETTING_LABEL;
+  const alertLabel = alert2?.label ?? tg.alert;
+  const settingLabel = setting?.label ?? tg.setting;
   const alertButton = alert2 && /* @__PURE__ */ jsxRuntime.jsx(
     SystemButton,
     {
@@ -13988,7 +14913,7 @@ var SGnbSystem = /* @__PURE__ */ react.forwardRef(function SGnbSystem2({
       align: "end",
       offset: 8,
       viewportPadding: 8,
-      ariaLabel: alert2.label ?? GNB_SYSTEM_ALERT_LABEL,
+      ariaLabel: alertLabel,
       onOpenAutoFocus: (event) => event.preventDefault(),
       className: "rounded-(--radius-8)",
       children: alert2.listBox
@@ -14316,6 +15241,7 @@ var PAGE_CONTENT_WIDTHS = ["full", "fixed", "fixedCenter"];
 var PAGE_HEADER_VARIANTS = ["plain", "bar"];
 var SPageHeader = /* @__PURE__ */ withDisplayName(
   react.forwardRef(function SPageHeader2({ title, subText, titleSlot, variant, onBack, slot, scrolled, className, style, ...rest }, ref) {
+    const tc = useLocale().messages.common;
     const hasBack = onBack != null;
     const hasTitleSlot = titleSlot != null && titleSlot !== false;
     const titleEl = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-heading-lg min-w-0 truncate text-(--cmp-pageHeader-title-text)", children: title });
@@ -14354,7 +15280,7 @@ var SPageHeader = /* @__PURE__ */ withDisplayName(
                 {
                   icon: "chevronLeft",
                   size: "xs",
-                  ariaLabel: "\uB4A4\uB85C\uAC00\uAE30",
+                  ariaLabel: tc.back,
                   onClick: onBack,
                   className: cn("shrink-0", bar ? "" : "mt-[3px]")
                 }
@@ -14931,7 +15857,6 @@ var STEPPER_VERTICAL_COLORS = {
   sequenceIconCompleted: STEPPER_COLORS.sequenceText.completed,
   errorBadge: "#FB4444"
 };
-var ERROR_TOOLTIP_MESSAGE = "\uD655\uC778\uC774 \uD544\uC694\uD55C \uD56D\uBAA9\uC774 \uC788\uC2B5\uB2C8\uB2E4.";
 function getItemValue(item4, index) {
   return item4.value ?? String(index + 1);
 }
@@ -14973,10 +15898,12 @@ var SStepper = /* @__PURE__ */ react.forwardRef(function SStepper2({
   vertical = false,
   clickable,
   onValueChange,
-  ariaLabel = "\uC9C4\uD589 \uB2E8\uACC4",
+  ariaLabel: ariaLabelProp,
   className,
   style
 }, ref) {
+  const t = useLocale().messages.stepper;
+  const ariaLabel = ariaLabelProp ?? t.ariaLabel;
   const config = STEPPER_SIZE_CONFIG[size];
   const isClickable = clickable ?? vertical;
   const [hoveredIndex, setHoveredIndex] = react.useState(null);
@@ -15258,7 +16185,7 @@ var SStepper = /* @__PURE__ */ react.forwardRef(function SStepper2({
                       {
                         trigger: "none",
                         open: showTooltip,
-                        content: ERROR_TOOLTIP_MESSAGE,
+                        content: t.errorTooltip,
                         tooltipType: "danger",
                         placement: "right",
                         children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15436,16 +16363,20 @@ function monthCells(year, month) {
   }
   return cells;
 }
-var WEEK_LABELS = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"];
-var WEEKDAY_SUFFIX_EM = 0.25 + 3 * 1;
-var weekdaySuffixWidth = (fontSize) => Math.ceil(fontSize * WEEKDAY_SUFFIX_EM);
-function withWeekday(value) {
+var glyphEm = (char) => /[\u1100-\u11ff\u3040-\u30ff\u3130-\u318f\u3400-\u9fff\uac00-\ud7a3]/.test(char) ? 1 : 0.58;
+var weekdaySuffixWidth = (fontSize, t) => {
+  const longest = Math.max(
+    ...t.weekdaysLong.map((name) => Array.from(name).reduce((sum, char) => sum + glyphEm(char), 0))
+  );
+  return Math.ceil(fontSize * (0.25 + longest));
+};
+function withWeekday(value, t) {
   const [date = "", ...rest] = value.split(" ");
   const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(date);
   if (!match) return value;
   const day = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])).getDay();
   if (Number.isNaN(day)) return value;
-  return [date, `${WEEK_LABELS[day]}\uC694\uC77C`, ...rest].join(" ");
+  return [date, t.weekdaysLong[day], ...rest].join(" ");
 }
 
 // src/components/SCalendarBoard/calendar-board-layout.ts
@@ -15680,7 +16611,9 @@ function CalendarEventButton({
     }
   );
 }
-var CalendarMoreButton = /* @__PURE__ */ react.forwardRef(function CalendarMoreButton2({ count, label = "\uB354\uBCF4\uAE30", dimmed = false, onClick, className, style }, ref) {
+var CalendarMoreButton = /* @__PURE__ */ react.forwardRef(function CalendarMoreButton2({ count, label: labelProp, dimmed = false, onClick, className, style }, ref) {
+  const tc = useLocale().messages.common;
+  const label = labelProp ?? tc.more;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -15703,10 +16636,7 @@ var CalendarMoreButton = /* @__PURE__ */ react.forwardRef(function CalendarMoreB
             className: "pointer-events-none absolute inset-0 rounded-(--cmp-calendarBoard-item-radius) bg-(--cmp-calendarBoard-moreButton-hover-overlay-color) opacity-0 transition-opacity group-hover:opacity-(--cmp-calendarBoard-moreButton-hover-overlay-opacity)"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-body-sm-semibold shrink-0 text-(--cmp-calendarBoard-moreButton-count-color)", children: [
-          count,
-          "\uAC1C"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-semibold shrink-0 text-(--cmp-calendarBoard-moreButton-count-color)", children: tc.count(count) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-default min-w-0 truncate text-(--cmp-calendarBoard-moreButton-label-color)", children: label })
       ]
     }
@@ -15844,10 +16774,12 @@ function CalendarDayEventListBox({
   minWidth,
   minHeight,
   onClose,
-  closeLabel = "\uB2EB\uAE30"
+  closeLabel: closeLabelProp
 }) {
+  const { common: tc, date: t } = useLocale().messages;
+  const closeLabel = closeLabelProp ?? tc.close;
   const [y, m, d] = date.split("-").map(Number);
-  const weekday = WEEK_LABELS[new Date(y, m - 1, d).getDay()];
+  const weekday = t.weekdays[new Date(y, m - 1, d).getDay()];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -15855,10 +16787,7 @@ function CalendarDayEventListBox({
       style: { minWidth, maxWidth: MAX_WIDTH, minHeight, maxHeight: MAX_HEIGHT },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-(--cmp-calendarBoard-dayEvent-header-gap) px-(--cmp-calendarBoard-dayEvent-header-paddingX) py-(--cmp-calendarBoard-dayEvent-header-paddingY)", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-heading-md text-(--cmp-calendarBoard-header-content-color)", children: [
-            d,
-            "\uC77C"
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-heading-md text-(--cmp-calendarBoard-header-content-color)", children: t.dayLabel(d) }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-body-lg-default flex-1 text-(--cmp-calendarBoard-header-content-color)", children: [
             "(",
             weekday,
@@ -15919,12 +16848,14 @@ function SCalendarBoard({
   focusedEventId,
   onEventClick,
   onMoreClick,
-  todayLabel = "\uC624\uB298",
+  todayLabel: todayLabelProp,
   moreLabel,
   headerRight,
   className,
   style
 }) {
+  const t = useLocale().messages.date;
+  const todayLabel = todayLabelProp ?? t.today;
   const today = todayStr();
   const [ty, tm] = [Number(today.slice(0, 4)), Number(today.slice(5, 7))];
   const [innerView, setInnerView] = react.useState(() => ({
@@ -16030,7 +16961,7 @@ function SCalendarBoard({
               {
                 icon: "chevronLeft",
                 size: "xxs",
-                ariaLabel: "\uC774\uC804 \uD574",
+                ariaLabel: t.prevYear,
                 onClick: () => setView({ year: view.year - 1, month: view.month })
               }
             ),
@@ -16040,7 +16971,7 @@ function SCalendarBoard({
               {
                 icon: "chevronRight",
                 size: "xxs",
-                ariaLabel: "\uB2E4\uC74C \uD574",
+                ariaLabel: t.nextYear,
                 onClick: () => setView({ year: view.year + 1, month: view.month })
               }
             )
@@ -16052,20 +16983,17 @@ function SCalendarBoard({
               {
                 icon: "chevronLeft",
                 size: "xxs",
-                ariaLabel: "\uC774\uC804 \uB2EC",
+                ariaLabel: t.prevMonth,
                 onClick: () => setView(calcYearMonth(view.year, view.month, "prev"))
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-heading-lg inline-flex min-w-[48px] justify-center text-(--cmp-calendarBoard-header-content-color)", children: [
-              view.month,
-              "\uC6D4"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-heading-lg inline-flex min-w-[48px] justify-center text-(--cmp-calendarBoard-header-content-color)", children: t.monthLabel(view.month) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               SGhostButton,
               {
                 icon: "chevronRight",
                 size: "xxs",
-                ariaLabel: "\uB2E4\uC74C \uB2EC",
+                ariaLabel: t.nextMonth,
                 onClick: () => setView(calcYearMonth(view.year, view.month, "next"))
               }
             )
@@ -16088,7 +17016,7 @@ function SCalendarBoard({
           {
             className: "grid shrink-0 bg-(--cmp-calendarBoard-grid-bg) pt-(--cmp-calendarBoard-grid-paddingTop) pb-(--cmp-calendarBoard-grid-gap)",
             style: { gridTemplateColumns: columns },
-            children: WEEK_LABELS.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: t.weekdays.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: "typo-body-md-default flex justify-center text-(--cmp-calendarBoard-grid-weekRow-color)",
@@ -16443,7 +17371,7 @@ var SSearchInput = /* @__PURE__ */ react.forwardRef(function SSearchInput2({
   onChange,
   onSearch,
   size = "sm",
-  placeholder = "\uACB0\uACFC \uB0B4 \uAC80\uC0C9",
+  placeholder: placeholderProp,
   clearable = false,
   disabled = false,
   width,
@@ -16456,6 +17384,8 @@ var SSearchInput = /* @__PURE__ */ react.forwardRef(function SSearchInput2({
   onKeyDown,
   ...rest
 }, ref) {
+  const { common: tc, input: ti } = useLocale().messages;
+  const placeholder = placeholderProp ?? ti.searchWithinResults;
   const f = FONT[size];
   const hasValue = value !== void 0 && value !== null && String(value) !== "";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16523,7 +17453,7 @@ var SSearchInput = /* @__PURE__ */ react.forwardRef(function SSearchInput2({
               {
                 icon: "close",
                 size: "xxs",
-                ariaLabel: "\uC9C0\uC6B0\uAE30",
+                ariaLabel: tc.clear,
                 className: "flex-shrink-0",
                 onClick: () => onValueChange?.("")
               }
@@ -16708,6 +17638,7 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
   className,
   style
 }, ref) {
+  const runRules2 = useRunRules();
   const multi = type === "multi" || type === "multi_depth" || type === "multi_tree";
   const isDepth = type === "default_depth" || type === "multi_depth";
   const isTree = type === "tree" || type === "multi_tree";
@@ -16820,7 +17751,7 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
       setSearch("");
       if (rules && rules.length > 0) {
         const current = valueForRules ?? selectedRef.current;
-        setRuleError(runRules(multi ? current : current[0] ?? "", rules));
+        setRuleError(runRules2(multi ? current : current[0] ?? "", rules));
       }
     }
   };
@@ -16859,7 +17790,7 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(multi ? selected : selected[0] ?? "", rules);
+      const msg = runRules2(multi ? selected : selected[0] ?? "", rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -17132,14 +18063,14 @@ var SSelectImpl = /* @__PURE__ */ react.forwardRef(function SSelect({
   const showClear = clearable && !effectiveDisabled && !isPlaceholder;
   const handleClear = () => {
     emit3([]);
-    if (rules && rules.length > 0) setRuleError(runRules(multi ? [] : "", rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(multi ? [] : "", rules));
     triggerRef.current?.focus();
   };
   const handleRemoveChip = (targets) => {
     const remove = new Set(targets);
     const next = selected.filter((v) => !remove.has(v));
     emit3(next);
-    if (rules && rules.length > 0) setRuleError(runRules(next, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(next, rules));
     triggerRef.current?.focus();
   };
   const handleSelect = (nextValue, index, extend = false) => {
@@ -18021,12 +18952,7 @@ var NO_KEYS = /* @__PURE__ */ new Set();
 var DEFAULT_ROW_HEIGHT = 44;
 var DENSE_ROW_HEIGHT = 32;
 var SELECTABLE_COLUMN_WIDTH = 48;
-var DEFAULT_ROWS_PER_PAGE_OPTION = [
-  { label: "10\uAC1C\uC529 \uBCF4\uAE30", value: 10 },
-  { label: "25\uAC1C\uC529 \uBCF4\uAE30", value: 25 },
-  { label: "50\uAC1C\uC529 \uBCF4\uAE30", value: 50 },
-  { label: "100\uAC1C\uC529 \uBCF4\uAE30", value: 100 }
-];
+var DEFAULT_ROWS_PER_PAGE_COUNTS = [10, 25, 50, 100];
 var cellValue = (col, row) => {
   const raw = col.field == null ? void 0 : typeof col.field === "function" ? col.field(row) : row[col.field];
   return col.format ? col.format(raw, row) : raw;
@@ -18066,7 +18992,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
   rowKey = "id",
   selectable = false,
   rowSelectLabel,
-  selectAllLabel = "\uC804\uCCB4 \uC120\uD0DD",
+  selectAllLabel: selectAllLabelProp,
   dragSelectable = false,
   contextMenuItems,
   onContextMenuItemClick,
@@ -18083,7 +19009,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
   stickyColumn,
   radius = "default",
   bordered = true,
-  emptyLabel = "\uB370\uC774\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  emptyLabel: emptyLabelProp,
   emptySlot,
   loading: loading2 = false,
   dense = false,
@@ -18093,7 +19019,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
   onPageChange,
   internalPagination = false,
   showRowsPerPageSelect = false,
-  rowsPerPageOption = DEFAULT_ROWS_PER_PAGE_OPTION,
+  rowsPerPageOption: rowsPerPageOptionProp,
   onRowsPerPageChange,
   virtualScroll = false,
   rowHeight,
@@ -18115,6 +19041,13 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
 }, ref) {
   const autoId = react.useId();
   const resolvedTableId = tableId ?? autoId;
+  const t = useLocale().messages.table;
+  const selectAllLabel = selectAllLabelProp ?? t.selectAll;
+  const emptyLabel = emptyLabelProp ?? t.empty;
+  const rowsPerPageOption = react.useMemo(
+    () => rowsPerPageOptionProp ?? DEFAULT_ROWS_PER_PAGE_COUNTS.map((count) => ({ label: t.rowsPerPage(count), value: count })),
+    [rowsPerPageOptionProp, t]
+  );
   const [innerDense, setInnerDense] = react.useState(dense);
   react.useEffect(() => {
     setInnerDense(dense);
@@ -18926,7 +19859,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                               name: "pageEdit",
                               size: 12,
                               color: "var(--sys-color-link-accent)",
-                              label: "\uC218\uC815 \uAC00\uB2A5",
+                              label: t.editable,
                               className: "shrink-0"
                             }
                           ),
@@ -18936,7 +19869,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                               name: "pageMove",
                               size: 12,
                               color: "var(--sys-color-link-accent)",
-                              label: "\uC0C8 \uD654\uBA74\uC5D0\uC11C \uC5F4\uAE30",
+                              label: t.opensInNewScreen,
                               className: "shrink-0"
                             }
                           ),
@@ -18960,7 +19893,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                               size: "xxs",
                               intent: sortDir ? "action" : "default",
                               icon: sortDir === "asc" ? "arrowUp" : sortDir === "desc" ? "arrowDown" : "updown",
-                              ariaLabel: `${col.label} \uC815\uB82C`,
+                              ariaLabel: t.sortBy(col.label),
                               onClick: () => toggleSort(col)
                             }
                           ) })
@@ -19110,7 +20043,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                                                 value: isSel || !isRowIndeterminate?.(row) ? isSel : null,
                                                 disabled: !canSelectRow(row),
                                                 onValueChange: () => toggleRow(row, rowOffset + ri),
-                                                ariaLabel: rowSelectLabel?.(row) ?? "\uD589 \uC120\uD0DD"
+                                                ariaLabel: rowSelectLabel?.(row) ?? t.selectRow
                                               }
                                             ) })
                                           }
@@ -19263,7 +20196,7 @@ var STableImpl = /* @__PURE__ */ react.forwardRef(function STable({
                     icon: innerDense ? "row" : "rowDense",
                     iconRotate: 90,
                     iconColor: "var(--sys-color-fg-quaternary)",
-                    label: innerDense ? "\uB113\uAC8C \uBCF4\uAE30" : "\uC881\uAC8C \uBCF4\uAE30",
+                    label: innerDense ? t.denseOff : t.denseOn,
                     onClick: () => changeDense(!innerDense)
                   }
                 ),
@@ -19370,6 +20303,8 @@ var STableBar = /* @__PURE__ */ react.forwardRef(function STableBar2({ title, to
   const hasTitle = title != null;
   const hasLeading = hasTitle || hasCount;
   const titleId = react.useId();
+  const { messages, formatNumber } = useLocale();
+  const t = messages.tableBar;
   const isToolbar = Boolean(actions || rightActions);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -19395,9 +20330,9 @@ var STableBar = /* @__PURE__ */ react.forwardRef(function STableBar2({ title, to
         ),
         hasCount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[var(--cmp-table-content-gap)]", children: [
           hasTotal && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-table-accent whitespace-nowrap text-[var(--sys-color-fg-primary)]", children: [
-            "\uCD1D ",
-            /* @__PURE__ */ jsxRuntime.jsx("b", { style: { color: totalColor(total) }, children: total.toLocaleString() }),
-            " \uAC74"
+            t.totalBefore,
+            /* @__PURE__ */ jsxRuntime.jsx("b", { style: { color: totalColor(total) }, children: formatNumber(total) }),
+            t.totalAfter
           ] }),
           hasTotal && hasSelected && /* @__PURE__ */ jsxRuntime.jsx(
             "span",
@@ -19408,8 +20343,9 @@ var STableBar = /* @__PURE__ */ react.forwardRef(function STableBar2({ title, to
             }
           ),
           hasSelected && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "typo-table-body whitespace-nowrap text-[var(--sys-color-fg-primary)]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("b", { style: { color: selectedColor(selected) }, children: selected.toLocaleString() }),
-            " \uAC74 \uC120\uD0DD"
+            t.selectedBefore,
+            /* @__PURE__ */ jsxRuntime.jsx("b", { style: { color: selectedColor(selected) }, children: formatNumber(selected) }),
+            t.selectedAfter
           ] })
         ] }),
         actions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[var(--cmp-table-bar-section-gap)] has-[>div:empty]:hidden", children: [
@@ -19822,12 +20758,15 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
   width,
   disabled = false,
   readOnly = false,
-  placeholder = "\uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+  placeholder: placeholderProp,
   onBlur,
   className,
   style,
   ...rest
 }, ref) {
+  const runRules2 = useRunRules();
+  const { common: tc, input: ti } = useLocale().messages;
+  const placeholder = placeholderProp ?? ti.placeholder;
   const [visible, setVisible] = react.useState(false);
   const [ruleError, setRuleError] = react.useState("");
   const controlId = useFieldControlId(rest.id);
@@ -19838,7 +20777,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
   useFormField({
     name: rest.name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -19903,11 +20842,11 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
                 onChange: (e) => {
                   onChange?.(e);
                   onValueChange?.(e.target.value);
-                  if (ruleError !== "") setRuleError(runRules(e.target.value, rules));
+                  if (ruleError !== "") setRuleError(runRules2(e.target.value, rules));
                 },
                 onBlur: (e) => {
                   onBlur?.(e);
-                  if (rules && rules.length > 0) setRuleError(runRules(e.target.value, rules));
+                  if (rules && rules.length > 0) setRuleError(runRules2(e.target.value, rules));
                 },
                 className: cn(
                   "h-full min-w-0 flex-1 border-0 bg-transparent p-0 outline-none placeholder:text-[color:var(--sys-color-field-text-placeholder)] disabled:cursor-not-allowed",
@@ -19937,7 +20876,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
               {
                 icon: "close",
                 size: "xxs",
-                ariaLabel: "\uC9C0\uC6B0\uAE30",
+                ariaLabel: tc.clear,
                 className: "flex-shrink-0",
                 onClick: () => onValueChange?.("")
               }
@@ -19947,7 +20886,7 @@ var SInput = /* @__PURE__ */ react.forwardRef(function SInput2({
               {
                 icon: visible ? "visibilityOn" : "visibilityOff",
                 size: "xxs",
-                ariaLabel: "\uBE44\uBC00\uBC88\uD638 \uD45C\uC2DC",
+                ariaLabel: ti.showPassword,
                 disabled: disabled || readOnly,
                 className: "flex-shrink-0",
                 onClick: () => setVisible((v) => !v)
@@ -19988,15 +20927,15 @@ var formatInputWithCommas = (value) => {
   const formattedInt = addCommas(intPart === "" ? "0" : intPart);
   return `${isNeg ? "-" : ""}${formattedInt}${hasDecimal ? `.${decPart}` : ""}`;
 };
-var getRangeError = (value, min, max) => {
+var getRangeError = (value, min, max, t) => {
   if (value === null) return "";
   const belowMin = value < min;
   const aboveMax = value > max;
   if (!belowMin && !aboveMax) return "";
   if (Number.isFinite(min) && Number.isFinite(max)) {
-    return `${formatWithCommas(min)}~${formatWithCommas(max)} \uC0AC\uC774\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`;
+    return t.rangeBetween(formatWithCommas(min), formatWithCommas(max));
   }
-  return belowMin ? `${formatWithCommas(min)} \uC774\uC0C1\uC73C\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.` : `${formatWithCommas(max)} \uC774\uD558\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`;
+  return belowMin ? t.atLeast(formatWithCommas(min)) : t.atMost(formatWithCommas(max));
 };
 var getDecimalLimit = (allowDecimal, maxDecimalLength) => {
   if (!allowDecimal || maxDecimalLength === void 0 || !Number.isFinite(maxDecimalLength)) {
@@ -20040,7 +20979,7 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
   onFocus,
   onBlur,
   name,
-  placeholder = "\uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+  placeholder: placeholderProp,
   disabled = false,
   readOnly = false,
   rules,
@@ -20064,6 +21003,9 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
   className,
   style
 }, ref) {
+  const runRules2 = useRunRules();
+  const { input: ti, numberInput: t } = useLocale().messages;
+  const placeholder = placeholderProp ?? ti.placeholder;
   const p = PAD2[size];
   const padX = `var(--cmp-numberInput-${size}-paddingX)`;
   const decimalLimit = getDecimalLimit(allowDecimal, maxDecimalLength);
@@ -20087,9 +21029,9 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(numValue, rules);
+      const msg = runRules2(numValue, rules);
       setRuleError(msg);
-      const range = clampOnBlur ? "" : getRangeError(numValue, min, max);
+      const range = clampOnBlur ? "" : getRangeError(numValue, min, max, t);
       setRangeError(range);
       return msg === "" && range === "";
     },
@@ -20192,7 +21134,7 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
         type: "button",
         tabIndex: -1,
         disabled: off,
-        "aria-label": dir === "inc" ? "\uC99D\uAC00" : "\uAC10\uC18C",
+        "aria-label": dir === "inc" ? t.increase : t.decrease,
         onClick: dir === "inc" ? increment : decrement,
         className: cn(
           "flex flex-shrink-0 items-center justify-center border border-solid border-transparent transition-colors",
@@ -20284,8 +21226,8 @@ var SNumberInput = /* @__PURE__ */ react.forwardRef(function SNumberInput2({
                   const clamped = !clampOnBlur || n === null ? n : Math.min(Math.max(n, min), max);
                   if (clamped !== n) emit3(clamped);
                   else setDisplay(n === null ? "" : formatInputWithCommas(cleaned));
-                  if (rules && rules.length > 0) setRuleError(runRules(clamped, rules));
-                  setRangeError(clampOnBlur ? "" : getRangeError(clamped, min, max));
+                  if (rules && rules.length > 0) setRuleError(runRules2(clamped, rules));
+                  setRangeError(clampOnBlur ? "" : getRangeError(clamped, min, max, t));
                   onBlur?.(e);
                 },
                 className: cn(
@@ -20463,6 +21405,7 @@ function SCalendar({
   className,
   style
 }) {
+  const t = useLocale().messages.date;
   const today = todayStr();
   const base = value || today;
   const [y, setY] = react.useState(() => Number(base.split("-")[0]));
@@ -20531,7 +21474,7 @@ function SCalendar({
               {
                 icon: "chevronLeft",
                 size: "xxs",
-                ariaLabel: "prevYear",
+                ariaLabel: t.prevYear,
                 onClick: () => view(y - 1, m)
               }
             ),
@@ -20541,7 +21484,7 @@ function SCalendar({
               {
                 icon: "chevronRight",
                 size: "xxs",
-                ariaLabel: "nextYear",
+                ariaLabel: t.nextYear,
                 onClick: () => view(y + 1, m)
               }
             )
@@ -20553,23 +21496,20 @@ function SCalendar({
               {
                 icon: "chevronLeft",
                 size: "xxs",
-                ariaLabel: "prevMonth",
+                ariaLabel: t.prevMonth,
                 onClick: () => {
                   const n = calcYearMonth(y, m, "prev");
                   view(n.year, n.month);
                 }
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex w-full min-w-[40px] items-center justify-center text-center typo-field-md-medium", children: [
-              m,
-              "\uC6D4"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex w-full min-w-[40px] items-center justify-center text-center typo-field-md-medium", children: t.monthLabel(m) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               SGhostButton,
               {
                 icon: "chevronRight",
                 size: "xxs",
-                ariaLabel: "nextMonth",
+                ariaLabel: t.nextMonth,
                 onClick: () => {
                   const n = calcYearMonth(y, m, "next");
                   view(n.year, n.month);
@@ -20578,7 +21518,7 @@ function SCalendar({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: WEEK_LABELS.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7", children: t.weekdays.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: "flex h-[20px] items-center justify-center text-[12px] font-normal text-[color:var(--cmp-datepicker-calendar-week-color)]",
@@ -20670,11 +21610,6 @@ var modeListItemClass = (selected, disabled) => cn(
   !disabled && !selected && "typo-field-sm-medium cursor-pointer bg-[var(--cmp-datepicker-mode-item-bg-default)] text-[color:var(--cmp-datepicker-mode-item-content-default)] hover:bg-[var(--cmp-datepicker-mode-item-bg-hover)] hover:text-[color:var(--cmp-datepicker-mode-item-content-hover)]",
   !disabled && selected && "typo-field-sm-bold cursor-pointer bg-[var(--cmp-datepicker-mode-item-bg-default)] text-[color:var(--cmp-datepicker-mode-item-content-selected)]"
 );
-var MODE_NOUN = {
-  date: "\uB0A0\uC9DC",
-  month: "\uC6D4",
-  year: "\uC5F0\uB3C4"
-};
 var YEAR_LIST_EDGE_BUFFER = 24;
 var YEAR_LIST_EXPAND_SIZE = 80;
 var MONTHS = Array.from({ length: 12 }, (_, i) => i + 1);
@@ -20828,6 +21763,7 @@ function SDatePickerYearListbox({
   );
 }
 function MonthWheel({ year, value, selectable, onCommit }) {
+  const t = useLocale().messages.date;
   const listRef = react.useRef(null);
   const initialValueRef = react.useRef(value);
   react.useLayoutEffect(() => {
@@ -20848,7 +21784,7 @@ function MonthWheel({ year, value, selectable, onCommit }) {
       children: MONTHS.map((month) => {
         const selected = month === value;
         const disabled = isMonthDisabled(year, month, selectable);
-        return /* @__PURE__ */ jsxRuntime.jsxs(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
@@ -20857,10 +21793,7 @@ function MonthWheel({ year, value, selectable, onCommit }) {
             disabled,
             className: modeListItemClass(selected, disabled),
             onClick: () => !disabled && onCommit(month),
-            children: [
-              month,
-              "\uC6D4"
-            ]
+            children: t.monthLabel(month)
           },
           month
         );
@@ -20957,6 +21890,8 @@ function SDatePicker({
   className,
   style
 }) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.date;
   const portalContainer = usePortalContainer();
   const [open, setOpen] = react.useState(false);
   const triggerId = useFieldControlId();
@@ -20965,11 +21900,16 @@ function SDatePicker({
   const [ruleError, setRuleError] = react.useState("");
   const hasValue = value != null && value !== "";
   const weekday = showWeekday && mode === "date";
+  const clearLabel = {
+    date: t.clearDate,
+    month: t.clearMonth,
+    year: t.clearYear
+  };
   const resolvedPlaceholder = placeholder ?? (mode === "year" ? "YYYY" : mode === "month" ? "YYYY-MM" : "YYYY-MM-DD");
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -21003,7 +21943,7 @@ function SDatePicker({
     typo: "typo-field-sm-default",
     radius: "var(--cmp-datepicker-sm-radius)"
   };
-  const weekdayW = weekday ? weekdaySuffixWidth(baseDims.fontSize) : 0;
+  const weekdayW = weekday ? weekdaySuffixWidth(baseDims.fontSize, t) : 0;
   const dims = {
     ...baseDims,
     minW: baseDims.minW + weekdayW,
@@ -21012,16 +21952,16 @@ function SDatePicker({
   };
   const select = (date) => {
     onValueChange?.(date);
-    if (rules && rules.length > 0) setRuleError(runRules(date, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(date, rules));
     setOpen(false);
   };
   const clear = () => {
     onValueChange?.(null);
-    if (rules && rules.length > 0) setRuleError(runRules(null, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(null, rules));
   };
   const selectListboxValue = (nextValue) => {
     onValueChange?.(nextValue);
-    if (rules && rules.length > 0) setRuleError(runRules(nextValue, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(nextValue, rules));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     SField,
@@ -21092,7 +22032,7 @@ function SDatePicker({
                     minWidth: dims.minW,
                     color: disabled ? "var(--cmp-datepicker-text-disabled)" : hasValue ? "var(--cmp-datepicker-text-default)" : "var(--cmp-field-hint-color)"
                   },
-                  children: hasValue ? weekday ? withWeekday(value) : value : resolvedPlaceholder
+                  children: hasValue ? weekday ? withWeekday(value, t) : value : resolvedPlaceholder
                 }
               ),
               clearable && hasValue && !disabled && /* @__PURE__ */ jsxRuntime.jsx(
@@ -21100,7 +22040,7 @@ function SDatePicker({
                 {
                   icon: "close",
                   size: "xxs",
-                  ariaLabel: `${MODE_NOUN[mode]} \uC9C0\uC6B0\uAE30`,
+                  ariaLabel: clearLabel[mode],
                   onClick: (event) => {
                     event.stopPropagation();
                     clear();
@@ -21169,6 +22109,7 @@ function RangeCalendar({
   onPendingStartChange,
   onViewChange
 }) {
+  const t = useLocale().messages.date;
   const today = todayStr();
   const initial = splitDateTime(value?.[0]);
   const base = initial.date || today;
@@ -21239,8 +22180,8 @@ function RangeCalendar({
   const RANGE_BG = "var(--cmp-datepicker-calendar-range-bg)";
   const pad = (v) => String(Number(v) || 0).padStart(2, "0");
   const emit3 = (dateStart, dateEnd, time) => {
-    const t = time ?? { sH, sM, eH, eM };
-    const range = showTimePicker ? [`${dateStart} ${pad(t.sH)}:${pad(t.sM)}`, `${dateEnd} ${pad(t.eH)}:${pad(t.eM)}`] : [dateStart, dateEnd];
+    const t2 = time ?? { sH, sM, eH, eM };
+    const range = showTimePicker ? [`${dateStart} ${pad(t2.sH)}:${pad(t2.sM)}`, `${dateEnd} ${pad(t2.eH)}:${pad(t2.eM)}`] : [dateStart, dateEnd];
     lastEmitted.current = JSON.stringify(range);
     onSelect(range);
   };
@@ -21295,7 +22236,7 @@ function RangeCalendar({
           {
             icon: "chevronLeft",
             size: "xxs",
-            ariaLabel: "prevMonth",
+            ariaLabel: t.prevMonth,
             onClick: goPrevMonth,
             className: cn(!isLeft && "invisible pointer-events-none")
           }
@@ -21310,13 +22251,13 @@ function RangeCalendar({
           {
             icon: "chevronRight",
             size: "xxs",
-            ariaLabel: "nextMonth",
+            ariaLabel: t.nextMonth,
             onClick: goNextMonth,
             className: cn(isLeft && "invisible pointer-events-none")
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: GRID_COLS, children: WEEK_LABELS.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: GRID_COLS, children: t.weekdays.map((l) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
           className: "flex h-[20px] items-center justify-center text-[12px] font-normal text-[color:var(--cmp-datepicker-calendar-week-color)]",
@@ -21381,11 +22322,11 @@ function RangeCalendar({
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-[var(--cmp-datepicker-calendar-time-date-gap)]", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: LABEL, children: num(yy, false) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: "\uB144" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: t.unitYear }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: LABEL, children: num(mm, true) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: "\uC6D4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: t.unitMonth }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: LABEL, children: num(dd, true) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: "\uC77C" })
+            t.unitDay && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UNIT, children: t.unitDay })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-[var(--cmp-datepicker-calendar-time-unit-gap)]", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -21394,7 +22335,7 @@ function RangeCalendar({
                 type: "text",
                 inputMode: "numeric",
                 maxLength: 2,
-                "aria-label": `${suffix} \uC2DC`,
+                "aria-label": t.hourAria(suffix),
                 disabled: !active,
                 value: active ? hour : "",
                 placeholder: "--",
@@ -21410,7 +22351,7 @@ function RangeCalendar({
                 type: "text",
                 inputMode: "numeric",
                 maxLength: 2,
-                "aria-label": `${suffix} \uBD84`,
+                "aria-label": t.minuteAria(suffix),
                 disabled: !active,
                 value: active ? minute : "",
                 placeholder: "--",
@@ -21438,9 +22379,17 @@ function RangeCalendar({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center justify-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-[var(--cmp-datepicker-calendar-gap)] typo-field-md-medium", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SGhostButton, { icon: "chevronLeft", size: "xxs", ariaLabel: "prevYear", onClick: goPrevYear }),
+            /* @__PURE__ */ jsxRuntime.jsx(SGhostButton, { icon: "chevronLeft", size: "xxs", ariaLabel: t.prevYear, onClick: goPrevYear }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex min-w-[40px] items-center justify-center text-center", children: y }),
-            /* @__PURE__ */ jsxRuntime.jsx(SGhostButton, { icon: "chevronRight", size: "xxs", ariaLabel: "nextYear", onClick: goNextYear })
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SGhostButton,
+              {
+                icon: "chevronRight",
+                size: "xxs",
+                ariaLabel: t.nextYear,
+                onClick: goNextYear
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -21448,7 +22397,7 @@ function RangeCalendar({
               type: "button",
               onClick: goToday,
               className: "absolute right-0 h-[24px] min-w-[37px] cursor-pointer bg-transparent text-center text-[12px] font-medium leading-[24px] text-[color:var(--cmp-datepicker-calendar-day-default-text)] hover:underline",
-              children: "\uC624\uB298"
+              children: t.today
             }
           )
         ] }),
@@ -21469,8 +22418,8 @@ function RangeCalendar({
         showTimePicker && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(SDivider, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-[var(--cmp-datepicker-calendar-time-gap)]", children: [
-            renderTimeSection("start", start, "\uBD80\uD130"),
-            renderTimeSection("end", end, "\uAE4C\uC9C0")
+            renderTimeSection("start", start, t.rangeFrom),
+            renderTimeSection("end", end, t.rangeTo)
           ] })
         ] })
       ]
@@ -21510,6 +22459,8 @@ function SDateRangePicker({
   className,
   style
 }) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.date;
   const portalContainer = usePortalContainer();
   const [open, setOpen] = react.useState(false);
   const triggerId = useFieldControlId();
@@ -21520,12 +22471,12 @@ function SDateRangePicker({
   const hasDisplay = pendingStart != null || hasValue;
   const rawStart = pendingStart ?? (hasValue ? value[0] : "");
   const rawEnd = pendingStart ? "" : hasValue ? value[1] : "";
-  const startText = showWeekday && rawStart ? withWeekday(rawStart) : rawStart;
-  const endText = showWeekday && rawEnd ? withWeekday(rawEnd) : rawEnd;
+  const startText = showWeekday && rawStart ? withWeekday(rawStart, t) : rawStart;
+  const endText = showWeekday && rawEnd ? withWeekday(rawEnd, t) : rawEnd;
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -21558,7 +22509,7 @@ function SDateRangePicker({
     typo: "typo-field-sm-default",
     radius: "var(--cmp-datepicker-sm-radius)"
   };
-  const weekdayW = showWeekday ? weekdaySuffixWidth(baseDims.fontSize) * 2 : 0;
+  const weekdayW = showWeekday ? weekdaySuffixWidth(baseDims.fontSize, t) * 2 : 0;
   const dims = {
     ...baseDims,
     minW: baseDims.minW + weekdayW,
@@ -21568,13 +22519,13 @@ function SDateRangePicker({
   const select = (r3) => {
     setPendingStart(null);
     onValueChange?.(r3);
-    if (rules && rules.length > 0) setRuleError(runRules(r3, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(r3, rules));
     if (!showTimePicker) setOpen(false);
   };
   const clear = () => {
     setPendingStart(null);
     onValueChange?.(null);
-    if (rules && rules.length > 0) setRuleError(runRules(null, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(null, rules));
   };
   const resolvedPlaceholder = showTimePicker && placeholder === "YYYY-MM-DD ~ YYYY-MM-DD" ? "YYYY-MM-DD HH:mm ~ YYYY-MM-DD HH:mm" : placeholder;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -21669,7 +22620,7 @@ function SDateRangePicker({
                     {
                       icon: "close",
                       size: "xxs",
-                      ariaLabel: "\uAE30\uAC04 \uC9C0\uC6B0\uAE30",
+                      ariaLabel: t.clearPeriod,
                       onClick: (event) => {
                         event.stopPropagation();
                         clear();
@@ -21737,6 +22688,7 @@ var SChipImpl = /* @__PURE__ */ react.forwardRef(function SChip({
   className,
   style
 }, ref) {
+  const runRules2 = useRunRules();
   const [editing, setEditing] = react.useState(false);
   const [error, setError] = react.useState(errorProp);
   const inputRef = react.useRef(null);
@@ -21777,7 +22729,7 @@ var SChipImpl = /* @__PURE__ */ react.forwardRef(function SChip({
     const changed = next !== draftRef.current;
     setEditing(false);
     if (changed) onValueChange?.(next);
-    if (rules && rules.length > 0) setError(runRules(next, rules) !== "");
+    if (rules && rules.length > 0) setError(runRules2(next, rules) !== "");
     onBlur?.();
   };
   const cancel = () => {
@@ -21908,6 +22860,7 @@ function SFilePicker({
   className,
   style
 }) {
+  const runRules2 = useRunRules();
   const autoId = react.useId();
   const resolvedName = name ?? autoId;
   const triggerId = `${autoId}-trigger`;
@@ -21923,7 +22876,7 @@ function SFilePicker({
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(files, rules);
+      const msg = runRules2(files, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -21955,7 +22908,7 @@ function SFilePicker({
       }
       const merged = [...existing, ...accepted];
       onValueChange?.(merged);
-      if (rules?.length) setRuleError(runRules(merged, rules));
+      if (rules?.length) setRuleError(runRules2(merged, rules));
     } else {
       const { accepted, rejected, reason } = validate(arr);
       if (reason) {
@@ -21963,7 +22916,7 @@ function SFilePicker({
         return;
       }
       onValueChange?.(accepted[0]);
-      if (rules?.length) setRuleError(runRules(accepted[0], rules));
+      if (rules?.length) setRuleError(runRules2(accepted[0], rules));
     }
   };
   const clear = (e) => {
@@ -22123,6 +23076,7 @@ function SKeyValueTable({
   className,
   style
 }) {
+  const tc = useLocale().messages.common;
   if (fields.length === 0) return null;
   const emit3 = (name, value) => onChange?.({
     name,
@@ -22300,7 +23254,7 @@ function SKeyValueTable({
       {
         className: "flex flex-shrink-0 items-center justify-center border-l border-solid border-[color:var(--cmp-table-border-color)] px-[var(--cmp-table-keyValue-search-paddingX)]",
         style: { background: "var(--cmp-table-keyValue-search-bg)" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(SButton, { color: "neutral", outline: true, size: "md", label: "\uAC80\uC0C9", onClick: () => onSearch?.() })
+        children: /* @__PURE__ */ jsxRuntime.jsx(SButton, { color: "neutral", outline: true, size: "md", label: tc.search, onClick: () => onSearch?.() })
       }
     )
   ] });
@@ -22594,6 +23548,7 @@ function ChartRotatedCategoryLabels({
   );
 }
 var ChartFrame = /* @__PURE__ */ react.forwardRef(function ChartFrame2({ title, unit, legend, legendPosition = "top", children, className, style, ...props }, ref) {
+  const t = useLocale().messages.chart;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -22609,10 +23564,7 @@ var ChartFrame = /* @__PURE__ */ react.forwardRef(function ChartFrame2({ title,
         (title || unit) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-(--cmp-chart-gap)", children: [
           title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-md-medium text-(--cmp-chart-title-color)", children: title }),
           unit && // ml-auto — title 유무와 관계없이 항상 오른쪽 끝에 붙는다.
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto whitespace-nowrap typo-body-sm-default text-(--cmp-chart-unit-color)", children: [
-            "\uB2E8\uC704 : ",
-            unit
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto whitespace-nowrap typo-body-sm-default text-(--cmp-chart-unit-color)", children: t.unit(unit) })
         ] }),
         legend && legendPosition === "top" && legend,
         children,
@@ -22956,6 +23908,7 @@ var SBarChart = /* @__PURE__ */ react.forwardRef(function SBarChart2({
   className,
   style
 }, ref) {
+  const t = useLocale().messages.chart;
   const vertical = direction === "vertical";
   const rotateLabels = rotateCategoryLabels && vertical;
   const { ref: plotRef, size } = useElementSize();
@@ -23333,7 +24286,7 @@ var SBarChart = /* @__PURE__ */ react.forwardRef(function SBarChart2({
                   width: size.width,
                   height: size.height,
                   role: "img",
-                  "aria-label": `${categories.length}\uAC1C \uD56D\uBAA9, ${series.length}\uAC1C \uACC4\uC5F4 ${stacked ? "\uB204\uC801 " : ""}\uB9C9\uB300 \uADF8\uB798\uD504`,
+                  "aria-label": t.barSummary(categories.length, series.length, !!stacked),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "text",
@@ -23583,6 +24536,7 @@ var SLineChart = /* @__PURE__ */ react.forwardRef(function SLineChart2({
   className,
   style
 }, ref) {
+  const t = useLocale().messages.chart;
   const smooth = curve === "smooth";
   const { ref: plotRef, size } = useElementSize();
   const { ref: axisTextRef, size: axisText } = useElementSize(rotateCategoryLabels);
@@ -23909,7 +24863,7 @@ var SLineChart = /* @__PURE__ */ react.forwardRef(function SLineChart2({
                   height: size.height,
                   overflow: "visible",
                   role: "img",
-                  "aria-label": `${categories.length}\uAC1C \uD56D\uBAA9, ${series.length}\uAC1C \uACC4\uC5F4 ${stacked ? "\uB204\uC801 " : ""}\uAEBE\uC740\uC120 \uADF8\uB798\uD504`,
+                  "aria-label": t.lineSummary(categories.length, series.length, !!stacked),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "text",
@@ -24093,6 +25047,7 @@ var RadialChart = /* @__PURE__ */ react.forwardRef(function RadialChart2({
   innerRatio,
   kind
 }, ref) {
+  const t = useLocale().messages.chart;
   const { ref: plotRef, size } = useElementSize();
   const [hovered, setHovered] = react.useState(null);
   const arcs = react.useMemo(() => {
@@ -24171,7 +25126,7 @@ var RadialChart = /* @__PURE__ */ react.forwardRef(function RadialChart2({
             height: diameter,
             overflow: "visible",
             role: "img",
-            "aria-label": `${arcs.length}\uAC1C \uD56D\uBAA9 ${kind}`,
+            "aria-label": t.radialSummary(arcs.length, t[kind]),
             onMouseLeave: () => setHovered(null),
             children: [
               arcs.length === 0 ? (
@@ -24285,7 +25240,7 @@ var SPieChart = /* @__PURE__ */ react.forwardRef(function SPieChart2({
       legendPosition,
       showTooltip,
       innerRatio: 0,
-      kind: "\uD30C\uC774 \uADF8\uB798\uD504"
+      kind: "pie"
     }
   );
 });
@@ -24310,7 +25265,7 @@ var SDonutChart = /* @__PURE__ */ react.forwardRef(function SDonutChart2({
       legendVariant,
       showTooltip,
       innerRatio: DONUT_INNER_RATIO,
-      kind: "\uB3C4\uB11B \uADF8\uB798\uD504"
+      kind: "donut"
     }
   );
 });
@@ -24770,7 +25725,9 @@ var SSkeleton = /* @__PURE__ */ react.forwardRef(function SSkeleton2({
     }
   );
 });
-var STimelineImpl = /* @__PURE__ */ react.forwardRef(function STimeline({ groups, emptyText = "\uB0B4\uC5ED\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.", className, ...rest }, ref) {
+var STimelineImpl = /* @__PURE__ */ react.forwardRef(function STimeline({ groups, emptyText: emptyTextProp, className, ...rest }, ref) {
+  const t = useLocale().messages.timeline;
+  const emptyText = emptyTextProp === void 0 ? t.empty : emptyTextProp;
   const filled = groups.filter((group) => group.entries.length > 0);
   if (filled.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -25655,14 +26612,14 @@ var SEDITOR_HEADING_LABELS = {
 var SEDITOR_FONT_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 24, 30, 36, 48, 60, 72];
 var SEDITOR_DEFAULT_FONT_SIZE = 12;
 var SEDITOR_DEFAULT_COLORS = [
-  { label: "\uAE30\uBCF8", color: "var(--color-fg-primary)" },
-  { label: "\uBCF4\uC870", color: "var(--color-fg-secondary)" },
-  { label: "\uD750\uB9BC", color: "var(--color-fg-tertiary)" },
-  { label: "\uAC15\uC870", color: "var(--color-fg-accent)" },
-  { label: "\uBE0C\uB79C\uB4DC", color: "var(--color-fg-brand)" },
-  { label: "\uC131\uACF5", color: "var(--color-fg-success)" },
-  { label: "\uC8FC\uC758", color: "var(--color-fg-warning)" },
-  { label: "\uC704\uD5D8", color: "var(--color-fg-danger)" }
+  { key: "colorDefault", label: "\uAE30\uBCF8", color: "var(--color-fg-primary)" },
+  { key: "colorSecondary", label: "\uBCF4\uC870", color: "var(--color-fg-secondary)" },
+  { key: "colorMuted", label: "\uD750\uB9BC", color: "var(--color-fg-tertiary)" },
+  { key: "colorAccent", label: "\uAC15\uC870", color: "var(--color-fg-accent)" },
+  { key: "colorBrand", label: "\uBE0C\uB79C\uB4DC", color: "var(--color-fg-brand)" },
+  { key: "colorSuccess", label: "\uC131\uACF5", color: "var(--color-fg-success)" },
+  { key: "colorWarning", label: "\uC8FC\uC758", color: "var(--color-fg-warning)" },
+  { key: "colorDanger", label: "\uC704\uD5D8", color: "var(--color-fg-danger)" }
 ];
 var TASK_LIST_CLASS = "sd-editor-task-list";
 var TASK_ITEM_CLASS = "sd-editor-task-item";
@@ -25803,7 +26760,6 @@ var scrollMenuClass = cn(
   FLOATING_SLIDE_ANIM,
   SCROLLBAR_CLASS
 );
-var FONT_SIZE_DEFAULT_LABEL = "\uAE30\uBCF8";
 var FONT_SIZE_MENU_MAX_HEIGHT = "min(280px, var(--radix-dropdown-menu-content-available-height))";
 var swatchClass = cn(
   "flex h-[24px] w-[24px] cursor-pointer items-center justify-center rounded-[4px] outline-none",
@@ -25871,6 +26827,7 @@ var TableSizePicker = ({
   disabled,
   onPick
 }) => {
+  const t = useLocale().messages.editor;
   const [size, setSize] = react.useState({ rows: 1, cols: 1 });
   const gridRef = react.useRef(null);
   react.useEffect(() => {
@@ -25889,7 +26846,7 @@ var TableSizePicker = ({
       {
         ref: gridRef,
         role: "grid",
-        "aria-label": "\uD45C \uD06C\uAE30",
+        "aria-label": t.tableSize,
         "aria-disabled": disabled || void 0,
         tabIndex: disabled ? -1 : 0,
         className: cn("flex flex-col outline-none", disabled && "pointer-events-none opacity-40"),
@@ -25921,7 +26878,7 @@ var TableSizePicker = ({
             {
               type: "button",
               role: "gridcell",
-              "aria-label": `${r3 + 1}\uD589 ${c + 1}\uC5F4`,
+              "aria-label": t.tableCell(r3 + 1, c + 1),
               "aria-selected": on,
               tabIndex: -1,
               className: "box-border cursor-pointer rounded-[3px] border border-solid p-0 outline-none",
@@ -25940,17 +26897,12 @@ var TableSizePicker = ({
         }) }, r3))
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         "aria-live": "polite",
         className: "mt-[6px] text-center text-[12px] leading-[20px] text-[color:var(--sys-color-fg-secondary)]",
-        children: [
-          size.rows,
-          "\uD589 \xD7 ",
-          size.cols,
-          "\uC5F4"
-        ]
+        children: t.tableSizeText(size.rows, size.cols)
       }
     )
   ] });
@@ -25974,27 +26926,30 @@ var LinkEditor = ({
   onApply,
   onRemove,
   hasLink
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-[8px]", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    SInput,
-    {
-      value: href,
-      onValueChange: onHrefChange,
-      type: "url",
-      placeholder: "https://",
-      width: "md",
-      "aria-label": "\uB9C1\uD06C \uC8FC\uC18C",
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          onApply();
+}) => {
+  const t = useLocale().messages.editor;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-[8px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SInput,
+      {
+        value: href,
+        onValueChange: onHrefChange,
+        type: "url",
+        placeholder: "https://",
+        width: "md",
+        "aria-label": t.linkUrl,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            onApply();
+          }
         }
       }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(SButton, { size: "sm", label: "\uC801\uC6A9", onClick: onApply }),
-  hasLink && /* @__PURE__ */ jsxRuntime.jsx(SButton, { size: "sm", color: "neutral", outline: true, label: "\uC81C\uAC70", onClick: onRemove })
-] });
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SButton, { size: "sm", label: t.apply, onClick: onApply }),
+    hasLink && /* @__PURE__ */ jsxRuntime.jsx(SButton, { size: "sm", color: "neutral", outline: true, label: t.remove, onClick: onRemove })
+  ] });
+};
 var TOOLBAR_BAR_CLASS = "sticky top-0 z-[1] flex flex-wrap items-center gap-[2px] border-b border-solid bg-inherit px-[8px] py-[4px]";
 var TOOLBAR_BAR_STYLE = { borderBottomColor: "var(--sys-color-border-default)" };
 var BUBBLE_BAR_CLASS = cn(
@@ -26061,6 +27016,11 @@ function EditorToolbarBar({
   disabled,
   variant = "bar"
 }) {
+  const t = useLocale().messages.editor;
+  const colorOptions = react.useMemo(
+    () => SEDITOR_DEFAULT_COLORS.map((option) => ({ color: option.color, label: t[option.key] })),
+    [t]
+  );
   const portalContainer = usePortalContainer();
   const insideModal = useInsideModal();
   const isMobile = useIsMobile();
@@ -26131,7 +27091,7 @@ function EditorToolbarBar({
           /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(
             ToolbarButton,
             {
-              label: "\uC81C\uBAA9 \uB2E8\uACC4",
+              label: t.headingLevel,
               active: state2.heading !== 0,
               disabled: off,
               className: "px-[4px]",
@@ -26147,7 +27107,7 @@ function EditorToolbarBar({
               {
                 className: menuItemClass,
                 onSelect: () => chain()?.setParagraph().run(),
-                children: SEDITOR_HEADING_LABELS[0]
+                children: t.headingBody
               }
             ),
             SEDITOR_HEADING_LEVELS.map((level) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -26155,7 +27115,7 @@ function EditorToolbarBar({
               {
                 className: menuItemClass,
                 onSelect: () => chain()?.setHeading({ level }).run(),
-                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: HEADING_ITEM_CLASS[level], children: SEDITOR_HEADING_LABELS[level] })
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: HEADING_ITEM_CLASS[level], children: t.heading(level) })
               },
               level
             ))
@@ -26163,8 +27123,8 @@ function EditorToolbarBar({
         ] }, item4);
       case "fontSize":
         return /* @__PURE__ */ jsxRuntime.jsxs(RDropdown5__namespace.Root, { modal: !insideModal, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(ToolbarButton, { label: "\uAE00\uC790 \uD06C\uAE30", disabled: off, className: "px-[6px]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] leading-[20px]", children: activeFontSize ?? FONT_SIZE_DEFAULT_LABEL }),
+          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(ToolbarButton, { label: t.fontSize, disabled: off, className: "px-[6px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] leading-[20px]", children: activeFontSize ?? t.fontSizeDefaultLabel }),
             /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "caretDown", size: 12 })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -26179,9 +27139,9 @@ function EditorToolbarBar({
                   RDropdown5__namespace.Item,
                   {
                     className: cn(menuItemClass, activeFontSize === null && menuItemSelectedClass),
-                    title: `${FONT_SIZE_DEFAULT_LABEL} (\uBCF8\uBB38 ${SEDITOR_DEFAULT_FONT_SIZE}px)`,
+                    title: t.fontSizeDefault(SEDITOR_DEFAULT_FONT_SIZE),
                     onSelect: () => chain()?.unsetFontSize().run(),
-                    children: FONT_SIZE_DEFAULT_LABEL
+                    children: t.fontSizeDefaultLabel
                   }
                 ),
                 SEDITOR_FONT_SIZES.map((size) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -26204,7 +27164,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uAD75\uAC8C",
+            label: t.bold,
             active: state2.bold,
             "aria-pressed": state2.bold,
             disabled: off,
@@ -26217,7 +27177,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uAE30\uC6B8\uC784",
+            label: t.italic,
             active: state2.italic,
             "aria-pressed": state2.italic,
             disabled: off,
@@ -26230,7 +27190,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uBC11\uC904",
+            label: t.underline,
             active: state2.underline,
             "aria-pressed": state2.underline,
             disabled: off,
@@ -26243,7 +27203,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uCDE8\uC18C\uC120",
+            label: t.strike,
             active: state2.strike,
             "aria-pressed": state2.strike,
             disabled: off,
@@ -26256,7 +27216,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC778\uB77C\uC778 \uCF54\uB4DC",
+            label: t.inlineCode,
             active: state2.code,
             "aria-pressed": state2.code,
             disabled: off,
@@ -26270,7 +27230,7 @@ function EditorToolbarBar({
           return /* @__PURE__ */ jsxRuntime.jsx(
             ToolbarButton,
             {
-              label: "\uAE00\uC790\uC0C9",
+              label: t.textColor,
               disabled: off,
               onClick: () => setMobileView("color"),
               children: /* @__PURE__ */ jsxRuntime.jsx(ColorIndicator, { color: off ? "currentColor" : activeColor, children: /* @__PURE__ */ jsxRuntime.jsx(IconTextColor, { size: ICON_SIZE }) })
@@ -26278,14 +27238,14 @@ function EditorToolbarBar({
             item4
           );
         return /* @__PURE__ */ jsxRuntime.jsxs(RDropdown5__namespace.Root, { modal: !insideModal, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "\uAE00\uC790\uC0C9", disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ColorIndicator, { color: off ? "currentColor" : activeColor, children: /* @__PURE__ */ jsxRuntime.jsx(IconTextColor, { size: ICON_SIZE }) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: t.textColor, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ColorIndicator, { color: off ? "currentColor" : activeColor, children: /* @__PURE__ */ jsxRuntime.jsx(IconTextColor, { size: ICON_SIZE }) }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Content, { sideOffset: 4, align: "start", className: menuClass, children: /* @__PURE__ */ jsxRuntime.jsx(
             ColorPalette,
             {
               asMenu: true,
-              colors: SEDITOR_DEFAULT_COLORS,
+              colors: colorOptions,
               columns: 4,
-              clearLabel: "\uC0C9 \uC9C0\uC6B0\uAE30",
+              clearLabel: t.clearColor,
               onPick: applyColor,
               onClear: clearColor
             }
@@ -26295,7 +27255,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC67C\uCABD \uC815\uB82C",
+            label: t.alignLeft,
             active: state2.alignLeft,
             "aria-pressed": state2.alignLeft,
             disabled: off,
@@ -26308,7 +27268,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uAC00\uC6B4\uB370 \uC815\uB82C",
+            label: t.alignCenter,
             active: state2.alignCenter,
             "aria-pressed": state2.alignCenter,
             disabled: off,
@@ -26321,7 +27281,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC624\uB978\uCABD \uC815\uB82C",
+            label: t.alignRight,
             active: state2.alignRight,
             "aria-pressed": state2.alignRight,
             disabled: off,
@@ -26334,7 +27294,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC591\uCABD \uC815\uB82C",
+            label: t.alignJustify,
             active: state2.alignJustify,
             "aria-pressed": state2.alignJustify,
             disabled: off,
@@ -26347,7 +27307,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D",
+            label: t.bulletList,
             active: state2.bulletList,
             "aria-pressed": state2.bulletList,
             disabled: off,
@@ -26360,7 +27320,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D",
+            label: t.orderedList,
             active: state2.orderedList,
             "aria-pressed": state2.orderedList,
             disabled: off,
@@ -26373,7 +27333,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uCCB4\uD06C \uBAA9\uB85D",
+            label: t.taskList,
             active: state2.taskList,
             "aria-pressed": state2.taskList,
             disabled: off,
@@ -26386,7 +27346,7 @@ function EditorToolbarBar({
         const ListIcon = state2.orderedList ? IconOrderedList : state2.taskList ? IconTaskList : IconBulletList;
         const listActive = state2.bulletList || state2.orderedList || state2.taskList;
         return /* @__PURE__ */ jsxRuntime.jsxs(RDropdown5__namespace.Root, { modal: !insideModal, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(ToolbarButton, { label: "\uBAA9\uB85D", active: listActive, disabled: off, className: "px-[4px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(ToolbarButton, { label: t.list, active: listActive, disabled: off, className: "px-[4px]", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ListIcon, { size: ICON_SIZE }),
             /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "caretDown", size: CARET_SIZE })
           ] }) }),
@@ -26398,7 +27358,7 @@ function EditorToolbarBar({
                 onSelect: () => chain()?.toggleBulletList().run(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(IconBulletList, { size: 16, className: "mr-[6px]" }),
-                  "\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D"
+                  t.bulletList
                 ]
               }
             ),
@@ -26409,7 +27369,7 @@ function EditorToolbarBar({
                 onSelect: () => chain()?.toggleOrderedList().run(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(IconOrderedList, { size: 16, className: "mr-[6px]" }),
-                  "\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D"
+                  t.orderedList
                 ]
               }
             ),
@@ -26420,7 +27380,7 @@ function EditorToolbarBar({
                 onSelect: () => chain()?.toggleTaskList().run(),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(IconTaskList, { size: 16, className: "mr-[6px]" }),
-                  "\uCCB4\uD06C \uBAA9\uB85D"
+                  t.taskList
                 ]
               }
             )
@@ -26431,7 +27391,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC778\uC6A9\uAD6C",
+            label: t.blockquote,
             active: state2.blockquote,
             "aria-pressed": state2.blockquote,
             disabled: off,
@@ -26444,7 +27404,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uCF54\uB4DC \uBE14\uB85D",
+            label: t.codeBlock,
             active: state2.codeBlock,
             "aria-pressed": state2.codeBlock,
             disabled: off,
@@ -26457,7 +27417,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uAD6C\uBD84\uC120",
+            label: t.divider,
             disabled: off,
             onClick: () => chain()?.setHorizontalRule().run(),
             children: /* @__PURE__ */ jsxRuntime.jsx(IconHorizontalRule, { size: ICON_SIZE })
@@ -26469,7 +27429,7 @@ function EditorToolbarBar({
           return /* @__PURE__ */ jsxRuntime.jsx(
             ToolbarButton,
             {
-              label: "\uB9C1\uD06C",
+              label: t.link,
               active: state2.link,
               disabled: off,
               onClick: () => setMobileView("link"),
@@ -26478,7 +27438,7 @@ function EditorToolbarBar({
             item4
           );
         return /* @__PURE__ */ jsxRuntime.jsxs(RPopover13__namespace.Root, { open: linkOpen, onOpenChange: setLinkOpen, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(RPopover13__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "\uB9C1\uD06C", active: state2.link, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(IconLink, { size: ICON_SIZE }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(RPopover13__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: t.link, active: state2.link, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsx(IconLink, { size: ICON_SIZE }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(RPopover13__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
             RPopover13__namespace.Content,
             {
@@ -26505,13 +27465,13 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           ToolbarButton,
           {
-            label: "\uC774\uBBF8\uC9C0 \uB123\uAE30",
+            label: t.insertImage,
             disabled: off || uploading,
             className: "px-[6px]",
             onClick: () => fileInputRef.current?.click(),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "image", size: ICON_SIZE }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] leading-[20px]", children: "\uC774\uBBF8\uC9C0" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] leading-[20px]", children: t.image })
             ]
           },
           item4
@@ -26524,10 +27484,19 @@ function EditorToolbarBar({
             onOpenChange: setTableOpen,
             modal: !insideModal,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(ToolbarButton, { label: "\uD45C", active: state2.inTable, disabled: off, className: "px-[6px]", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(IconTable, { size: ICON_SIZE }),
-                /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "caretDown", size: CARET_SIZE })
-              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Trigger, { asChild: true, disabled: off, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                ToolbarButton,
+                {
+                  label: t.table,
+                  active: state2.inTable,
+                  disabled: off,
+                  className: "px-[6px]",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(IconTable, { size: ICON_SIZE }),
+                    /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: "caretDown", size: CARET_SIZE })
+                  ]
+                }
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsx(RDropdown5__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(RDropdown5__namespace.Content, { sideOffset: 4, align: "start", className: menuClass, children: [
                 !state2.inTable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -26545,7 +27514,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC704\uC5D0 \uD589 \uCD94\uAC00",
+                    label: t.addRowAbove,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.addRowBefore().run()
                   }
@@ -26553,7 +27522,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC544\uB798\uC5D0 \uD589 \uCD94\uAC00",
+                    label: t.addRowBelow,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.addRowAfter().run()
                   }
@@ -26561,7 +27530,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC67C\uCABD\uC5D0 \uC5F4 \uCD94\uAC00",
+                    label: t.addColLeft,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.addColumnBefore().run()
                   }
@@ -26569,7 +27538,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC624\uB978\uCABD\uC5D0 \uC5F4 \uCD94\uAC00",
+                    label: t.addColRight,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.addColumnAfter().run()
                   }
@@ -26578,7 +27547,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC140 \uBCD1\uD569",
+                    label: t.mergeCells,
                     disabled: !state2.canMergeCells,
                     onSelect: () => chain()?.mergeCells().run()
                   }
@@ -26586,7 +27555,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uBCD1\uD569 \uD574\uC81C",
+                    label: t.splitCell,
                     disabled: !state2.canSplitCell,
                     onSelect: () => chain()?.splitCell().run()
                   }
@@ -26594,7 +27563,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uD5E4\uB354 \uD589 \uD1A0\uAE00",
+                    label: t.toggleHeaderRow,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.toggleHeaderRow().run()
                   }
@@ -26602,7 +27571,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uD5E4\uB354 \uC5F4 \uD1A0\uAE00",
+                    label: t.toggleHeaderCol,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.toggleHeaderColumn().run()
                   }
@@ -26611,7 +27580,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uD589 \uC0AD\uC81C",
+                    label: t.deleteRow,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.deleteRow().run()
                   }
@@ -26619,7 +27588,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uC5F4 \uC0AD\uC81C",
+                    label: t.deleteCol,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.deleteColumn().run()
                   }
@@ -26627,7 +27596,7 @@ function EditorToolbarBar({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TableMenuItem,
                   {
-                    label: "\uD45C \uC0AD\uC81C",
+                    label: t.deleteTable,
                     disabled: !state2.inTable,
                     onSelect: () => chain()?.deleteTable().run()
                   }
@@ -26641,7 +27610,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uC2E4\uD589 \uCDE8\uC18C",
+            label: t.undo,
             disabled: off || !state2.canUndo,
             onClick: () => chain()?.undo().run(),
             children: /* @__PURE__ */ jsxRuntime.jsx(IconUndo, { size: ICON_SIZE })
@@ -26652,7 +27621,7 @@ function EditorToolbarBar({
         return /* @__PURE__ */ jsxRuntime.jsx(
           ToolbarButton,
           {
-            label: "\uB2E4\uC2DC \uC2E4\uD589",
+            label: t.redo,
             disabled: off || !state2.canRedo,
             onClick: () => chain()?.redo().run(),
             children: /* @__PURE__ */ jsxRuntime.jsx(IconRedo, { size: ICON_SIZE })
@@ -26665,21 +27634,21 @@ function EditorToolbarBar({
   };
   const shell = {
     "role": "toolbar",
-    "aria-label": "\uC11C\uC2DD \uB3C4\uAD6C",
+    "aria-label": t.toolbarLabel,
     "aria-disabled": disabled || void 0,
     "className": variant === "bubble" ? BUBBLE_BAR_CLASS : TOOLBAR_BAR_CLASS,
     "style": variant === "bubble" ? void 0 : TOOLBAR_BAR_STYLE
   };
   if (mobileView !== "main") {
     const editing = {
-      color: { icon: /* @__PURE__ */ jsxRuntime.jsx(IconTextColor, { size: ICON_SIZE }), label: "\uAE00\uC790\uC0C9" },
-      link: { icon: /* @__PURE__ */ jsxRuntime.jsx(IconLink, { size: ICON_SIZE }), label: "\uB9C1\uD06C" }
+      color: { icon: /* @__PURE__ */ jsxRuntime.jsx(IconTextColor, { size: ICON_SIZE }), label: t.textColor },
+      link: { icon: /* @__PURE__ */ jsxRuntime.jsx(IconLink, { size: ICON_SIZE }), label: t.link }
     }[mobileView];
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...shell, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", className: "flex items-center gap-[2px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
         ToolbarButton,
         {
-          label: `${editing.label} \uB2EB\uAE30`,
+          label: t.closeEditing(editing.label),
           className: "px-[4px]",
           onClick: () => setMobileView("main"),
           children: [
@@ -26701,9 +27670,9 @@ function EditorToolbarBar({
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         ColorPalette,
         {
-          colors: SEDITOR_DEFAULT_COLORS,
+          colors: colorOptions,
           columns: 4,
-          clearLabel: "\uC0C9 \uC9C0\uC6B0\uAE30",
+          clearLabel: t.clearColor,
           onPick: applyColor,
           onClear: clearColor
         }
@@ -27000,7 +27969,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
   value,
   defaultValue,
   onValueChange,
-  placeholder = "\uB0B4\uC6A9\uC744 \uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+  placeholder: placeholderProp,
   minHeight = 200,
   maxHeight,
   simple = false,
@@ -27033,6 +28002,9 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
   className,
   style
 }, ref) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.editor;
+  const placeholder = placeholderProp ?? t.placeholder;
   const [ruleError, setRuleError] = react.useState("");
   const [selfFocused, setSelfFocused] = react.useState(false);
   const controlId = useFieldControlId();
@@ -27043,7 +28015,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
   const editable = !disabled && !readOnly;
   const handleInput = (html) => {
     onValueChange?.(html);
-    if (ruleError !== "") setRuleError(runRules(html, rules));
+    if (ruleError !== "") setRuleError(runRules2(html, rules));
   };
   const handleFocusChange = (next) => {
     setSelfFocused(next);
@@ -27052,7 +28024,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
       return;
     }
     onBlur?.();
-    if (rules && rules.length > 0) setRuleError(runRules(htmlRef.current, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(htmlRef.current, rules));
   };
   const handleReady = () => {
     if (!pendingFocusRef.current) return;
@@ -27062,7 +28034,7 @@ var SEditor = /* @__PURE__ */ react.forwardRef(function SEditor2({
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(htmlRef.current, rules);
+      const msg = runRules2(htmlRef.current, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -27236,6 +28208,8 @@ var SSlider = /* @__PURE__ */ react.forwardRef(function SSlider2({
   className,
   style
 }, ref) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.slider;
   const isRange = Array.isArray(value);
   const values = isRange ? value : [value ?? min];
   const toOut = (v) => isRange ? [v[0], v[1]] : v[0];
@@ -27243,7 +28217,7 @@ var SSlider = /* @__PURE__ */ react.forwardRef(function SSlider2({
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -27339,13 +28313,13 @@ var SSlider = /* @__PURE__ */ react.forwardRef(function SSlider2({
                   if (!interactive) return;
                   const next = toOut(v);
                   onValueChange?.(next);
-                  if (ruleError !== "") setRuleError(runRules(next, rules));
+                  if (ruleError !== "") setRuleError(runRules2(next, rules));
                 },
                 onValueCommit: (v) => {
                   if (!interactive) return;
                   const next = toOut(v);
                   onValueCommit?.(next);
-                  if (rules && rules.length > 0) setRuleError(runRules(next, rules));
+                  if (rules && rules.length > 0) setRuleError(runRules2(next, rules));
                 },
                 onPointerDown: () => interactive && setDragging(true),
                 onPointerUp: () => setDragging(false),
@@ -27394,7 +28368,7 @@ var SSlider = /* @__PURE__ */ react.forwardRef(function SSlider2({
                       RSlider__namespace.Thumb,
                       {
                         id: i === 0 ? thumbId : void 0,
-                        "aria-label": isRange ? `${label ?? ""} ${i === 0 ? "\uCD5C\uC19F\uAC12" : "\uCD5C\uB313\uAC12"}`.trim() : label,
+                        "aria-label": isRange ? `${label ?? ""} ${i === 0 ? t.minValue : t.maxValue}`.trim() : label,
                         "aria-valuetext": formatValue(v),
                         "aria-readonly": readOnly || void 0,
                         onFocus: () => setFocusIndex(i),
@@ -27520,28 +28494,41 @@ var CHIPFILTER = {
   itemTextSelected: "var(--cmp-chipFilter-item-text-selected)"
 };
 var DEFAULT_CUSTOM_MAX_RANGE = 90;
-var DEFAULT_PERIOD_PRESETS = [
-  { value: "day", label: "\uC77C\uBCC4" },
-  { value: "month", label: "\uC6D4\uBCC4" },
-  { value: "quarter", label: "\uBD84\uAE30\uBCC4" },
-  { value: "half", label: "\uBC18\uAE30\uBCC4" },
-  { value: "year", label: "\uC5F0\uB3C4\uBCC4" },
-  { value: "custom", label: "\uC0AC\uC6A9\uC790 \uC9C0\uC815", custom: true }
-];
-var DEFAULT_DATE_RANGE_PRESETS = [
-  { value: "today", label: "\uC624\uB298", resolve: () => todayIso() },
-  {
-    value: "last7",
-    label: "\uC9C0\uB09C 7\uC77C",
-    resolve: () => [rangeStartIso(todayIso(), 7), todayIso()]
-  },
-  {
-    value: "last30",
-    label: "\uC9C0\uB09C 30\uC77C",
-    resolve: () => [rangeStartIso(todayIso(), 30), todayIso()]
-  },
-  { value: "custom", label: "\uC0AC\uC6A9\uC790 \uC9C0\uC815", custom: true }
-];
+var defaultPresetCache = /* @__PURE__ */ new WeakMap();
+var STRUCTURE_MESSAGES = resolveMessages(DEFAULT_LOCALE);
+var getDefaultPresets = (m) => {
+  const cached = defaultPresetCache.get(m.chipFilter);
+  if (cached) return cached;
+  const t = m.chipFilter;
+  const created = {
+    period: [
+      { value: "day", label: t.periodDay },
+      { value: "month", label: t.periodMonth },
+      { value: "quarter", label: t.periodQuarter },
+      { value: "half", label: t.periodHalf },
+      { value: "year", label: t.periodYear },
+      { value: "custom", label: t.custom, custom: true }
+    ],
+    /** presets 를 지정하지 않은 datepicker-range 필드가 쓰는 기본 프리셋 목록.
+     *  프리셋 라디오 자체를 없애고 캘린더 하나만 두려면 presets: [] 를 명시한다 */
+    range: [
+      { value: "today", label: t.today, resolve: () => todayIso() },
+      {
+        value: "last7",
+        label: t.last7,
+        resolve: () => [rangeStartIso(todayIso(), 7), todayIso()]
+      },
+      {
+        value: "last30",
+        label: t.last30,
+        resolve: () => [rangeStartIso(todayIso(), 30), todayIso()]
+      },
+      { value: "custom", label: t.custom, custom: true }
+    ]
+  };
+  defaultPresetCache.set(m.chipFilter, created);
+  return created;
+};
 var isKeywordValue = (value) => typeof value === "object" && value != null && !Array.isArray(value) && "keywords" in value;
 var isPeriodValue = (value) => typeof value === "object" && value != null && !Array.isArray(value) && "unit" in value;
 var keywordEntries = (value) => {
@@ -27633,18 +28620,20 @@ var addDaysIso = (iso, n) => {
 };
 var rangeStartIso = (today, days) => addDaysIso(today, -(days - 1));
 var isInlineDateField = (field) => field.type === "datepicker-range" && field.radioButton === true && (field.presets?.length ?? 0) > 0;
-var getFieldPresets = (field) => {
-  if (field.type === "datepicker-statistics") return field.presets ?? DEFAULT_PERIOD_PRESETS;
-  return field.presets ?? DEFAULT_DATE_RANGE_PRESETS;
+var getFieldPresets = (field, m) => {
+  if (field.type === "datepicker-statistics") return field.presets ?? getDefaultPresets(m).period;
+  return field.presets ?? getDefaultPresets(m).range;
 };
-var getEffectiveMaxRange = (field) => {
+var getEffectiveMaxRange = (field, m) => {
   if (field.maxRange !== void 0) return field.maxRange;
-  const hasCustomPreset = getFieldPresets(field).some((preset) => preset.custom);
+  const hasCustomPreset = getFieldPresets(field, m).some((preset) => preset.custom);
   return hasCustomPreset ? DEFAULT_CUSTOM_MAX_RANGE : void 0;
 };
-var getPresetLabel = (preset, maxRange) => {
-  if (!preset.custom || !maxRange || preset.label.includes("\uCD5C\uB300")) return preset.label;
-  return `${preset.label} (\uCD5C\uB300 ${maxRange}\uC77C\uC529)`;
+var getPresetLabel = (preset, maxRange, m) => {
+  const t = m.chipFilter;
+  if (!preset.custom || !maxRange || preset.label.toLowerCase().includes(t.maxWord.toLowerCase()))
+    return preset.label;
+  return `${preset.label} (${t.maxRangeHint(maxRange)})`;
 };
 var getDefaultPeriodInputValue = (unit, maxRange) => {
   const today = todayIso();
@@ -27681,7 +28670,7 @@ var resolveFieldDefault = (field) => {
   if (field.type === "datepicker-day") return todayIso();
   if (field.type === "select" || field.type === "select-depth") return leafOptions(field)[0]?.value;
   if (field.type === "datepicker-statistics") {
-    const presets = getFieldPresets(field).filter((preset) => !preset.custom);
+    const presets = getFieldPresets(field, STRUCTURE_MESSAGES).filter((preset) => !preset.custom);
     const unit = presets.some((preset) => preset.value === "day") ? "day" : presets[0]?.value;
     return unit ? createPeriodValue(unit) : void 0;
   }
@@ -27729,20 +28718,16 @@ var isGroupSatisfied = (group, values) => {
   if (group.rule.type === "requireAny") return keys.some((k) => !isEmptyValue(values[k]));
   return true;
 };
-var koreanParticle = (word, consonant, vowel) => {
-  const code = word.charCodeAt(word.length - 1);
-  if (code < 44032 || code > 55203) return consonant;
-  return (code - 44032) % 28 === 0 ? vowel : consonant;
-};
-var defaultGroupTooltipMessage = (rule, fields) => {
-  if (rule.type === "requireAll") return "\uD56D\uBAA9\uC744 \uBAA8\uB450 \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.";
+var defaultGroupTooltipMessage = (rule, fields, m) => {
+  const t = m.chipFilter;
+  if (rule.type === "requireAll") return t.requireAll;
   if (rule.type === "requireAny") {
     const name = rule.dataGroupName;
-    if (!name) return "\uCD5C\uC18C 1\uAC1C\uC758 \uD544\uD130\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694.";
-    return `\uCD5C\uC18C 1\uAC1C\uC758 ${name}${koreanParticle(name, "\uC744", "\uB97C")} \uC120\uD0DD\uD574\uC8FC\uC138\uC694.`;
+    if (!name) return t.requireAnyDefault;
+    return t.requireAnyNamed(name);
   }
-  const label = fields.find((f) => f.key === rule.key)?.label ?? "\uD56D\uBAA9";
-  return `${label}${koreanParticle(label, "\uC744", "\uB97C")} \uC120\uD0DD\uD574 \uC8FC\uC138\uC694.`;
+  const label = fields.find((f) => f.key === rule.key)?.label ?? t.fieldFallback;
+  return t.requireField(label);
 };
 var toDateRange = (value) => Array.isArray(value) ? [value[0], value[1]] : [value, value];
 var sameDateValue = (a, b) => {
@@ -27761,20 +28746,24 @@ var matchPresetId = (presets, value) => {
   return presets.find((preset) => preset.custom)?.value ?? null;
 };
 var optionLabel = (field, value) => leafOptions(field).find((option) => option.value === value)?.label ?? String(value);
-var formatValueList = (labels) => {
+var formatValueList = (labels, m) => {
   if (labels.length <= 1) return labels[0] ?? "";
-  return `${labels[0]} \uC678 ${labels.length - 1}\uAC1C`;
+  return m.chipFilter.valueListMore(labels[0], labels.length - 1);
 };
-var displayValue = (field, value) => {
+var displayValue = (field, value, m) => {
+  const t = m.chipFilter;
   if (isEmptyValue(value)) return "";
   if (isMultiSelectType(field.type)) {
     const optionsField = field;
     const values = toArrayValue(value);
     const selectableValues = selectableLeafValues(optionsField);
     if (selectableValues.length > 1 && selectableValues.every((selectableValue) => values.includes(selectableValue))) {
-      return "\uC804\uCCB4";
+      return m.common.all;
     }
-    return formatValueList(values.map((v) => optionLabel(optionsField, v)));
+    return formatValueList(
+      values.map((v) => optionLabel(optionsField, v)),
+      m
+    );
   }
   if (field.type === "select" || field.type === "select-depth") {
     return optionLabel(field, value);
@@ -27785,23 +28774,24 @@ var displayValue = (field, value) => {
   }
   if (field.type === "datepicker-statistics") {
     if (!isPeriodValue(value)) {
-      const preset2 = getFieldPresets(field).find((p) => p.value === value);
+      const preset2 = getFieldPresets(field, m).find((p) => p.value === value);
       return preset2?.label ?? String(value);
     }
-    const preset = getFieldPresets(field).find((p) => p.value === value.unit);
+    const preset = getFieldPresets(field, m).find((p) => p.value === value.unit);
     const label = preset?.label ?? value.unit;
-    if (value.unit === "quarter") return `${label}(${value.value ?? 1}\uBD84\uAE30)`;
-    if (value.unit === "half") return `${label}(${value.value === "second" ? "\uD558\uBC18\uAE30" : "\uC0C1\uBC18\uAE30"})`;
+    if (value.unit === "quarter") return `${label}(${t.quarter(Number(value.value ?? 1))})`;
+    if (value.unit === "half")
+      return `${label}(${value.value === "second" ? t.secondHalf : t.firstHalf})`;
     if (Array.isArray(value.value)) return `${value.value[0]} ~ ${value.value[1]}`;
     return value.value != null && value.value !== "" ? String(value.value) : label;
   }
-  if (field.type === "keyword") return formatValueList(keywordEntries(value));
+  if (field.type === "keyword") return formatValueList(keywordEntries(value), m);
   return String(value);
 };
-var chipDisplayValue = (field, value) => {
-  const text = displayValue(field, value);
+var chipDisplayValue = (field, value, m) => {
+  const text = displayValue(field, value, m);
   if (field.type !== "datepicker-range" || isEmptyValue(value)) return text;
-  const presets = getFieldPresets(field);
+  const presets = getFieldPresets(field, m);
   if (presets.length === 0) return text;
   const preset = presets.find((p) => p.value === matchPresetId(presets, value));
   return preset && !preset.custom ? `${preset.label}(${text})` : text;
@@ -27820,6 +28810,8 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
   className,
   style
 }, ref) {
+  const messages = useLocale().messages;
+  const t = messages.chipFilter;
   const fields = react.useMemo(() => groups.flatMap((group) => group.fields), [groups]);
   const values = normalizeValues(value);
   const portalContainer = usePortalContainer();
@@ -27966,7 +28958,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
     if (currentOpenField?.type === "keyword") {
       return { width: CHIPFILTER_LISTBOX_WIDTH };
     }
-    if ((currentOpenField?.type === "datepicker-range" || currentOpenField?.type === "datepicker-statistics") && getFieldPresets(currentOpenField).length > 0) {
+    if ((currentOpenField?.type === "datepicker-range" || currentOpenField?.type === "datepicker-statistics") && getFieldPresets(currentOpenField, STRUCTURE_MESSAGES).length > 0) {
       return { width: CHIPFILTER_DATE_PRESET_LISTBOX_WIDTH };
     }
     return { width: CHIPFILTER_LISTBOX_WIDTH };
@@ -28073,7 +29065,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
             const flushRun = () => {
               if (runBuffer.length === 0) return;
               const group = runGroupIndex != null ? groups[runGroupIndex] : void 0;
-              const message = group?.rule ? group.tooltipMessage ?? defaultGroupTooltipMessage(group.rule, group.fields) : void 0;
+              const message = group?.rule ? group.tooltipMessage ?? defaultGroupTooltipMessage(group.rule, group.fields, messages) : void 0;
               if (message) {
                 nodes.push(
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -28138,7 +29130,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                   {
                     icon: "close",
                     size: "xxs",
-                    ariaLabel: `${field.label} \uD544\uD130 \uC81C\uAC70`,
+                    ariaLabel: t.removeFilter(field.label),
                     className: "shrink-0",
                     onClick: handleClear
                   }
@@ -28147,7 +29139,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                 FilterChip,
                 {
                   field,
-                  valueText: chipDisplayValue(field, values[field.key]),
+                  valueText: chipDisplayValue(field, values[field.key], messages),
                   active: openKey === field.key,
                   applied: !isEmptyValue(values[field.key]),
                   disabled: disabled || field.disabled,
@@ -28199,7 +29191,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                         color: disabled || inactiveFields.length === 0 ? CHIPFILTER.addTextDisabled : CHIPFILTER.addText
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\uD544\uD130 \uCD94\uAC00" })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: t.addFilter })
                   ]
                 }
               ) }),
@@ -28215,7 +29207,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                     event.preventDefault();
                   },
                   className: cn("z-50 min-w-[180px]", FLOATING_SLIDE_ANIM),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(ListBox, { children: inactiveFields.length > 0 ? inactiveFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: () => addField(field.key), children: field.label }, field.key)) : /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: "\uCD94\uAC00\uD560 \uD544\uD130\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ListBox, { children: inactiveFields.length > 0 ? inactiveFields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: () => addField(field.key), children: field.label }, field.key)) : /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: t.noAddableFilter }) })
                 }
               ) })
             ] }),
@@ -28225,7 +29217,7 @@ var SChipFilter = /* @__PURE__ */ react.forwardRef(function SChipFilter2({
                 size: "sm",
                 icon: "reset",
                 iconColor: "grey_80",
-                label: "\uAC80\uC0C9 \uCD08\uAE30\uD654",
+                label: t.resetSearch,
                 labelClassName: "text-grey-80",
                 disabled: disabled || !canReset,
                 onClick: reset,
@@ -28324,6 +29316,7 @@ function FilterChip({
   onOpen,
   onClear
 }) {
+  const t = useLocale().messages.chipFilter;
   const border = disabled ? CHIPFILTER.chipDisabledBorder : warning ? CHIPFILTER.chipWarningBorder : applied ? active ? "var(--color-blue-strong)" : CHIPFILTER.chipAppliedBorder : active ? CHIPFILTER.chipActiveBorder : CHIPFILTER.chipDefaultBorder;
   const background = disabled ? CHIPFILTER.chipDisabledBg : applied ? CHIPFILTER.chipAppliedBg : CHIPFILTER.chipDefaultBg;
   const textColor = disabled ? CHIPFILTER.chipDisabledText : CHIPFILTER.chipDefaultText;
@@ -28415,7 +29408,7 @@ function FilterChip({
           {
             icon: "close",
             size: "xxs",
-            ariaLabel: `${field.label} \uD544\uD130 \uC9C0\uC6B0\uAE30`,
+            ariaLabel: t.clearFilter(field.label),
             className: "shrink-0 self-center",
             onClick: onClear
           }
@@ -28433,6 +29426,8 @@ function EditorPanel({
   onDraftChange,
   onClose
 }) {
+  const messages = useLocale().messages;
+  const t = messages.chipFilter;
   const wrapsInPaddedTop = field.type === "datepicker-day" || field.type === "datepicker-range" || field.type === "datepicker-statistics";
   const isScrollableListField = isSelectType(field.type) || field.type === "keyword";
   const isMulti = isMultiSelectType(field.type);
@@ -28477,7 +29472,7 @@ function EditorPanel({
               STextLink,
               {
                 size: "sm",
-                label: allSelected ? "\uC120\uD0DD \uD574\uC81C" : "\uC804\uCCB4 \uC120\uD0DD",
+                label: allSelected ? t.selectNone : t.selectAll,
                 labelClassName: "font-bold",
                 disabled,
                 onClick: toggleSelectAll,
@@ -28500,7 +29495,7 @@ function EditorPanel({
             STextLink,
             {
               size: "sm",
-              label: "\uAC80\uC0C9",
+              label: messages.common.search,
               labelClassName: "font-bold",
               onClick: onClose,
               style: { color: CHIPFILTER.chipAppliedValue }
@@ -28586,8 +29581,9 @@ function DatePresetEditor({
   disabled,
   onValueChange
 }) {
-  const presets = getFieldPresets(field);
-  const maxRange = getEffectiveMaxRange(field);
+  const messages = useLocale().messages;
+  const presets = getFieldPresets(field, messages);
+  const maxRange = getEffectiveMaxRange(field, messages);
   const [selectedId, setSelectedId] = react.useState(() => matchPresetId(presets, value));
   const syncedInitialValueRef = react.useRef(!isEmptyValue(value));
   react.useEffect(() => {
@@ -28625,7 +29621,7 @@ function DatePresetEditor({
       {
         val: preset.value,
         value: selectedId,
-        label: getPresetLabel(preset, maxRange),
+        label: getPresetLabel(preset, maxRange, messages),
         disabled,
         onValueChange: () => selectPreset(preset)
       },
@@ -28649,8 +29645,10 @@ function PeriodPresetEditor({
   disabled,
   onValueChange
 }) {
-  const presets = getFieldPresets(field);
-  const maxRange = getEffectiveMaxRange(field);
+  const messages = useLocale().messages;
+  const t = messages.chipFilter;
+  const presets = getFieldPresets(field, messages);
+  const maxRange = getEffectiveMaxRange(field, messages);
   const firstUnit = presets.find((preset) => !preset.custom)?.value ?? "day";
   const [selectedId, setSelectedId] = react.useState(() => matchPresetId(presets, value) ?? firstUnit);
   const periodValue = isPeriodValue(value) ? value : createPeriodValue(selectedId ?? firstUnit, maxRange);
@@ -28703,10 +29701,10 @@ function PeriodPresetEditor({
           onValueChange: updateInputValue,
           disabled,
           options: [
-            { value: 1, label: "1\uBD84\uAE30" },
-            { value: 2, label: "2\uBD84\uAE30" },
-            { value: 3, label: "3\uBD84\uAE30" },
-            { value: 4, label: "4\uBD84\uAE30" }
+            { value: 1, label: t.quarter(1) },
+            { value: 2, label: t.quarter(2) },
+            { value: 3, label: t.quarter(3) },
+            { value: 4, label: t.quarter(4) }
           ]
         }
       );
@@ -28719,8 +29717,8 @@ function PeriodPresetEditor({
           onValueChange: updateInputValue,
           disabled,
           options: [
-            { value: "first", label: "\uC0C1\uBC18\uAE30" },
-            { value: "second", label: "\uD558\uBC18\uAE30" }
+            { value: "first", label: t.firstHalf },
+            { value: "second", label: t.secondHalf }
           ]
         }
       );
@@ -28757,7 +29755,7 @@ function PeriodPresetEditor({
       {
         val: preset.value,
         value: selectedId,
-        label: getPresetLabel(preset, maxRange),
+        label: getPresetLabel(preset, maxRange, messages),
         disabled,
         onValueChange: () => selectPreset(preset)
       },
@@ -28775,6 +29773,8 @@ function InlineDatePresetFilter({
   onValueChange,
   onClear
 }) {
+  const messages = useLocale().messages;
+  const t = messages.chipFilter;
   const presets = (field.presets ?? []).filter((preset) => !preset.custom);
   const [selectedId, setSelectedId] = react.useState(() => matchPresetId(presets, value));
   const syncedInitialValueRef = react.useRef(!isEmptyValue(value));
@@ -28807,7 +29807,7 @@ function InlineDatePresetFilter({
       field.label,
       ":"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-bold", style: { color: badgeValueColor }, children: displayValue(field, value) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-bold", style: { color: badgeValueColor }, children: displayValue(field, value, messages) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-[8px]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -28877,7 +29877,7 @@ function InlineDatePresetFilter({
             {
               icon: "close",
               size: "xxs",
-              ariaLabel: `${field.label} \uD544\uD130 \uC9C0\uC6B0\uAE30`,
+              ariaLabel: t.clearFilter(field.label),
               className: "shrink-0 self-center",
               onClick: onClear
             }
@@ -28887,14 +29887,14 @@ function InlineDatePresetFilter({
     )
   ] });
 }
-var MATCH_MODE_OPTIONS = [
-  { value: "contains", label: "\uD3EC\uD568" },
-  { value: "exact", label: "\uC77C\uCE58" }
+var matchModeOptions = (t) => [
+  { value: "contains", label: t.keywordContains },
+  { value: "exact", label: t.keywordExact }
 ];
-var EXCLUDE_MATCH_MODE_OPTION = {
+var excludeMatchModeOption = (t) => ({
   value: "excludes",
-  label: "\uBBF8\uD3EC\uD568"
-};
+  label: t.keywordExcludes
+});
 function KeywordEditor({
   field,
   value,
@@ -28903,6 +29903,7 @@ function KeywordEditor({
   onValueCommit,
   onDraftChange
 }) {
+  const t = useLocale().messages.chipFilter;
   const entries4 = keywordEntries(value);
   const [draftText, setDraftText] = react.useState("");
   const [mode, setMode] = react.useState(
@@ -28975,7 +29976,7 @@ function KeywordEditor({
           {
             className: "shrink-0 whitespace-nowrap typo-body-sm-medium",
             style: { color: CHIPFILTER.listboxLabel },
-            children: "\uAC80\uC0C9 \uC870\uAC74 :"
+            children: t.keywordCondition
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -28983,7 +29984,7 @@ function KeywordEditor({
           {
             size: "xs",
             style: { width: 150 },
-            options: field.excludeMode ? [...MATCH_MODE_OPTIONS, EXCLUDE_MATCH_MODE_OPTION] : MATCH_MODE_OPTIONS,
+            options: field.excludeMode ? [...matchModeOptions(t), excludeMatchModeOption(t)] : matchModeOptions(t),
             value: mode,
             disabled,
             onValueChange: (next) => changeMode(next)
@@ -28998,7 +29999,7 @@ function KeywordEditor({
             ref: inputRef,
             value: draftText,
             disabled,
-            placeholder: field.placeholder ?? (field.input === "csv" ? "\uB2E4\uC911 \uD0A4\uC6CC\uB4DC\uB294 \uCF64\uB9C8(,)\uB85C \uAD6C\uBD84" : "\uC785\uB825 \uD6C4 Enter\uB85C \uCD94\uAC00"),
+            placeholder: field.placeholder ?? (field.input === "csv" ? t.keywordHintCsv : t.keywordHintEnter),
             onChange: (event) => changeDraft(event.target.value),
             onPaste,
             onKeyDown,
@@ -29030,6 +30031,7 @@ function KeywordEntryRow({
   disabled,
   onRemove
 }) {
+  const t = useLocale().messages.chipFilter;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -29048,7 +30050,7 @@ function KeywordEntryRow({
           {
             icon: "close",
             size: "xxs",
-            ariaLabel: `${label} \uC0AD\uC81C`,
+            ariaLabel: t.removeItem(label),
             className: "invisible shrink-0 group-hover:visible",
             onClick: onRemove
           }
@@ -29067,6 +30069,7 @@ function OptionList({
   disabled,
   onValueChange
 }) {
+  const messages = useLocale().messages;
   const selected = multiple ? toArrayValue(value) : [];
   const singleValue = !multiple && (typeof value === "string" || typeof value === "number") ? value : null;
   const [search, setSearch] = react.useState("");
@@ -29098,7 +30101,7 @@ function OptionList({
       allSelected ? selected.filter((v) => !leafValues.includes(v)) : [...selected, ...leafValues.filter((v) => !selected.includes(v))]
     );
   };
-  if (flat.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: "\uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." });
+  if (flat.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: messages.select.empty });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
     showSearch && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -29113,7 +30116,7 @@ function OptionList({
             value: search,
             onValueChange: setSearch,
             disabled,
-            placeholder: "\uAC80\uC0C9",
+            placeholder: messages.common.search,
             clearable: true,
             width: "100%"
           }
@@ -29131,7 +30134,7 @@ function OptionList({
           "pb-[var(--cmp-chipFilter-listbox-list-paddingY)]"
         ),
         children: [
-          showSearch && filteredOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+          showSearch && filteredOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyItem, { children: messages.chipFilter.noSearchResults }),
           filteredOptions.map((option, index) => {
             const rowKey = `${option.value}-${index}`;
             if (option.isGroup) {
@@ -29417,7 +30420,9 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
   className,
   style
 }, ref) {
-  const placeholder = placeholderProp ?? (separators?.includes(",") ? "\uD0DC\uADF8 \uC785\uB825 (Enter\xB7\uCF64\uB9C8\uB85C \uB4F1\uB85D)" : "\uD0DC\uADF8 \uC785\uB825 (Enter\uB85C \uB4F1\uB85D)");
+  const runRules2 = useRunRules();
+  const { input: ti, chipInput: t, select: selectT } = useLocale().messages;
+  const placeholder = placeholderProp ?? (separators?.includes(",") ? t.placeholderWithComma : t.placeholder);
   const autoId = react.useId();
   const controlId = `${autoId}-input`;
   const resolvedName = name ?? autoId;
@@ -29447,19 +30452,18 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
   const duplicateMessage = react.useMemo(() => {
     const seen = /* @__PURE__ */ new Set();
     for (const v of values) {
-      if (seen.has(v))
-        return duplicateLabel ? `\uC774\uBBF8 \uC785\uB825\uB41C ${duplicateLabel}\uC785\uB2C8\uB2E4.` : "\uC911\uBCF5\uB41C \uAC12\uC774 \uC874\uC7AC\uD569\uB2C8\uB2E4.";
+      if (seen.has(v)) return duplicateLabel ? t.duplicateNamed(duplicateLabel) : t.duplicate;
       seen.add(v);
     }
     return "";
-  }, [values, duplicateLabel]);
-  const ruleMessage = react.useMemo(() => runRules(values, rules), [values, rules]);
+  }, [values, duplicateLabel, t]);
+  const ruleMessage = react.useMemo(() => runRules2(values, rules), [runRules2, values, rules]);
   const resolvedErrorMessage = duplicateMessage || ruleMessage || errorMessage;
   const resolvedError = error || duplicateMessage !== "" || ruleMessage !== "";
   const resolvedStatus = status ?? (resolvedError ? "error" : void 0);
   useFormField({
     name,
-    validate: () => runRules(values, rules) === "" && duplicateMessage === "",
+    validate: () => runRules2(values, rules) === "" && duplicateMessage === "",
     resetValidation: () => {
     }
   });
@@ -29759,18 +30763,14 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
                       style: { width: 1, height: 12, backgroundColor: "var(--color-divider-default)" }
                     }
                   ),
-                  showMaxCount && /* @__PURE__ */ jsxRuntime.jsxs(
+                  showMaxCount && /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
                     {
                       className: cn(
                         "s-chip-input__max-count text-12",
                         isMax ? "text-(--sys-color-fg-warning)" : "text-(--cmp-chipInput-text-placeholder)"
                       ),
-                      children: [
-                        "\uCD5C\uB300 ",
-                        maxCount,
-                        "\uAC1C"
-                      ]
+                      children: t.maxCount(maxCount)
                     }
                   ),
                   showResetLink && /* @__PURE__ */ jsxRuntime.jsx(
@@ -29779,7 +30779,7 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
                       className: "s-chip-input__reset",
                       icon: "reset",
                       iconColor: "var(--color-grey-65)",
-                      label: "\uC785\uB825 \uCD08\uAE30\uD654",
+                      label: ti.clearInput,
                       underline: true,
                       disabled,
                       onClick: reset,
@@ -29810,7 +30810,7 @@ var SChipInput = /* @__PURE__ */ react.forwardRef(function SChipInput2({
                     className: "s-chip-input__suggestions flex w-full flex-col outline-none",
                     onMouseDown: (e) => e.preventDefault(),
                     children: [
-                      loading2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "s-chip-input__suggestions-empty p-sd-12 text-center text-12 leading-sd-20 text-(--color-grey-65)", children: "\uBD88\uB7EC\uC624\uB294 \uC911..." }),
+                      loading2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "s-chip-input__suggestions-empty p-sd-12 text-center text-12 leading-sd-20 text-(--color-grey-65)", children: selectT.loading }),
                       !effectiveAutocomplete ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-sd-8 px-sd-12 py-sd-6", children: items.map((item4, i) => {
                         const selected = values.includes(item4);
                         const active = i === activeIndex && !selected;
@@ -29897,7 +30897,7 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
     clearable = false,
     autoFocus,
     name,
-    placeholder = "\uC785\uB825\uD574 \uC8FC\uC138\uC694.",
+    placeholder: placeholderProp,
     disabled = false,
     readOnly = false,
     rules,
@@ -29925,6 +30925,9 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
     className,
     style
   }, ref) {
+    const runRules2 = useRunRules();
+    const { common: tc, input: ti } = useLocale().messages;
+    const placeholder = placeholderProp ?? ti.placeholder;
     const f = FONT3[size];
     const [ruleError, setRuleError] = react.useState("");
     const controlId = useFieldControlId();
@@ -29932,7 +30935,7 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
     useFormField({
       name,
       validate: () => {
-        const msg = runRules(value, rules);
+        const msg = runRules2(value, rules);
         setRuleError(msg);
         return msg === "";
       },
@@ -29998,11 +31001,11 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
                   autoFocus,
                   onChange: (e) => {
                     onValueChange?.(e.target.value);
-                    if (ruleError !== "") setRuleError(runRules(e.target.value, rules));
+                    if (ruleError !== "") setRuleError(runRules2(e.target.value, rules));
                   },
                   onFocus: () => onFocus?.(),
                   onBlur: (e) => {
-                    if (rules && rules.length > 0) setRuleError(runRules(e.target.value, rules));
+                    if (rules && rules.length > 0) setRuleError(runRules2(e.target.value, rules));
                     onBlur?.();
                   },
                   className: cn(
@@ -30026,10 +31029,10 @@ var SBarcodeInput = /* @__PURE__ */ react.forwardRef(
                 {
                   icon: "close",
                   size: "xxs",
-                  ariaLabel: "\uC9C0\uC6B0\uAE30",
+                  ariaLabel: tc.clear,
                   onClick: () => {
                     onValueChange?.("");
-                    setRuleError(runRules("", rules));
+                    setRuleError(runRules2("", rules));
                   }
                 }
               )
@@ -30090,11 +31093,11 @@ function parseTimeValue(value) {
 function formatTimeValue(hour, minute) {
   return `${padTimePart(clampTimePart(hour, 0, 23))}:${padTimePart(clampTimePart(minute, 0, 59))}`;
 }
-function formatTimeDisplay(value, type) {
+function formatTimeDisplay(value, type, t) {
   if (value == null || value === "") return "";
   const { hour, minute } = parseTimeValue(value);
   if (type === "default") return formatTimeValue(hour, minute);
-  const meridiem = hour >= 12 ? "\uC624\uD6C4" : "\uC624\uC804";
+  const meridiem = hour >= 12 ? t.pm : t.am;
   const displayHour = hour % 12 === 0 ? 12 : hour % 12;
   return `${meridiem} ${padTimePart(displayHour)}:${padTimePart(minute)}`;
 }
@@ -30177,6 +31180,7 @@ function TimeListbox({
   labelPrefix,
   elevated = true
 }) {
+  const t = useLocale().messages.date;
   const toState = (v) => v ? parseTimeValue(v) : null;
   const [time, setTime] = react.useState(() => toState(value));
   react.useEffect(() => {
@@ -30200,13 +31204,13 @@ function TimeListbox({
   const hour = time?.hour;
   const minute = time?.minute ?? 0;
   const meridiem = hour === void 0 ? void 0 : hour >= 12 ? "PM" : "AM";
-  const prefix = labelPrefix ? `${labelPrefix} ` : "";
+  const prefix = labelPrefix ?? "";
   const meridiemItems = ["AM", "PM"].map((item4) => {
     const base = item4 === "AM" ? 0 : 12;
     const range = HOURS_24.slice(base, base + 12);
     return {
       key: item4,
-      label: item4 === "AM" ? "\uC624\uC804" : "\uC624\uD6C4",
+      label: item4 === "AM" ? t.am : t.pm,
       selected: meridiem === item4,
       disabled: range.every(hourBlocked),
       onSelect: () => {
@@ -30220,14 +31224,14 @@ function TimeListbox({
     const h = display % 12 + (meridiem === "PM" ? 12 : 0);
     return {
       key: String(display),
-      label: `${padTimePart(display)}\uC2DC`,
+      label: t.hourItem(padTimePart(display)),
       selected: hour === h,
       disabled: hourBlocked(h),
       onSelect: () => commit([h], { hour: h, minute }, "hour")
     };
   }) : HOURS_24.map((h) => ({
     key: String(h),
-    label: `${padTimePart(h)}\uC2DC`,
+    label: t.hourItem(padTimePart(h)),
     selected: hour === h,
     disabled: hourBlocked(h),
     onSelect: () => commit([h], { hour: h, minute }, "hour")
@@ -30235,7 +31239,7 @@ function TimeListbox({
   const minuteHour = hour ?? (meridiem === "PM" ? 12 : 0);
   const minuteItems = minutes.map((m) => ({
     key: String(m),
-    label: `${padTimePart(m)}\uBD84`,
+    label: t.minuteItem(padTimePart(m)),
     selected: time != null && minute === m,
     disabled: blocked(minuteHour, m),
     onSelect: () => commit([minuteHour], { hour: minuteHour, minute: m }, "minute")
@@ -30257,12 +31261,12 @@ function TimeListbox({
       style: { height: MODE_LIST_HEIGHT },
       children: [
         showMeridiem && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: `${prefix}\uC624\uC804/\uC624\uD6C4`, items: meridiemItems }),
+          /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: t.meridiemAria(prefix), items: meridiemItems }),
           divider
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: `${prefix}\uC2DC`, items: hourItems }),
+        /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: t.hourAria(prefix), items: hourItems }),
         divider,
-        /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: `${prefix}\uBD84`, items: minuteItems })
+        /* @__PURE__ */ jsxRuntime.jsx(ListColumn, { ariaLabel: t.minuteAria(prefix), items: minuteItems })
       ]
     }
   );
@@ -30299,6 +31303,8 @@ function STimePicker({
   className,
   style
 }) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.date;
   const portalContainer = usePortalContainer();
   const [open, setOpen] = react.useState(false);
   const triggerId = useFieldControlId();
@@ -30308,12 +31314,16 @@ function STimePicker({
   const dims = TIMEPICKER_SIZE_CONFIG[size] ?? TIMEPICKER_SIZE_CONFIG.sm;
   const normalized = value ? formatTimeValue(parseTimeValue(value).hour, parseTimeValue(value).minute) : null;
   const effectiveShowMeridiem = showMeridiem ?? type === "midday";
-  const displayText = formatTimeDisplay(normalized, effectiveShowMeridiem ? "midday" : "default");
+  const displayText = formatTimeDisplay(
+    normalized,
+    effectiveShowMeridiem ? "midday" : "default",
+    t
+  );
   const hasValue = normalized != null && normalized !== "";
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -30325,11 +31335,11 @@ function STimePicker({
     if (disabled) return;
     setOpen(next);
     onOpenChange?.(next);
-    if (!next && rules && rules.length > 0) setRuleError(runRules(value, rules));
+    if (!next && rules && rules.length > 0) setRuleError(runRules2(value, rules));
   };
   const commitValue = (next) => {
     onValueChange?.(next);
-    if (rules && rules.length > 0) setRuleError(runRules(next, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(next, rules));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     SField,
@@ -30408,7 +31418,7 @@ function STimePicker({
                 {
                   icon: "close",
                   size: "xs",
-                  ariaLabel: "\uC2DC\uAC04 \uC9C0\uC6B0\uAE30",
+                  ariaLabel: t.clearTime,
                   onClick: (event) => {
                     event.stopPropagation();
                     commitValue(null);
@@ -30463,9 +31473,9 @@ function normalizeTimeRangeValue(value, rangeOrder = "strict") {
   }
   return normalized;
 }
-function formatTimeRangeDisplay(value, type) {
+function formatTimeRangeDisplay(value, type, t) {
   if (value == null || value[0] === "" || value[1] === "") return "";
-  return `${formatTimeDisplay(value[0], type)} ~ ${formatTimeDisplay(value[1], type)}`;
+  return `${formatTimeDisplay(value[0], type, t)} ~ ${formatTimeDisplay(value[1], type, t)}`;
 }
 var MIDDAY_FIELD_MIN_WIDTH = {
   sm: 178,
@@ -30486,6 +31496,7 @@ function RangeTimeSelector({
   rangeOrder,
   onChange
 }) {
+  const t = useLocale().messages.date;
   const range = value ?? ["00:00", "23:59"];
   const strict = rangeOrder !== "allow-cross-day";
   const change = (side, time) => {
@@ -30508,7 +31519,7 @@ function RangeTimeSelector({
             value: side === "start" ? range[0] : range[1],
             showMeridiem,
             minuteStep,
-            labelPrefix: side === "start" ? "\uC2DC\uC791" : "\uC885\uB8CC",
+            labelPrefix: side === "start" ? t.start : t.end,
             elevated: false,
             isDisabled: strict && side === "end" ? (minutes) => minutes < toMinutes(range[0]) : void 0,
             onChange: (time) => change(side, time)
@@ -30529,9 +31540,9 @@ function RangeTimeSelector({
         boxShadow: "var(--shadow-spread-sm), var(--shadow-spread-md)"
       },
       children: [
-        renderPanel("start", "\uC2DC\uC791 \uC2DC\uAC04"),
+        renderPanel("start", t.startTime),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-stretch w-px bg-[var(--sys-color-divider-default)]" }),
-        renderPanel("end", "\uC885\uB8CC \uC2DC\uAC04")
+        renderPanel("end", t.endTime)
       ]
     }
   );
@@ -30569,6 +31580,8 @@ function STimeRangePicker({
   className,
   style
 }) {
+  const runRules2 = useRunRules();
+  const t = useLocale().messages.date;
   const portalContainer = usePortalContainer();
   const [open, setOpen] = react.useState(false);
   const triggerId = useFieldControlId();
@@ -30580,13 +31593,14 @@ function STimeRangePicker({
   const effectiveShowMeridiem = showMeridiem ?? type === "midday";
   const displayText = formatTimeRangeDisplay(
     normalized,
-    effectiveShowMeridiem ? "midday" : "default"
+    effectiveShowMeridiem ? "midday" : "default",
+    t
   );
   const hasValue = normalized != null && normalized[0] !== "" && normalized[1] !== "";
   useFormField({
     name,
     validate: () => {
-      const msg = runRules(value, rules);
+      const msg = runRules2(value, rules);
       setRuleError(msg);
       return msg === "";
     },
@@ -30598,11 +31612,11 @@ function STimeRangePicker({
     if (disabled) return;
     setOpen(next);
     onOpenChange?.(next);
-    if (!next && rules && rules.length > 0) setRuleError(runRules(value, rules));
+    if (!next && rules && rules.length > 0) setRuleError(runRules2(value, rules));
   };
   const commitValue = (next) => {
     onValueChange?.(next);
-    if (rules && rules.length > 0) setRuleError(runRules(next, rules));
+    if (rules && rules.length > 0) setRuleError(runRules2(next, rules));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     SField,
@@ -30681,7 +31695,7 @@ function STimeRangePicker({
                 {
                   icon: "close",
                   size: "xs",
-                  ariaLabel: "\uC2DC\uAC04 \uBC94\uC704 \uC9C0\uC6B0\uAE30",
+                  ariaLabel: t.clearTimeRange,
                   onClick: (event) => {
                     event.stopPropagation();
                     commitValue(null);