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

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 export { cn } from './lib/cn';
 export { resolveColor, isColorKey, COLOR_KEYS, type SColor, type SColorKey } from './lib/color';
 export { FIELD_WIDTH_GRADES, isFieldWidthGrade, fieldWidthValue, type SFieldWidth, type SFieldWidthGrade, } from './lib/field-width';
+export { SLocaleProvider, useLocale, type SLocaleProviderProps } from './lib/locale-context';
+export { SLOCALES, normalizeLocale, type SLocale, type SLocaleMessages, type SLocaleMessagesOverride, } from './lib/locale';
 export type { Rule } from './lib/form';
 export * from './components/SIcon';
 export * from './components/SImage';

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
-import { forwardRef, createContext, useState, useRef, useEffect, useCallback, useImperativeHandle, useLayoutEffect, useContext, useMemo, useId, Children, cloneElement, Fragment as Fragment$1, isValidElement, useSyncExternalStore, Component } from 'react';
+import { createContext, forwardRef, useState, useRef, useEffect, useCallback, useImperativeHandle, useLayoutEffect, useContext, useMemo, useId, Children, cloneElement, Fragment as Fragment$1, isValidElement, useSyncExternalStore, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as RPopover13 from '@radix-ui/react-popover';
 import { createPortal, flushSync } from 'react-dom';
@@ -243,6 +243,126 @@ var fieldWidthValue = (v) => {
   if (isFieldWidthGrade(v)) return `var(--cmp-field-width-${v})`;
   return typeof v === "number" ? `${v}px` : v;
 };
+
+// src/lib/locale.ts
+var SLOCALES = ["ko", "en", "ja", "zh"];
+var DEFAULT_LOCALE = "ko";
+var BUNDLES = {
+  ko: {
+    pagination: {
+      firstPage: "\uCCAB \uD398\uC774\uC9C0",
+      prevPage: "\uC774\uC804 \uD398\uC774\uC9C0",
+      nextPage: "\uB2E4\uC74C \uD398\uC774\uC9C0",
+      lastPage: "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0",
+      prevGroup: "\uC774\uC804 \uADF8\uB8F9",
+      nextGroup: "\uB2E4\uC74C \uADF8\uB8F9"
+    },
+    select: {
+      placeholder: "\uC120\uD0DD",
+      allSelected: "\uC804\uCCB4",
+      clear: "\uC120\uD0DD \uC9C0\uC6B0\uAE30",
+      deselect: (label) => `${label} \uC120\uD0DD \uD574\uC81C`,
+      searchPlaceholder: "\uAC80\uC0C9",
+      empty: "\uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      loading: "\uBD88\uB7EC\uC624\uB294 \uC911..."
+    }
+  },
+  en: {
+    pagination: {
+      firstPage: "First page",
+      prevPage: "Previous page",
+      nextPage: "Next page",
+      lastPage: "Last page",
+      prevGroup: "Previous pages",
+      nextGroup: "Next pages"
+    },
+    select: {
+      placeholder: "Select",
+      allSelected: "All",
+      clear: "Clear selection",
+      deselect: (label) => `Deselect ${label}`,
+      searchPlaceholder: "Search",
+      empty: "No items to display.",
+      loading: "Loading..."
+    }
+  },
+  ja: {
+    pagination: {
+      firstPage: "\u6700\u521D\u306E\u30DA\u30FC\u30B8",
+      prevPage: "\u524D\u306E\u30DA\u30FC\u30B8",
+      nextPage: "\u6B21\u306E\u30DA\u30FC\u30B8",
+      lastPage: "\u6700\u5F8C\u306E\u30DA\u30FC\u30B8",
+      prevGroup: "\u524D\u306E\u30B0\u30EB\u30FC\u30D7",
+      nextGroup: "\u6B21\u306E\u30B0\u30EB\u30FC\u30D7"
+    },
+    select: {
+      placeholder: "\u9078\u629E",
+      allSelected: "\u3059\u3079\u3066",
+      clear: "\u9078\u629E\u3092\u30AF\u30EA\u30A2",
+      deselect: (label) => `${label} \u306E\u9078\u629E\u3092\u89E3\u9664`,
+      searchPlaceholder: "\u691C\u7D22",
+      empty: "\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
+      loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D..."
+    }
+  },
+  zh: {
+    pagination: {
+      firstPage: "\u7B2C\u4E00\u9875",
+      prevPage: "\u4E0A\u4E00\u9875",
+      nextPage: "\u4E0B\u4E00\u9875",
+      lastPage: "\u6700\u540E\u4E00\u9875",
+      prevGroup: "\u4E0A\u4E00\u7EC4",
+      nextGroup: "\u4E0B\u4E00\u7EC4"
+    },
+    select: {
+      placeholder: "\u8BF7\u9009\u62E9",
+      allSelected: "\u5168\u90E8",
+      clear: "\u6E05\u9664\u9009\u62E9",
+      deselect: (label) => `\u53D6\u6D88\u9009\u62E9 ${label}`,
+      searchPlaceholder: "\u641C\u7D22",
+      empty: "\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879\u76EE\u3002",
+      loading: "\u52A0\u8F7D\u4E2D..."
+    }
+  }
+};
+function normalizeLocale(locale) {
+  if (!locale) return DEFAULT_LOCALE;
+  const lang = locale.toLowerCase().split(/[-_]/)[0];
+  return SLOCALES.includes(lang) ? lang : DEFAULT_LOCALE;
+}
+function mergeDefined(base, override) {
+  const next = { ...base };
+  if (!override) return next;
+  for (const key of Object.keys(override)) {
+    if (override[key] !== void 0) next[key] = override[key];
+  }
+  return next;
+}
+function resolveMessages(locale, override) {
+  const base = BUNDLES[normalizeLocale(locale)];
+  return {
+    pagination: mergeDefined(base.pagination, override?.pagination),
+    select: mergeDefined(base.select, override?.select)
+  };
+}
+function createValue(locale, override) {
+  const normalized = normalizeLocale(locale);
+  const numberFormat = new Intl.NumberFormat(normalized);
+  return {
+    locale: normalized,
+    messages: resolveMessages(normalized, override),
+    formatNumber: (value) => numberFormat.format(value)
+  };
+}
+var DEFAULT_VALUE = createValue(void 0);
+var LocaleContext = /* @__PURE__ */ createContext(DEFAULT_VALUE);
+function SLocaleProvider({ locale, messages, children }) {
+  const value = useMemo(() => createValue(locale, messages), [locale, messages]);
+  return /* @__PURE__ */ jsx(LocaleContext.Provider, { value, children });
+}
+function useLocale() {
+  return useContext(LocaleContext);
+}
 var Icon_account = (p) => {
   const { size = 24, ...rest } = p;
   return /* @__PURE__ */ jsxs(
@@ -1710,6 +1830,41 @@ var Icon_date = (p) => {
     }
   );
 };
+var Icon_dollar = (p) => {
+  const { size = 24, ...rest } = p;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5V7.1M12 7.1V12M12 7.1H15.3333M12 7.1H10.3333C9.04467 7.1 8 8.1969 8 9.55C8 10.9031 9.04467 12 10.3333 12H12M12 12V16.9M12 12H13.6667C14.9553 12 16 13.0969 16 14.45C16 15.8031 14.9553 16.9 13.6667 16.9H12M12 16.9V19M12 16.9H8.66667",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+};
 var Icon_dot = (p) => {
   const { size = 24, ...rest } = p;
   return /* @__PURE__ */ jsx(
@@ -1926,6 +2081,54 @@ var Icon_focus = (p) => {
     }
   );
 };
+var Icon_fullscreen = (p) => {
+  const { size = 24, ...rest } = p;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9 3H4C3.44772 3 3 3.44772 3 4V9M15 3H20C20.5523 3 21 3.44772 21 4V9M21 15V20C21 20.5523 20.5523 21 20 21H15M9 21H4C3.44772 21 3 20.5523 3 20V15",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+var Icon_fullscreenExit = (p) => {
+  const { size = 24, ...rest } = p;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M3 9H8C8.55228 9 9 8.55228 9 8V3M15 3V8C15 8.55228 15.4477 9 16 9H21M21 15H16C15.4477 15 15 15.4477 15 16V21M9 21V16C9 15.4477 8.55228 15 8 15H3",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
 var Icon_global = (p) => {
   const { size = 24, ...rest } = p;
   return /* @__PURE__ */ jsx(
@@ -3628,6 +3831,7 @@ var ICONS = {
   coupon: Icon_coupon,
   dashboard: Icon_dashboard,
   date: Icon_date,
+  dollar: Icon_dollar,
   dot: Icon_dot,
   download: Icon_download,
   drag: Icon_drag,
@@ -3635,6 +3839,8 @@ var ICONS = {
   etc: Icon_etc,
   event: Icon_event,
   focus: Icon_focus,
+  fullscreen: Icon_fullscreen,
+  fullscreenExit: Icon_fullscreenExit,
   global: Icon_global,
   helpFill: Icon_helpFill,
   helpOutline: Icon_helpOutline,
@@ -10420,7 +10626,17 @@ function TokenIcon2({ name, size }) {
   return /* @__PURE__ */ jsx(SIcon, { name, size: "100%", style: { width: size, height: size } });
 }
 var SSystemActionButton = /* @__PURE__ */ forwardRef(
-  function SSystemActionButton2({ color = "light", type, label, option, disabled = false, className, style, ...rest }, ref) {
+  function SSystemActionButton2({
+    color = "light",
+    type,
+    label,
+    labelSlot,
+    option,
+    disabled = false,
+    className,
+    style,
+    ...rest
+  }, ref) {
     const c = SYSTEM_ACTION_BUTTON_COLOR_CONFIG[color];
     const spec = SYSTEM_ACTION_BUTTON_TYPE_CONFIG[type];
     const listBox = type === "account" ? option ?? {} : void 0;
@@ -10508,7 +10724,19 @@ var SSystemActionButton = /* @__PURE__ */ forwardRef(
               icon: "dot",
               label: selected?.label ?? status.value
             }
-          ) : /* @__PURE__ */ jsx("span", { className: "truncate", children: label }) }),
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            label != null && /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+            labelSlot != null && // 라벨↔슬롯 간격에 대응 토큰이 없어 아이콘↔라벨 간격을 같은 호흡으로 쓴다.
+            // 라벨이 없으면 슬롯이 아이콘 바로 옆에서 시작하도록 간격은 라벨이 있을 때만 준다.
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex shrink-0 items-center",
+                style: label != null ? { marginLeft: SYSTEM_ACTION_BUTTON_LAYOUT.iconLabelGap } : void 0,
+                children: labelSlot
+              }
+            )
+          ] }) }),
           (actionText != null || spec.actionIcon) && /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center", style: { gap: SYSTEM_ACTION_BUTTON_LAYOUT.actionGap }, children: [
             actionText != null && spec.actionText && /* @__PURE__ */ jsx(
               "span",
@@ -14286,6 +14514,7 @@ function SPagination({
   className,
   style
 }) {
+  const t = useLocale().messages.pagination;
   const start = Math.floor((currentPage - 1) / PER_PAGE) * PER_PAGE + 1;
   const end = Math.min(start + PER_PAGE - 1, lastPage);
   const pageNumbers = Array.from({ length: Math.max(end - start + 1, 0) }, (_, i) => start + i);
@@ -14312,18 +14541,18 @@ function SPagination({
     }
   );
   const prevButtons = simple ? currentPage > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-    navBtn("chevronLeftEnd", "\uCCAB \uD398\uC774\uC9C0", () => go(1)),
-    navBtn("chevronLeft", "\uC774\uC804 \uD398\uC774\uC9C0", () => go(currentPage - 1))
+    navBtn("chevronLeftEnd", t.firstPage, () => go(1)),
+    navBtn("chevronLeft", t.prevPage, () => go(currentPage - 1))
   ] }) : !isFirstGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
-    navBtn("chevronLeftEnd", "\uCCAB \uD398\uC774\uC9C0", () => go(1)),
-    navBtn("chevronLeft", "\uC774\uC804 \uADF8\uB8F9", () => groupMove("backward"))
+    navBtn("chevronLeftEnd", t.firstPage, () => go(1)),
+    navBtn("chevronLeft", t.prevGroup, () => groupMove("backward"))
   ] });
   const nextButtons = simple ? currentPage < lastPage && /* @__PURE__ */ jsxs(Fragment, { children: [
-    navBtn("chevronRight", "\uB2E4\uC74C \uD398\uC774\uC9C0", () => go(currentPage + 1)),
-    navBtn("chevronRightEnd", "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0", () => go(lastPage))
+    navBtn("chevronRight", t.nextPage, () => go(currentPage + 1)),
+    navBtn("chevronRightEnd", t.lastPage, () => go(lastPage))
   ] }) : !isLastGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
-    navBtn("chevronRight", "\uB2E4\uC74C \uADF8\uB8F9", () => groupMove("forward")),
-    navBtn("chevronRightEnd", "\uB9C8\uC9C0\uB9C9 \uD398\uC774\uC9C0", () => go(lastPage))
+    navBtn("chevronRight", t.nextGroup, () => groupMove("forward")),
+    navBtn("chevronRightEnd", t.lastPage, () => go(lastPage))
   ] });
   return /* @__PURE__ */ jsxs(
     "div",
@@ -16415,8 +16644,8 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
   valueDisplay = "text",
   showSearch = false,
   showSelectAll = false,
-  allSelectedLabel = "\uC804\uCCB4",
-  placeholder = "\uC120\uD0DD",
+  allSelectedLabel: allSelectedLabelProp,
+  placeholder: placeholderProp,
   disabled = false,
   clearable = false,
   error = false,
@@ -16457,6 +16686,9 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
   const partialOptions = pagingEnabled || serverSearch;
   const portalContainer = usePortalContainer();
   const insideModal = useInsideModal();
+  const t = useLocale().messages.select;
+  const allSelectedLabel = allSelectedLabelProp ?? t.allSelected;
+  const placeholder = placeholderProp ?? t.placeholder;
   const [search, setSearch] = useState("");
   const [ruleError, setRuleError] = useState("");
   const [open, setOpen] = useState(false);
@@ -17198,7 +17430,9 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
                           chip.removable && /* @__PURE__ */ jsx(
                             TriggerRemoveButton,
                             {
-                              ariaLabel: `${isHtmlLabel(chip.label) ? extractText(chip.label) : chip.label} \uC120\uD0DD \uD574\uC81C`,
+                              ariaLabel: t.deselect(
+                                isHtmlLabel(chip.label) ? extractText(chip.label) : chip.label
+                              ),
                               onRemove: () => handleRemoveChip(chip.values)
                             }
                           )
@@ -17210,7 +17444,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
                 )
               ) : /* @__PURE__ */ jsx(TriggerLabel, { label: triggerText }),
               /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-[8px]", children: [
-                showClear && /* @__PURE__ */ jsx(TriggerRemoveButton, { ariaLabel: "\uC120\uD0DD \uC9C0\uC6B0\uAE30", onRemove: handleClear }),
+                showClear && /* @__PURE__ */ jsx(TriggerRemoveButton, { ariaLabel: t.clear, onRemove: handleClear }),
                 showTriggerSpinner ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "inline-flex shrink-0", "data-select-trigger-spinner": true, children: /* @__PURE__ */ jsx(SCircleProgress, { indeterminate: true, type: "neutral", size: 12 }) }) : /* @__PURE__ */ jsx(
                   SIcon,
                   {
@@ -17290,7 +17524,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
                           value: search,
                           onValueChange: handleSearchChange,
                           onKeyDown: handleKeyDown,
-                          placeholder: "\uAC80\uC0C9",
+                          placeholder: t.searchPlaceholder,
                           clearable: true,
                           "aria-controls": listboxId,
                           "aria-activedescendant": focusedIndex >= 0 ? activeOptionId : void 0
@@ -17334,7 +17568,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
                     }
                   ) : loading2 ? null : (
                     // 첫 페이지를 받는 중에는 "없다"고 단정하지 않는다 — 아래 로딩 표시가 대신 나온다.
-                    /* @__PURE__ */ jsx("div", { className: "px-[12px] py-[12px] text-left text-[12px] leading-[20px] text-[color:var(--cmp-listBoxItem-content-disabled)]", children: "\uD45C\uC2DC\uD560 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." })
+                    /* @__PURE__ */ jsx("div", { className: "px-[12px] py-[12px] text-left text-[12px] leading-[20px] text-[color:var(--cmp-listBoxItem-content-disabled)]", children: t.empty })
                   ),
                   loading2 && /* @__PURE__ */ jsxs(
                     "div",
@@ -17343,7 +17577,7 @@ var SSelectImpl = /* @__PURE__ */ forwardRef(function SSelect({
                       className: "flex items-center justify-center gap-[8px] px-[12px] py-[12px] text-[12px] leading-[20px] text-[color:var(--cmp-listBoxItem-content-disabled)]",
                       children: [
                         /* @__PURE__ */ jsx(SCircleProgress, { indeterminate: true, type: "neutral", size: 16 }),
-                        "\uBD88\uB7EC\uC624\uB294 \uC911..."
+                        t.loading
                       ]
                     }
                   )
@@ -30455,6 +30689,6 @@ function STimeRangePicker({
   );
 }
 
-export { ACCOUNT_LIST_BOX_ICONS, ACCOUNT_LIST_BOX_ITEM_TONES, ACCOUNT_LIST_BOX_LABELS, ACCOUNT_LIST_BOX_LAYOUT, ACCOUNT_LIST_BOX_TONE_CONFIG, BADGE_COLORS, BAR_GAP, BAR_SIZE_MAX, BAR_SIZE_MIN, BUTTON_COLORS, BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TONES, CALENDAR_BOARD_DAY_BG, CALENDAR_BOARD_DAY_COLORS, CALENDAR_BOARD_EVENT_COLORS, CALENDAR_BOARD_EVENT_PRESETS, CALENDAR_BOARD_MAX_VISIBLE_EVENTS, CHAT_ATTACHED_FILE_CONFIG, CHAT_FILE_CONFIG, CHAT_MESSAGE_DIRECTIONS, CHAT_MESSAGE_READ_STATUSES, CHAT_MESSAGE_VARIANTS, CHIP_COLORS, COLOR_KEYS, CONTEXT_ALERT_ICON_COLOR, CONTEXT_ALERT_INTENTS, CONTEXT_ALERT_SURFACE, FIELD_WIDTH_GRADES, GNB_COLORS, GNB_COMMON, GNB_FOLD_MS, GNB_FULL_LOGO_WIDTH, GNB_HEADER, GNB_MENU, GNB_MENU_WIDTH, GNB_RAIL, GNB_RAIL_WIDTH, GNB_SYSTEM_COLORS, GNB_SYSTEM_COLOR_CONFIG, GNB_SYSTEM_LAYOUT, GNB_SYSTEM_PLACEMENTS, GNB_SYSTEM_TOP_COLOR_CONFIG, ICONS, IMAGE_FITS, LAUNCHER_LIST_BOX_CONSOLE_HEIGHT, LAUNCHER_LIST_BOX_CONSOLE_ICON, LAUNCHER_LIST_BOX_CONSOLE_LABEL, LAUNCHER_LIST_BOX_LAYOUT, LAUNCHER_LIST_BOX_LOGO_HEIGHT, LAUNCHER_LIST_BOX_TRAILING_ICON, LAUNCHER_LIST_BOX_WIDTH, LAUNCHER_SERVICES, LAUNCHER_SERVICE_CATALOG, LOGO_DEFAULT_SIZE, LOGO_DIRECTIONS, LOGO_MODES, LOGO_NAMES, PAGE_BACKGROUNDS, PAGE_CONTENT_HEIGHTS, PAGE_CONTENT_WIDTHS, PAGE_HEADER_VARIANTS, PAGE_PADDINGS, RangeCalendar, SAccountListBox, SActionModal, SBadge, SBarChart, SBarcodeInput, SButton, SCROLL_AREA_AXES, SCalendar, SCalendarBoard, SCallout, SCard, SChatAttachedFile2 as SChatAttachedFile, SChatFile2 as SChatFile, SChatInput2 as SChatInput, SChatMessage2 as SChatMessage, SChatSystemMessage2 as SChatSystemMessage, SCheckbox, SChip2 as SChip, SChipFilter, SChipInput, SCircleProgress, SConfirmModal, SContextAlert, SDatePicker, SDatePickerMonthListbox, SDatePickerYearListbox, SDateRangePicker, SDivider, SDonutChart, SDraggableGroup, SDraggableItem2 as SDraggableItem, SDraggableList, SDraggableProvider, SDrawer, SDropdownButton2 as SDropdownButton, SEDITOR_DEFAULT_FONT_SIZE, SEDITOR_HEADING_LABELS, SEDITOR_HEADING_LEVELS, SEditor, SExpansionItem, SExpansionList2 as SExpansionList, SField, SFilePicker, SForm, SGhostButton, SGnb, SGnbSystem, SGnbSystemContext, SGuide, SIcon, SImage, SInput, SKELETON_ANIMATIONS, SKELETON_MODES, SKELETON_TYPES, SKELETON_TYPE_CONFIG, SKeyValueTable, SLAYOUT_MIN_WIDTH, SLauncherListBox, SLayout, SLayoutContext, SLineChart, SLinearProgress, SList2 as SList, SListItem2 as SListItem, SLoadingContainer, SLoadingModal, SLoginCard2 as SLoginCard, SLogo, SMeatballButton2 as SMeatballButton, SModal, SModalOutlet, SNumberInput, SPage, SPageHeader, SPagination, SPieChart, SPopover, SPopup, SPortal, SRadio, SRadioButton, SRadioCard, SRadioCardGroup, SRadioGroup, SSPLITTER_UNITS, SScrollArea, SSearchInput, SSectionHeaderCard2 as SSectionHeaderCard, SSectionNav, SSelect2 as SSelect, SSkeleton, SSlider, SSplitter2 as SSplitter, SStepper, SSwitch, SSystemActionButton, STEPPER_SIZES, STable2 as STable, STableBar, STabs, STag, STextLink, STextarea, STimePicker, STimeRangePicker, STimeline2 as STimeline, SToast, SToastContainer, SToggle, STooltip2 as STooltip, STree2 as STree, STreeItem2 as STreeItem, STreeTable, SYSTEM_ACTION_BUTTON_COLORS, SYSTEM_ACTION_BUTTON_COLOR_CONFIG, SYSTEM_ACTION_BUTTON_LAYOUT, SYSTEM_ACTION_BUTTON_TYPES, SYSTEM_ACTION_BUTTON_TYPE_CONFIG, TAG_COLORS, TAG_SHAPES, TAG_SIZES, TIMEPICKER_SIZES, TIMEPICKER_SIZE_CONFIG, buttonPreset, cn, fieldLabelId, fieldWidthValue, fileExtension, findGnbAncestors, findGnbRailValue, formatFileSize, isColorKey, isFieldWidthGrade, loading, normalizeExtension, resolveColor, useSLayout };
+export { ACCOUNT_LIST_BOX_ICONS, ACCOUNT_LIST_BOX_ITEM_TONES, ACCOUNT_LIST_BOX_LABELS, ACCOUNT_LIST_BOX_LAYOUT, ACCOUNT_LIST_BOX_TONE_CONFIG, BADGE_COLORS, BAR_GAP, BAR_SIZE_MAX, BAR_SIZE_MIN, BUTTON_COLORS, BUTTON_SHAPES, BUTTON_SIZES, BUTTON_TONES, CALENDAR_BOARD_DAY_BG, CALENDAR_BOARD_DAY_COLORS, CALENDAR_BOARD_EVENT_COLORS, CALENDAR_BOARD_EVENT_PRESETS, CALENDAR_BOARD_MAX_VISIBLE_EVENTS, CHAT_ATTACHED_FILE_CONFIG, CHAT_FILE_CONFIG, CHAT_MESSAGE_DIRECTIONS, CHAT_MESSAGE_READ_STATUSES, CHAT_MESSAGE_VARIANTS, CHIP_COLORS, COLOR_KEYS, CONTEXT_ALERT_ICON_COLOR, CONTEXT_ALERT_INTENTS, CONTEXT_ALERT_SURFACE, FIELD_WIDTH_GRADES, GNB_COLORS, GNB_COMMON, GNB_FOLD_MS, GNB_FULL_LOGO_WIDTH, GNB_HEADER, GNB_MENU, GNB_MENU_WIDTH, GNB_RAIL, GNB_RAIL_WIDTH, GNB_SYSTEM_COLORS, GNB_SYSTEM_COLOR_CONFIG, GNB_SYSTEM_LAYOUT, GNB_SYSTEM_PLACEMENTS, GNB_SYSTEM_TOP_COLOR_CONFIG, ICONS, IMAGE_FITS, LAUNCHER_LIST_BOX_CONSOLE_HEIGHT, LAUNCHER_LIST_BOX_CONSOLE_ICON, LAUNCHER_LIST_BOX_CONSOLE_LABEL, LAUNCHER_LIST_BOX_LAYOUT, LAUNCHER_LIST_BOX_LOGO_HEIGHT, LAUNCHER_LIST_BOX_TRAILING_ICON, LAUNCHER_LIST_BOX_WIDTH, LAUNCHER_SERVICES, LAUNCHER_SERVICE_CATALOG, LOGO_DEFAULT_SIZE, LOGO_DIRECTIONS, LOGO_MODES, LOGO_NAMES, PAGE_BACKGROUNDS, PAGE_CONTENT_HEIGHTS, PAGE_CONTENT_WIDTHS, PAGE_HEADER_VARIANTS, PAGE_PADDINGS, RangeCalendar, SAccountListBox, SActionModal, SBadge, SBarChart, SBarcodeInput, SButton, SCROLL_AREA_AXES, SCalendar, SCalendarBoard, SCallout, SCard, SChatAttachedFile2 as SChatAttachedFile, SChatFile2 as SChatFile, SChatInput2 as SChatInput, SChatMessage2 as SChatMessage, SChatSystemMessage2 as SChatSystemMessage, SCheckbox, SChip2 as SChip, SChipFilter, SChipInput, SCircleProgress, SConfirmModal, SContextAlert, SDatePicker, SDatePickerMonthListbox, SDatePickerYearListbox, SDateRangePicker, SDivider, SDonutChart, SDraggableGroup, SDraggableItem2 as SDraggableItem, SDraggableList, SDraggableProvider, SDrawer, SDropdownButton2 as SDropdownButton, SEDITOR_DEFAULT_FONT_SIZE, SEDITOR_HEADING_LABELS, SEDITOR_HEADING_LEVELS, SEditor, SExpansionItem, SExpansionList2 as SExpansionList, SField, SFilePicker, SForm, SGhostButton, SGnb, SGnbSystem, SGnbSystemContext, SGuide, SIcon, SImage, SInput, SKELETON_ANIMATIONS, SKELETON_MODES, SKELETON_TYPES, SKELETON_TYPE_CONFIG, SKeyValueTable, SLAYOUT_MIN_WIDTH, SLOCALES, SLauncherListBox, SLayout, SLayoutContext, SLineChart, SLinearProgress, SList2 as SList, SListItem2 as SListItem, SLoadingContainer, SLoadingModal, SLocaleProvider, SLoginCard2 as SLoginCard, SLogo, SMeatballButton2 as SMeatballButton, SModal, SModalOutlet, SNumberInput, SPage, SPageHeader, SPagination, SPieChart, SPopover, SPopup, SPortal, SRadio, SRadioButton, SRadioCard, SRadioCardGroup, SRadioGroup, SSPLITTER_UNITS, SScrollArea, SSearchInput, SSectionHeaderCard2 as SSectionHeaderCard, SSectionNav, SSelect2 as SSelect, SSkeleton, SSlider, SSplitter2 as SSplitter, SStepper, SSwitch, SSystemActionButton, STEPPER_SIZES, STable2 as STable, STableBar, STabs, STag, STextLink, STextarea, STimePicker, STimeRangePicker, STimeline2 as STimeline, SToast, SToastContainer, SToggle, STooltip2 as STooltip, STree2 as STree, STreeItem2 as STreeItem, STreeTable, SYSTEM_ACTION_BUTTON_COLORS, SYSTEM_ACTION_BUTTON_COLOR_CONFIG, SYSTEM_ACTION_BUTTON_LAYOUT, SYSTEM_ACTION_BUTTON_TYPES, SYSTEM_ACTION_BUTTON_TYPE_CONFIG, TAG_COLORS, TAG_SHAPES, TAG_SIZES, TIMEPICKER_SIZES, TIMEPICKER_SIZE_CONFIG, buttonPreset, cn, fieldLabelId, fieldWidthValue, fileExtension, findGnbAncestors, findGnbRailValue, formatFileSize, isColorKey, isFieldWidthGrade, loading, normalizeExtension, normalizeLocale, resolveColor, useLocale, useSLayout };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map