@simplysm/solid 13.0.69 → 13.0.70

package/dist/components/features/shared-data/SharedDataSelectList.js

@@ -1,79 +1,240 @@
 import { template as _$template } from "solid-js/web";
-import { delegateEvents as _$delegateEvents } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<span>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button class="inline-flex items-center justify-center rounded p-0.5 text-base-500 hover:text-primary-500 dark:text-base-400 dark:hover:text-primary-400"aria-label=\uAD00\uB9AC>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div class="flex items-center gap-1">`);
-import { createMemo, Show, splitProps } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div>`), _tmpl$2 = /* @__PURE__ */ _$template(`<span>Unspecified`);
+import { createEffect, createMemo, createSignal, For, Show, splitProps } from "solid-js";
 import { IconExternalLink } from "@tabler/icons-solidjs";
-import { SelectList } from "../../form-control/select-list/SelectList.js";
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+import { List } from "../../data/list/List.js";
+import { Pagination } from "../../data/Pagination.js";
+import { Button } from "../../form-control/Button.js";
 import { Icon } from "../../display/Icon.js";
+import { TextInput } from "../../form-control/field/TextInput.js";
 import { useDialog } from "../../disclosure/DialogContext.js";
-function SharedDataSelectList(props) {
-  const [local, rest] = splitProps(props, ["data", "filterFn", "modal", "header", "children"]);
+import { useI18nOptional } from "../../../providers/i18n/I18nContext.js";
+import { textMuted } from "../../../styles/tokens.styles.js";
+import { createSlotSignal } from "../../../hooks/createSlotSignal.js";
+import { SharedDataSelectListContext, SharedDataSelectListItemTemplate, SharedDataSelectListFilter } from "./SharedDataSelectListContext.js";
+const containerClass = clsx("flex-col gap-1");
+const headerClass = clsx("flex items-center gap-1 px-2 py-1 text-sm font-semibold");
+const SharedDataSelectList = (props) => {
+  const [local, rest] = splitProps(props, ["data", "children", "class", "style", "value", "onValueChange", "required", "disabled", "filterFn", "canChange", "pageSize", "header", "modal"]);
   const dialog = useDialog();
-  const items = createMemo(() => {
-    const allItems = local.data.items();
-    if (!local.filterFn) return allItems;
-    return allItems.filter(local.filterFn);
+  const i18n = useI18nOptional();
+  const [filter, setFilter] = createSlotSignal();
+  const [itemTemplate, _setItemTemplate] = createSignal();
+  const setItemTemplate = (fn) => _setItemTemplate(() => fn);
+  const contextValue = {
+    setItemTemplate,
+    setFilter
+  };
+  const [searchText, setSearchText] = createSignal("");
+  createEffect(() => {
+    if (filter()) {
+      setSearchText("");
+    }
+  });
+  const [page, setPage] = createSignal(1);
+  const filteredItems = createMemo(() => {
+    let result = local.data.items();
+    const isHidden = local.data.getIsHidden;
+    if (isHidden) {
+      result = result.filter((item) => !isHidden(item));
+    }
+    const getSearchText = local.data.getSearchText;
+    if (!filter() && getSearchText && searchText()) {
+      const terms = searchText().trim().split(" ").filter(Boolean);
+      if (terms.length > 0) {
+        result = result.filter((item) => {
+          const text = getSearchText(item).toLowerCase();
+          return terms.every((t) => text.includes(t.toLowerCase()));
+        });
+      }
+    }
+    if (local.filterFn) {
+      const fn = local.filterFn;
+      result = result.filter((item, index) => fn(item, index));
+    }
+    return result;
   });
+  const totalPageCount = createMemo(() => {
+    if (local.pageSize == null) return 1;
+    return Math.max(1, Math.ceil(filteredItems().length / local.pageSize));
+  });
+  createEffect(() => {
+    void filteredItems();
+    setPage(1);
+  });
+  const displayItems = createMemo(() => {
+    const items = filteredItems();
+    if (local.pageSize == null) return items;
+    const start = (page() - 1) * local.pageSize;
+    const end = start + local.pageSize;
+    return items.slice(start, end);
+  });
+  const handleSelect = async (item) => {
+    var _a, _b;
+    if (local.disabled) return;
+    if (local.canChange) {
+      const allowed = await local.canChange(item);
+      if (!allowed) return;
+    }
+    if (item !== void 0 && item === local.value && !local.required) {
+      (_a = local.onValueChange) == null ? void 0 : _a.call(local, void 0);
+    } else {
+      (_b = local.onValueChange) == null ? void 0 : _b.call(local, item);
+    }
+  };
   const handleOpenModal = async () => {
     if (!local.modal) return;
     await dialog.show(local.modal, {});
   };
-  return _$createComponent(SelectList, _$mergeProps(rest, {
-    get items() {
-      return items();
-    },
-    get getSearchText() {
-      return local.data.getSearchText;
-    },
-    get getIsHidden() {
-      return local.data.getIsHidden;
-    },
+  return _$createComponent(SharedDataSelectListContext.Provider, {
+    value: contextValue,
     get children() {
-      return [_$createComponent(Show, {
-        get when() {
-          return local.header != null || local.modal != null;
-        },
-        get children() {
-          return _$createComponent(SelectList.Header, {
-            get children() {
-              var _el$ = _tmpl$3();
-              _$insert(_el$, _$createComponent(Show, {
-                get when() {
-                  return local.header != null;
+      return [_$memo(() => local.children), (() => {
+        var _el$ = _tmpl$();
+        _$spread(_el$, _$mergeProps(rest, {
+          "data-shared-data-select-list": "",
+          get ["class"]() {
+            return twMerge(containerClass, local.class);
+          },
+          get style() {
+            return local.style;
+          }
+        }), false, true);
+        _$insert(_el$, _$createComponent(Show, {
+          get when() {
+            return local.header != null || local.modal != null;
+          },
+          get children() {
+            var _el$2 = _tmpl$();
+            _$className(_el$2, headerClass);
+            _$insert(_el$2, _$createComponent(Show, {
+              get when() {
+                return local.header != null;
+              },
+              get children() {
+                return local.header;
+              }
+            }), null);
+            _$insert(_el$2, _$createComponent(Show, {
+              get when() {
+                return local.modal != null;
+              },
+              get children() {
+                return _$createComponent(Button, {
+                  size: "sm",
+                  onClick: () => void handleOpenModal(),
+                  get children() {
+                    return _$createComponent(Icon, {
+                      icon: IconExternalLink
+                    });
+                  }
+                });
+              }
+            }), null);
+            return _el$2;
+          }
+        }), null);
+        _$insert(_el$, _$createComponent(Show, {
+          get when() {
+            return _$memo(() => !!!filter())() && local.data.getSearchText;
+          },
+          get children() {
+            return _$createComponent(TextInput, {
+              get value() {
+                return searchText();
+              },
+              onValueChange: setSearchText,
+              get placeholder() {
+                return (i18n == null ? void 0 : i18n.t("sharedDataSelectList.searchPlaceholder")) ?? "Search...";
+              },
+              size: "sm",
+              inset: true
+            });
+          }
+        }), null);
+        _$insert(_el$, _$createComponent(Show, {
+          get when() {
+            return filter();
+          },
+          get children() {
+            return filter()();
+          }
+        }), null);
+        _$insert(_el$, _$createComponent(Show, {
+          get when() {
+            return _$memo(() => local.pageSize != null)() && totalPageCount() > 1;
+          },
+          get children() {
+            return _$createComponent(Pagination, {
+              get page() {
+                return page();
+              },
+              onPageChange: setPage,
+              get totalPageCount() {
+                return totalPageCount();
+              },
+              size: "sm"
+            });
+          }
+        }), null);
+        _$insert(_el$, _$createComponent(List, {
+          inset: true,
+          get children() {
+            return [_$createComponent(Show, {
+              get when() {
+                return !local.required;
+              },
+              get children() {
+                return _$createComponent(List.Item, {
+                  get selected() {
+                    return local.value === void 0;
+                  },
+                  get disabled() {
+                    return local.disabled;
+                  },
+                  onClick: () => handleSelect(void 0),
+                  get children() {
+                    var _el$3 = _tmpl$2();
+                    _$className(_el$3, textMuted);
+                    return _el$3;
+                  }
+                });
+              }
+            }), _$createComponent(For, {
+              get each() {
+                return displayItems();
+              },
+              children: (item, index) => _$createComponent(List.Item, {
+                get selected() {
+                  return item === local.value;
                 },
-                get children() {
-                  var _el$2 = _tmpl$();
-                  _$insert(_el$2, () => local.header);
-                  return _el$2;
-                }
-              }), null);
-              _$insert(_el$, _$createComponent(Show, {
-                get when() {
-                  return local.modal != null;
+                get disabled() {
+                  return local.disabled;
                 },
+                onClick: () => handleSelect(item),
                 get children() {
-                  var _el$3 = _tmpl$2();
-                  _el$3.$$click = () => void handleOpenModal();
-                  _$insert(_el$3, _$createComponent(Icon, {
-                    icon: IconExternalLink,
-                    size: "1em"
-                  }));
-                  return _el$3;
+                  var _a;
+                  return (_a = itemTemplate()) == null ? void 0 : _a(item, index());
                 }
-              }), null);
-              return _el$;
-            }
-          });
-        }
-      }), _$memo(() => local.children)];
+              })
+            })];
+          }
+        }), null);
+        return _el$;
+      })()];
     }
-  }));
-}
-_$delegateEvents(["click"]);
+  });
+};
+SharedDataSelectList.ItemTemplate = SharedDataSelectListItemTemplate;
+SharedDataSelectList.Filter = SharedDataSelectListFilter;
 export {
   SharedDataSelectList
 };

package/dist/components/features/shared-data/SharedDataSelectList.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/features/shared-data/SharedDataSelectList.tsx"],
-  "mappings": ";;;;;;;AAAA,SAASA,YAAsBC,MAAMC,kBAAkB;AACvD,SAASC,wBAAwB;AAEjC,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,iBAAiB;AA+BnB,SAASC,qBAA4BC,OAAsD;AAChG,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,QAAQ,YAAY,SAAS,UAAU,UAAU,CAAC;AAE3F,QAAMG,SAASL,UAAU;AAGzB,QAAMM,QAAQZ,WAAW,MAAM;AAC7B,UAAMa,WAAWJ,MAAMK,KAAKF,MAAM;AAClC,QAAI,CAACH,MAAMM,SAAU,QAAOF;AAC5B,WAAOA,SAASG,OAAOP,MAAMM,QAAQ;EACvC,CAAC;AAGD,QAAME,kBAAkB,YAAY;AAClC,QAAI,CAACR,MAAMS,MAAO;AAClB,UAAMP,OAAOQ,KAAKV,MAAMS,OAAO,CAAC,CAAC;EACnC;AAEA,SAAAE,kBACGhB,YAAUiB,aACLX,MAAI;IAAA,IACRE,QAAK;AAAA,aAAEA,MAAM;IAAC;IAAA,IACdU,gBAAa;AAAA,aAAEb,MAAMK,KAAKQ;IAAa;IAAA,IACvCC,cAAW;AAAA,aAAEd,MAAMK,KAAKS;IAAW;IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAJ,kBAGlCnB,MAAI;QAAA,IAACwB,OAAI;AAAA,iBAAEhB,MAAMiB,UAAU,QAAQjB,MAAMS,SAAS;QAAI;QAAA,IAAAM,WAAA;AAAA,iBAAAJ,kBACpDhB,WAAWuB,QAAM;YAAA,IAAAH,WAAA;AAAA,kBAAAI,OAAAC,QAAA;AAAAC,uBAAAF,MAAAR,kBAEbnB,MAAI;gBAAA,IAACwB,OAAI;AAAA,yBAAEhB,MAAMiB,UAAU;gBAAI;gBAAA,IAAAF,WAAA;AAAA,sBAAAO,QAAAC,OAAA;AAAAF,2BAAAC,OAAA,MACvBtB,MAAMiB,MAAM;AAAA,yBAAAK;gBAAA;cAAA,CAAA,GAAA,IAAA;AAAAD,uBAAAF,MAAAR,kBAEpBnB,MAAI;gBAAA,IAACwB,OAAI;AAAA,yBAAEhB,MAAMS,SAAS;gBAAI;gBAAA,IAAAM,WAAA;AAAA,sBAAAS,QAAAC,QAAA;AAAAD,wBAAAE,UAKlB,MAAM,KAAKlB,gBAAgB;AAACa,2BAAAG,OAAAb,kBAEpCf,MAAI;oBAAC+B,MAAMjC;oBAAkBkC,MAAI;kBAAA,CAAA,CAAA;AAAA,yBAAAJ;gBAAA;cAAA,CAAA,GAAA,IAAA;AAAA,qBAAAL;YAAA;UAAA,CAAA;QAAA;MAAA,CAAA,GAAAU,OAAA,MAM3C7B,MAAMe,QAAQ,CAAA;IAAA;EAAA,CAAA,CAAA;AAGrB;AAACe,iBAAA,CAAA,OAAA,CAAA;",
-  "names": ["createMemo", "Show", "splitProps", "IconExternalLink", "SelectList", "Icon", "useDialog", "SharedDataSelectList", "props", "local", "rest", "dialog", "items", "allItems", "data", "filterFn", "filter", "handleOpenModal", "modal", "show", "_$createComponent", "_$mergeProps", "getSearchText", "getIsHidden", "children", "when", "header", "Header", "_el$", "_tmpl$3", "_$insert", "_el$2", "_tmpl$", "_el$3", "_tmpl$2", "$$click", "icon", "size", "_$memo", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["createEffect", "createMemo", "createSignal", "For", "Show", "splitProps", "IconExternalLink", "clsx", "twMerge", "List", "Pagination", "Button", "Icon", "TextInput", "useDialog", "useI18nOptional", "textMuted", "createSlotSignal", "SharedDataSelectListContext", "SharedDataSelectListItemTemplate", "SharedDataSelectListFilter", "containerClass", "headerClass", "SharedDataSelectList", "props", "local", "rest", "dialog", "i18n", "filter", "setFilter", "itemTemplate", "_setItemTemplate", "setItemTemplate", "fn", "contextValue", "searchText", "setSearchText", "page", "setPage", "filteredItems", "result", "data", "items", "isHidden", "getIsHidden", "item", "getSearchText", "terms", "trim", "split", "Boolean", "length", "text", "toLowerCase", "every", "t", "includes", "filterFn", "index", "totalPageCount", "pageSize", "Math", "max", "ceil", "displayItems", "start", "end", "slice", "handleSelect", "disabled", "canChange", "allowed", "undefined", "value", "required", "onValueChange", "handleOpenModal", "modal", "show", "_$createComponent", "Provider", "children", "_$memo", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "class", "style", "_$insert", "when", "header", "_el$2", "_$className", "size", "onClick", "icon", "placeholder", "inset", "onPageChange", "Item", "selected", "_el$3", "_tmpl$2", "each", "ItemTemplate", "Filter"]
 }

package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts

@@ -0,0 +1,15 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { SlotAccessor } from "../../../hooks/createSlotSignal";
+export interface SharedDataSelectListContextValue {
+    setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
+    setFilter: (content: SlotAccessor) => void;
+}
+export declare const SharedDataSelectListContext: import("solid-js").Context<SharedDataSelectListContextValue | undefined>;
+export declare function useSharedDataSelectListContext(): SharedDataSelectListContextValue;
+/** ItemTemplate sub-component — registers item render function */
+export declare const SharedDataSelectListItemTemplate: <TItem>(props: {
+    children: (item: TItem, index: number) => JSX.Element;
+}) => null;
+/** Filter sub-component — registers custom filter UI slot */
+export declare const SharedDataSelectListFilter: ParentComponent;
+//# sourceMappingURL=SharedDataSelectListContext.d.ts.map

package/dist/components/features/shared-data/SharedDataSelectListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedDataSelectListContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\features\\shared-data\\SharedDataSelectListContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,GAAG,EAAE,KAAK,eAAe,EAAa,MAAM,UAAU,CAAC;AAEhG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAIpE,MAAM,WAAW,gCAAgC;IAC/C,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IACjF,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,2BAA2B,0EAAoD,CAAC;AAE7F,wBAAgB,8BAA8B,IAAI,gCAAgC,CAMjF;AAID,kEAAkE;AAClE,eAAO,MAAM,gCAAgC,GAAI,KAAK,EAAG,OAAO;IAC9D,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;CACvD,SAMA,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,EAAE,eAGxC,CAAC"}

package/dist/components/features/shared-data/SharedDataSelectListContext.js

@@ -0,0 +1,27 @@
+import { createContext, useContext, onCleanup } from "solid-js";
+import { createSlotComponent } from "../../../helpers/createSlotComponent.js";
+const SharedDataSelectListContext = createContext();
+function useSharedDataSelectListContext() {
+  const context = useContext(SharedDataSelectListContext);
+  if (!context) {
+    throw new Error("useSharedDataSelectListContext can only be used inside SharedDataSelectList");
+  }
+  return context;
+}
+const SharedDataSelectListItemTemplate = (props) => {
+  const ctx = useSharedDataSelectListContext();
+  ctx.setItemTemplate(props.children);
+  onCleanup(() => ctx.setItemTemplate(void 0));
+  return null;
+};
+const SharedDataSelectListFilter = createSlotComponent(
+  SharedDataSelectListContext,
+  (ctx) => ctx.setFilter
+);
+export {
+  SharedDataSelectListContext,
+  SharedDataSelectListFilter,
+  SharedDataSelectListItemTemplate,
+  useSharedDataSelectListContext
+};
+//# sourceMappingURL=SharedDataSelectListContext.js.map

package/dist/components/features/shared-data/SharedDataSelectListContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/features/shared-data/SharedDataSelectListContext.ts"],
+  "mappings": "AAAA,SAAS,eAAe,YAA4C,iBAAiB;AACrF,SAAS,2BAA2B;AAU7B,MAAM,8BAA8B,cAAgD;AAEpF,SAAS,iCAAmE;AACjF,QAAM,UAAU,WAAW,2BAA2B;AACtD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,6EAA6E;AAAA,EAC/F;AACA,SAAO;AACT;AAKO,MAAM,mCAAmC,CAAS,UAEnD;AACJ,QAAM,MAAM,+BAA+B;AAE3C,MAAI,gBAAgB,MAAM,QAA+C;AACzE,YAAU,MAAM,IAAI,gBAAgB,MAAS,CAAC;AAC9C,SAAO;AACT;AAGO,MAAM,6BAA8C;AAAA,EACzD;AAAA,EACA,CAAC,QAAQ,IAAI;AACf;",
+  "names": []
+}

package/dist/components/feedback/Progress.d.ts

@@ -2,7 +2,7 @@ import { type JSX, type ParentComponent } from "solid-js";
 import { type ComponentSizeCompact, type SemanticTheme } from "../../styles/tokens.styles";
 export type ProgressTheme = SemanticTheme;
 export interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    /** 진행률 (0~1 범위, 0 = 0%, 1 = 100%) */
+    /** Progress value (range 0-1, 0 = 0%, 1 = 100%) */
     value: number;
     theme?: ProgressTheme;
     size?: ComponentSizeCompact;

package/dist/components/feedback/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\feedback\\Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAG5E,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC;AAE1C,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsBD,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CAyBnD,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\feedback\\Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAG5E,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC;AAE1C,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsBD,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CAyBnD,CAAC"}

package/dist/components/feedback/busy/BusyContainer.d.ts

@@ -2,9 +2,9 @@ import { type ParentComponent, type JSX } from "solid-js";
 import { type BusyVariant } from "./BusyContext";
 import "./BusyContainer.css";
 export interface BusyContainerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> {
-    /** 로딩 오버레이 표시 (children은 유지됨) */
+    /** Show loading overlay (children are preserved) */
     busy?: boolean;
-    /** false이면 children을 숨기고 로딩 오버레이 표시. 초기 데이터 로드 시 사용 */
+    /** If false, children are hidden and loading overlay is shown. Used for initial data loading */
     ready?: boolean;
     variant?: BusyVariant;
     message?: string;

package/dist/components/feedback/busy/BusyContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyContainer.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,kBAAkB,CA2G7D,CAAC"}
+{"version":3,"file":"BusyContainer.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gGAAgG;IAChG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,kBAAkB,CA2G7D,CAAC"}

package/dist/components/feedback/busy/BusyContext.d.ts

@@ -1,29 +1,29 @@
 import { type Accessor } from "solid-js";
 /**
- * Busy 오버레이 표시 방식
- * - `spinner`: 전체 화면 스피너
- * - `bar`: 상단 프로그레스 바
+ * Busy overlay display type
+ * - `spinner`: Full-screen spinner
+ * - `bar`: Top progress bar
  */
 export type BusyVariant = "spinner" | "bar";
 /**
- * Busy 오버레이 Context 값
+ * Busy overlay Context value
  */
 export interface BusyContextValue {
-    /** 현재 표시 방식 */
+    /** Current display type */
     variant: Accessor<BusyVariant>;
-    /** 오버레이 표시 (중첩 호출 가능, 호출 횟수만큼 hide 필요) */
+    /** Show overlay (nestable calls, requires matching hide calls) */
     show: (message?: string) => void;
-    /** 오버레이 숨김 (모든 show에 대응하는 hide 호출 후 실제 숨김) */
+    /** Hide overlay (actually hides after all show calls have corresponding hide calls) */
     hide: () => void;
-    /** 프로그레스 바 진행률 설정 (0~100, undefined면 indeterminate) */
+    /** Set progress bar progress (0-100, undefined for indeterminate) */
     setProgress: (percent: number | undefined) => void;
 }
-/** Busy 오버레이 Context */
+/** Busy overlay Context */
 export declare const BusyContext: import("solid-js").Context<BusyContextValue | undefined>;
 /**
- * Busy 오버레이에 접근하는 훅
+ * Hook to access Busy overlay
  *
- * @throws BusyProvider가 없으면 에러 발생
+ * @throws Error if BusyProvider is not present
  */
 export declare function useBusy(): BusyContextValue;
 //# sourceMappingURL=BusyContext.d.ts.map

package/dist/components/feedback/busy/BusyContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,KAAK,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe;IACf,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/B,0CAA0C;IAC1C,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,8CAA8C;IAC9C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,uDAAuD;IACvD,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACpD;AAED,wBAAwB;AACxB,eAAO,MAAM,WAAW,0DAAoC,CAAC;AAE7D;;;;GAIG;AACH,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C"}
+{"version":3,"file":"BusyContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,KAAK,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,OAAO,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC/B,kEAAkE;IAClE,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uFAAuF;IACvF,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,qEAAqE;IACrE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACpD;AAED,2BAA2B;AAC3B,eAAO,MAAM,WAAW,0DAAoC,CAAC;AAE7D;;;;GAIG;AACH,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C"}

package/dist/components/feedback/busy/BusyContext.js

@@ -3,7 +3,7 @@ const BusyContext = createContext();
 function useBusy() {
   const context = useContext(BusyContext);
   if (!context) {
-    throw new Error("useBusy\uB294 BusyProvider \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");
+    throw new Error("useBusy can only be used inside BusyProvider");
   }
   return context;
 }

package/dist/components/feedback/busy/BusyContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/busy/BusyContext.ts"],
-  "mappings": "AAAA,SAAS,eAAe,kBAAiC;AAwBlD,MAAM,cAAc,cAAgC;AAOpD,SAAS,UAA4B;AAC1C,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8GAAwC;AAAA,EAC1D;AACA,SAAO;AACT;",
+  "mappings": "AAAA,SAAS,eAAe,kBAAiC;AAwBlD,MAAM,cAAc,cAAgC;AAOpD,SAAS,UAA4B;AAC1C,QAAM,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/components/feedback/busy/BusyProvider.d.ts

@@ -1,17 +1,17 @@
 import { type ParentComponent } from "solid-js";
 import { type BusyVariant } from "./BusyContext";
-/** BusyProvider 설정 */
+/** BusyProvider configuration */
 export interface BusyProviderProps {
-    /** 표시 방식 (기본값: `"spinner"`) */
+    /** Display style (default: `"spinner"`) */
     variant?: BusyVariant;
 }
 /**
- * Busy 오버레이 Provider
+ * Busy Overlay Provider
  *
  * @remarks
- * - show/hide는 중첩 호출 가능 (내부 카운터로 관리)
- * - Portal로 렌더링하여 항상 최상위에 표시
- * - 독립적으로 동작 (다른 Provider 의존성 없음)
+ * - show/hide can be nested (managed with internal counter)
+ * - Renders via Portal to always display on top
+ * - Works independently (no other Provider dependencies)
  */
 export declare const BusyProvider: ParentComponent<BusyProviderProps>;
 //# sourceMappingURL=BusyProvider.d.ts.map

package/dist/components/feedback/busy/BusyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,UAAU,CAAC;AAG9D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAKrF,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CA6C3D,CAAC"}
+{"version":3,"file":"BusyProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\busy\\BusyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,UAAU,CAAC;AAG9D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAKrF,iCAAiC;AACjC,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CA6C3D,CAAC"}

package/dist/components/feedback/notification/NotificationBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,UAAU,CAAC;AAsChD,eAAO,MAAM,kBAAkB,EAAE,SAgDhC,CAAC"}
+{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\feedback\\notification\\NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,UAAU,CAAC;AAuChD,eAAO,MAAM,kBAAkB,EAAE,SAiDhC,CAAC"}

package/dist/components/feedback/notification/NotificationBanner.js

@@ -5,12 +5,13 @@ import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<pre>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-bold></span></div><div><button type=button aria-label="\uC54C\uB9BC \uB2EB\uAE30">`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<pre>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-bold></span></div><div><button type=button>`);
 import { Show } from "solid-js";
 import { Portal } from "solid-js/web";
 import clsx from "clsx";
 import { IconX } from "@tabler/icons-solidjs";
 import { useNotification } from "./NotificationContext.js";
+import { useI18nOptional } from "../../../providers/i18n/I18nContext.js";
 import { Icon } from "../../display/Icon.js";
 import { themeTokens } from "../../../styles/tokens.styles.js";
 const baseClass = clsx("fixed", "top-8", "right-4", "z-notification", "flex", "items-start", "gap-4", "px-3", "py-2", "text-white", "shadow-lg", "dark:shadow-black/30", "rounded-lg", "max-w-[calc(100vw-2rem)]");
@@ -27,6 +28,7 @@ const actionButtonClass = clsx("rounded", "bg-white/20", "px-3 py-1", "hover:bg-
 const dismissButtonClass = clsx("rounded", "p-1", "hover:bg-white/20");
 const NotificationBanner = () => {
   const notification = useNotification();
+  const i18n = useI18nOptional();
   const handleDismiss = () => {
     notification.dismissBanner();
   };
@@ -75,13 +77,15 @@ const NotificationBanner = () => {
           size: "1.25em"
         }));
         _$effect((_p$) => {
-          var _v$ = item().theme, _v$2 = clsx(baseClass, themeClasses[item().theme]);
+          var _v$ = item().theme, _v$2 = clsx(baseClass, themeClasses[item().theme]), _v$3 = (i18n == null ? void 0 : i18n.t("notification.close")) ?? "Close notification";
           _v$ !== _p$.e && _$setAttribute(_el$, "data-theme", _p$.e = _v$);
           _v$2 !== _p$.t && _$className(_el$, _p$.t = _v$2);
+          _v$3 !== _p$.a && _$setAttribute(_el$7, "aria-label", _p$.a = _v$3);
           return _p$;
         }, {
           e: void 0,
-          t: void 0
+          t: void 0,
+          a: void 0
         });
         return _el$;
       }

package/dist/components/feedback/notification/NotificationBanner.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/feedback/notification/NotificationBanner.tsx"],
-  "mappings": ";;;;;;;;AAAA,SAAyBA,YAAY;AACrC,SAASC,cAAc;AACvB,OAAOC,UAAU;AACjB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAE5B,MAAMC,YAAYL,KAChB,SACA,SACA,WACA,kBACA,QACA,eACA,SACA,QACA,QACA,cACA,aACA,wBACA,cACA,0BACF;AAEA,MAAMM,eAAuC;EAC3CC,MAAMH,YAAYG,KAAKC;EACvBC,SAASL,YAAYK,QAAQD;EAC7BE,SAASN,YAAYM,QAAQF;EAC7BG,QAAQP,YAAYO,OAAOH;AAC7B;AAEA,MAAMI,eAAeZ,KAAK,iBAAiB,WAAW,SAAS;AAC/D,MAAMa,eAAeb,KAAK,cAAc,eAAe;AACvD,MAAMc,eAAed,KAAK,qBAAqB,SAAS,UAAU;AAClE,MAAMe,oBAAoBf,KAAK,WAAW,eAAe,aAAa,mBAAmB;AACzF,MAAMgB,qBAAqBhB,KAAK,WAAW,OAAO,mBAAmB;AAE9D,MAAMiB,qBAAgCA,MAAM;AACjD,QAAMC,eAAehB,gBAAgB;AAErC,QAAMiB,gBAAgBA,MAAM;AAC1BD,iBAAaE,cAAc;EAC7B;AAEA,QAAMC,eAAeA,MAAM;;AACzB,UAAMC,SAASJ,aAAaK,aAAa;AACzCD,2CAAQE,WAARF,mBAAgBG;EAClB;AAEA,SAAAC,kBACG5B,MAAI;IAAA,IAAC6B,OAAI;AAAA,aAAET,aAAaK,aAAa;IAAC;IAAAK,UACnCC,UAAIH,kBACH3B,QAAM;MAAA,IAAA6B,WAAA;AAAA,YAAAE,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI,aAAAC,QAAAF,MAAAF;AAAAK,oBAAAN,OAOSpB,YAAY;AAAA2B,iBAAAL,OAAA,MACGL,KAAK,EAAEW,KAAK;AAAAD,iBAAAP,OAAAN,kBACpC5B,MAAI;UAAA,IAAC6B,OAAI;AAAA,mBAAEE,KAAK,EAAEY;UAAO;UAAA,IAAAb,WAAA;AAAA,gBAAAc,QAAAC,OAAA;AAAAL,wBAAAI,OACZ7B,YAAY;AAAA0B,qBAAAG,OAAA,MAAGb,KAAK,EAAEY,OAAO;AAAA,mBAAAC;UAAA;QAAA,CAAA,GAAA,IAAA;AAAAJ,oBAAAH,OAGjCrB,YAAY;AAAAyB,iBAAAJ,OAAAT,kBACrB5B,MAAI;UAAA,IAAC6B,OAAI;AAAA,mBAAEE,KAAK,EAAEL;UAAM;UAAA,IAAAI,WAAA;AAAA,gBAAAgB,QAAAC,QAAA;AAAAD,kBAAAE,UACkCzB;AAAYiB,wBAAAM,OAAxC7B,iBAAiB;AAAAwB,qBAAAK,OAAA,MAC3Cf,KAAK,EAAEL,OAAQuB,KAAK;AAAA,mBAAAH;UAAA;QAAA,CAAA,GAAAP,KAAA;AAAAA,cAAAS,UAOd3B;AAAamB,oBAAAD,OADfrB,kBAAkB;AAAAuB,iBAAAF,OAAAX,kBAGxBvB,MAAI;UAAC6C,MAAM/C;UAAOgD,MAAI;QAAA,CAAA,CAAA;AAAAC,iBAAAC,SAAA;AAAA,cAAAC,MAtBfvB,KAAK,EAAEwB,OAAKC,OAEjBtD,KAAKK,WAAWC,aAAauB,KAAK,EAAEwB,KAAK,CAAC;AAACD,kBAAAD,IAAAI,KAAAC,eAAA1B,MAAA,cAAAqB,IAAAI,IAAAH,GAAA;AAAAE,mBAAAH,IAAAM,KAAAnB,YAAAR,MAAAqB,IAAAM,IAAAH,IAAA;AAAA,iBAAAH;QAAA,GAAA;UAAAI,GAAAG;UAAAD,GAAAC;QAAA,CAAA;AAAA,eAAA5B;MAAA;IAAA,CAAA;EAyBvD,CAAA;AAGP;AAAE6B,iBAAA,CAAA,OAAA,CAAA;",
-  "names": ["Show", "Portal", "clsx", "IconX", "useNotification", "Icon", "themeTokens", "baseClass", "themeClasses", "info", "solid", "success", "warning", "danger", "contentClass", "messageClass", "actionsClass", "actionButtonClass", "dismissButtonClass", "NotificationBanner", "notification", "handleDismiss", "dismissBanner", "handleAction", "latest", "latestUnread", "action", "onClick", "_$createComponent", "when", "children", "item", "_el$", "_tmpl$3", "_el$2", "firstChild", "_el$3", "_el$5", "nextSibling", "_el$7", "_$className", "_$insert", "title", "message", "_el$4", "_tmpl$", "_el$6", "_tmpl$2", "$$click", "label", "icon", "size", "_$effect", "_p$", "_v$", "theme", "_v$2", "e", "_$setAttribute", "t", "undefined", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["Show", "Portal", "clsx", "IconX", "useNotification", "useI18nOptional", "Icon", "themeTokens", "baseClass", "themeClasses", "info", "solid", "success", "warning", "danger", "contentClass", "messageClass", "actionsClass", "actionButtonClass", "dismissButtonClass", "NotificationBanner", "notification", "i18n", "handleDismiss", "dismissBanner", "handleAction", "latest", "latestUnread", "action", "onClick", "_$createComponent", "when", "children", "item", "_el$", "_tmpl$3", "_el$2", "firstChild", "_el$3", "_el$5", "nextSibling", "_el$7", "_$className", "_$insert", "title", "message", "_el$4", "_tmpl$", "_el$6", "_tmpl$2", "$$click", "label", "icon", "size", "_$effect", "_p$", "_v$", "theme", "_v$2", "_v$3", "t", "e", "_$setAttribute", "a", "undefined", "_$delegateEvents"]
 }

package/dist/components/feedback/notification/NotificationBell.js

@@ -5,7 +5,7 @@ import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-bell aria-haspopup=true>`), _tmpl$3 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>\uC804\uCCB4 \uC0AD\uC81C`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class="w-80 p-2"><div><span class=font-bold>\uC54C\uB9BC`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>\uC54C\uB9BC\uC774 \uC5C6\uC2B5\uB2C8\uB2E4`), _tmpl$7 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$8 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-bell aria-haspopup=true>`), _tmpl$3 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>Clear All`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class="w-80 p-2"><div><span class=font-bold>Notifications`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>No notifications`), _tmpl$7 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$8 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
 import { createSignal, For, Show } from "solid-js";
 import { IconBell } from "@tabler/icons-solidjs";
 import clsx from "clsx";
@@ -76,7 +76,7 @@ const NotificationBell = (props) => {
             }
           }), null);
           _$effect((_p$) => {
-            var _v$ = `\uC54C\uB9BC ${notification.unreadCount()}\uAC1C`, _v$2 = open();
+            var _v$ = `${notification.unreadCount()} notifications`, _v$2 = open();
             _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
             _v$2 !== _p$.t && _$setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
             return _p$;