@simplysm/solid 13.0.69 → 13.0.71

package/dist/components/form-control/color-picker/ColorPicker.d.ts

@@ -1,31 +1,31 @@
 import { type Component, type JSX } from "solid-js";
 import { type ComponentSize } from "../../../styles/tokens.styles";
 export interface ColorPickerProps {
-    /** 색상 값 (#RRGGBB 형식) */
+    /** Color value (#RRGGBB format) */
     value?: string;
-    /** 값 변경 콜백 */
+    /** Value change callback */
     onValueChange?: (value: string | undefined) => void;
-    /** 타이틀 (툴팁) */
+    /** Title (tooltip) */
     title?: string;
-    /** 비활성화 */
+    /** Disable input */
     disabled?: boolean;
-    /** 사이즈 */
+    /** Size */
     size?: ComponentSize;
-    /** inset 모드 (DataSheet 셀 내부 등) */
+    /** inset mode (e.g., inside DataSheet cell) */
     inset?: boolean;
-    /** 필수 입력 여부 */
+    /** Required input */
     required?: boolean;
-    /** 커스텀 유효성 검사 함수 */
+    /** Custom validation function */
     validate?: (value: string | undefined) => string | undefined;
-    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    /** touchMode: show errors only after blur */
     touchMode?: boolean;
-    /** 커스텀 class */
+    /** Custom class */
     class?: string;
-    /** 커스텀 style */
+    /** Custom style */
     style?: JSX.CSSProperties;
 }
 /**
- * ColorPicker 컴포넌트
+ * ColorPicker component
  *
  * @example
  * ```tsx

package/dist/components/form-control/color-picker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\color-picker\\ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAK5E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAiCnE,MAAM,WAAW,gBAAgB;IAC/B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAyDnD,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\color-picker\\ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAK5E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAiCnE,MAAM,WAAW,gBAAgB;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAyDnD,CAAC"}

package/dist/components/form-control/color-picker/ColorPicker.js

@@ -14,7 +14,7 @@ const baseClass = clsx(
   "rounded",
   "border border-black/10 dark:border-white/10",
   "cursor-pointer",
-  // color input 기본 스타일 제거
+  // Remove color input default styles
   "[&::-webkit-color-swatch-wrapper]:p-0",
   "[&::-webkit-color-swatch]:border-none",
   "[&::-webkit-color-swatch]:rounded-none",
@@ -41,7 +41,7 @@ const ColorPicker = (props) => {
   const errorMsg = createMemo(() => {
     var _a;
     const v = value();
-    if (local.required && (v === void 0 || v === "")) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    if (local.required && (v === void 0 || v === "")) return "This field is required";
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
   return _$createComponent(Invalid, {

package/dist/components/form-control/combobox/Combobox.d.ts

@@ -2,45 +2,45 @@ import { type JSX } from "solid-js";
 import { ComboboxItem } from "./ComboboxItem";
 import { type ComponentSize } from "../../../styles/tokens.styles";
 /**
- * 아이템 템플릿 서브 컴포넌트
+ * Item template sub-component
  */
 declare const ComboboxItemTemplate: <TArgs extends unknown[]>(props: {
     children: (...args: TArgs) => JSX.Element;
 }) => null;
 export interface ComboboxProps<TValue = unknown> {
-    /** 현재 선택된 값 */
+    /** Currently selected value */
     value?: TValue;
-    /** 값 변경 콜백 */
+    /** Value change callback */
     onValueChange?: (value: TValue) => void;
-    /** 아이템 로드 함수 (필수) */
+    /** Item load function (required) */
     loadItems: (query: string) => TValue[] | Promise<TValue[]>;
-    /** 디바운스 딜레이 (기본값: 300ms) */
+    /** Debounce delay (default: 300ms) */
     debounceMs?: number;
-    /** 커스텀 값 허용 */
+    /** Allow custom values */
     allowCustomValue?: boolean;
-    /** 커스텀 값 파싱 함수 */
+    /** Custom value parsing function */
     parseCustomValue?: (text: string) => TValue;
-    /** 선택된 값을 렌더링하는 함수 (필수) */
+    /** Function to render selected value (required) */
     renderValue: (value: TValue) => JSX.Element;
-    /** 비활성화 */
+    /** Disable input */
     disabled?: boolean;
-    /** 필수 입력 */
+    /** Required input */
     required?: boolean;
-    /** 커스텀 유효성 검사 함수 */
+    /** Custom validation function */
     validate?: (value: TValue | undefined) => string | undefined;
-    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    /** touchMode: show errors only after blur */
     touchMode?: boolean;
-    /** 플레이스홀더 */
+    /** Placeholder text */
     placeholder?: string;
-    /** 트리거 크기 */
+    /** Trigger size */
     size?: ComponentSize;
-    /** 테두리 없는 스타일 */
+    /** Borderless style */
     inset?: boolean;
-    /** 커스텀 class */
+    /** Custom class */
     class?: string;
-    /** 커스텀 style */
+    /** Custom style */
     style?: JSX.CSSProperties;
-    /** children (Combobox.Item 또는 Combobox.ItemTemplate) */
+    /** Children (Combobox.Item or Combobox.ItemTemplate) */
     children?: JSX.Element;
 }
 interface ComboboxComponent {
@@ -49,13 +49,13 @@ interface ComboboxComponent {
     ItemTemplate: typeof ComboboxItemTemplate;
 }
 /**
- * Combobox 컴포넌트
+ * Combobox component
  *
- * 비동기 검색과 아이템 선택을 지원하는 자동완성 컴포넌트입니다.
+ * An autocomplete component supporting async search and item selection.
  *
  * @example
  * ```tsx
- * // 기본 사용
+ * // Basic usage
  * <Combobox
  *   loadItems={async (query) => {
  *     const response = await fetch(`/api/search?q=${query}`);
@@ -70,7 +70,7 @@ interface ComboboxComponent {
  *   </Combobox.ItemTemplate>
  * </Combobox>
  *
- * // children 방식
+ * // Children approach
  * <Combobox loadItems={loadItems} renderValue={(v) => v.name}>
  *   <For each={items()}>
  *     {(item) => <Combobox.Item value={item}>{item.name}</Combobox.Item>}

package/dist/components/form-control/combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,GAAG,EAA+B,MAAM,UAAU,CAAC;AAQhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAgB9E;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,KAAK,SAAS,OAAO,EAAE,EAAE,OAAO;IAC5D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3C,SAMA,CAAC;AAGF,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO;IAC7C,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,qBAAqB;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,kBAAkB;IAClB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C,2BAA2B;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5C,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9D,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,iBA0PtB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,GAAG,EAA+B,MAAM,UAAU,CAAC;AAQhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAgB9E;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,KAAK,SAAS,OAAO,EAAE,EAAE,OAAO;IAC5D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3C,SAMA,CAAC;AAGF,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO;IAC7C,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,oCAAoC;IACpC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C,mDAAmD;IACnD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,mBAAmB;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9D,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,iBA0PtB,CAAC"}

package/dist/components/form-control/combobox/Combobox.js

@@ -10,7 +10,7 @@ import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<input type=text autocomplete=one-time-code>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div class=truncate>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>\uAC80\uC0C9 \uC911...`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4`), _tmpl$5 = /* @__PURE__ */ _$template(`<div role=combobox aria-haspopup=listbox><div></div><div>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<input type=text autocomplete=one-time-code>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div class=truncate>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>Searching...`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>No results found`), _tmpl$5 = /* @__PURE__ */ _$template(`<div role=combobox aria-haspopup=listbox><div></div><div>`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>`);
 import { createMemo, createSignal, For, onCleanup, Show, splitProps } from "solid-js";
 import clsx from "clsx";
 import { IconChevronDown, IconLoader2 } from "@tabler/icons-solidjs";
@@ -114,7 +114,7 @@ const Combobox = (props) => {
   const errorMsg = createMemo(() => {
     var _a;
     const v = getValue();
-    if (local.required && (v === void 0 || v === null || v === "")) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    if (local.required && (v === void 0 || v === null || v === "")) return "This field is required";
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
   const getTriggerClassName = () => getTriggerClass({

package/dist/components/form-control/combobox/ComboboxContext.d.ts

@@ -1,12 +1,12 @@
 import { type JSX } from "solid-js";
 export interface ComboboxContextValue<TValue = unknown> {
-    /** 값이 선택되어 있는지 확인 */
+    /** Check if value is selected */
     isSelected: (value: TValue) => boolean;
-    /** 값 선택 */
+    /** Select value */
     selectValue: (value: TValue) => void;
-    /** 드롭다운 닫기 */
+    /** Close dropdown */
     closeDropdown: () => void;
-    /** 아이템 템플릿 등록 */
+    /** Register item template */
     setItemTemplate: (fn: ((...args: unknown[]) => JSX.Element) | undefined) => void;
 }
 export declare const ComboboxContext: import("solid-js").Context<ComboboxContextValue<unknown> | undefined>;

package/dist/components/form-control/combobox/ComboboxContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\ComboboxContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAE/D,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,OAAO;IACpD,qBAAqB;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEvC,WAAW;IACX,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,cAAc;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,iBAAiB;IACjB,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAClF;AAED,eAAO,MAAM,eAAe,uEAAwC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,MAAM,GAAG,OAAO,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAMnF"}
+{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\ComboboxContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAE/D,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,OAAO;IACpD,iCAAiC;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEvC,mBAAmB;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,qBAAqB;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6BAA6B;IAC7B,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAClF;AAED,eAAO,MAAM,eAAe,uEAAwC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,MAAM,GAAG,OAAO,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAMnF"}

package/dist/components/form-control/combobox/ComboboxContext.js

@@ -3,7 +3,7 @@ const ComboboxContext = createContext();
 function useComboboxContext() {
   const context = useContext(ComboboxContext);
   if (!context) {
-    throw new Error("useComboboxContext\uB294 Combobox \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");
+    throw new Error("useComboboxContext can only be used inside the Combobox component");
   }
   return context;
 }

package/dist/components/form-control/combobox/ComboboxContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/combobox/ComboboxContext.ts"],
-  "mappings": "AAAA,SAAmB,eAAe,kBAAkB;AAgB7C,MAAM,kBAAkB,cAAoC;AAE5D,SAAS,qBAAqE;AACnF,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8IAAoD;AAAA,EACtE;AACA,SAAO;AACT;",
+  "mappings": "AAAA,SAAmB,eAAe,kBAAkB;AAgB7C,MAAM,kBAAkB,cAAoC;AAE5D,SAAS,qBAAqE;AACnF,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mEAAmE;AAAA,EACrF;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/components/form-control/combobox/ComboboxItem.d.ts

@@ -1,12 +1,12 @@
 import { type JSX, type ParentComponent } from "solid-js";
 export interface ComboboxItemProps<TValue = unknown> extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "value" | "onClick"> {
-    /** 아이템의 값 */
+    /** Item value */
     value: TValue;
-    /** 비활성화 */
+    /** Disabled */
     disabled?: boolean;
 }
 /**
- * Combobox 드롭다운 내의 선택 가능한 아이템
+ * Selectable item in Combobox dropdown
  */
 export declare const ComboboxItem: ParentComponent<ComboboxItemProps>;
 //# sourceMappingURL=ComboboxItem.d.ts.map

package/dist/components/form-control/combobox/ComboboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\ComboboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAatE,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,IAAI,CAC/D,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,OAAO,GAAG,SAAS,CACpB;IACC,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CAyC3D,CAAC"}
+{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\ComboboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAatE,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,IAAI,CAC/D,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,OAAO,GAAG,SAAS,CACpB;IACC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,iBAAiB,CAyC3D,CAAC"}

package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts

@@ -3,34 +3,34 @@ import { DateOnly } from "@simplysm/core-common";
 import { type FieldSize } from "../field/Field.styles";
 export type DateRangePeriodType = "day" | "month" | "range";
 export interface DateRangePickerProps {
-    /** 기간 타입 */
+    /** Period type */
     periodType?: DateRangePeriodType;
-    /** 기간 타입 변경 콜백 */
+    /** Period type change callback */
     onPeriodTypeChange?: (value: DateRangePeriodType) => void;
-    /** 시작 날짜 */
+    /** Start date */
     from?: DateOnly;
-    /** 시작 날짜 변경 콜백 */
+    /** Start date change callback */
     onFromChange?: (value: DateOnly | undefined) => void;
-    /** 종료 날짜 */
+    /** End date */
     to?: DateOnly;
-    /** 종료 날짜 변경 콜백 */
+    /** End date change callback */
     onToChange?: (value: DateOnly | undefined) => void;
-    /** 필수 입력 */
+    /** Required input */
     required?: boolean;
-    /** 비활성화 */
+    /** Disabled */
     disabled?: boolean;
-    /** 사이즈 */
+    /** Size */
     size?: FieldSize;
-    /** 커스텀 class */
+    /** Custom class */
     class?: string;
-    /** 커스텀 style */
+    /** Custom style */
     style?: JSX.CSSProperties;
 }
 /**
- * DateRangePicker 컴포넌트
+ * DateRangePicker component
  *
- * 기간 타입(일/월/범위) 선택에 따라 날짜 범위를 입력한다.
- * periodType 변경 시 from/to를 자동으로 보정한다.
+ * Input date range based on selected period type (day/month/range).
+ * Automatically adjusts from/to when periodType changes.
  *
  * @example
  * ```tsx

package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\date-range-picker\\DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAI5D,MAAM,WAAW,oBAAoB;IACnC,YAAY;IACZ,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,kBAAkB;IAClB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE1D,YAAY;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,kBAAkB;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAErD,YAAY;IACZ,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,kBAAkB;IAClB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEnD,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AASD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA8H3D,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\date-range-picker\\DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKvD,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAI5D,MAAM,WAAW,oBAAoB;IACnC,kBAAkB;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE1D,iBAAiB;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAErD,eAAe;IACf,EAAE,CAAC,EAAE,QAAQ,CAAC;IAEd,+BAA+B;IAC/B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEnD,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AASD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA2I3D,CAAC"}

package/dist/components/form-control/date-range-picker/DateRangePicker.js

@@ -1,7 +1,7 @@
 import { template as _$template } from "solid-js/web";
-import { memo as _$memo } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 var _tmpl$ = /* @__PURE__ */ _$template(`<span class=text-base-400>~`), _tmpl$2 = /* @__PURE__ */ _$template(`<div>`);
@@ -11,11 +11,13 @@ import { twMerge } from "tailwind-merge";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { DatePicker } from "../field/DatePicker.js";
 import { Select } from "../select/Select.js";
+import { useI18nOptional } from "../../../providers/i18n/I18nContext.js";
 const baseClass = clsx("inline-flex items-center", "gap-1");
 function getLastDayOfMonth(date) {
   return date.addMonths(1).setDay(1).addDays(-1);
 }
 const DateRangePicker = (props) => {
+  const i18n = useI18nOptional();
   const [local, rest] = splitProps(props, ["periodType", "onPeriodTypeChange", "from", "onFromChange", "to", "onToChange", "required", "disabled", "size", "class", "style"]);
   const [periodType, setPeriodType] = createControllableSignal({
     value: () => local.periodType ?? "range",
@@ -79,11 +81,14 @@ const DateRangePicker = (props) => {
         return periodType();
       },
       onValueChange: handlePeriodTypeChange,
-      renderValue: (v) => _$memo(() => ({
-        day: "\uC77C",
-        month: "\uC6D4",
-        range: "\uBC94\uC704"
-      })[v]),
+      renderValue: (v) => {
+        const labels = {
+          day: (i18n == null ? void 0 : i18n.t("dateRangePicker.day")) ?? "Day",
+          month: (i18n == null ? void 0 : i18n.t("dateRangePicker.month")) ?? "Month",
+          range: (i18n == null ? void 0 : i18n.t("dateRangePicker.range")) ?? "Range"
+        };
+        return _$memo(() => labels[v]);
+      },
       required: true,
       get disabled() {
         return local.disabled;
@@ -95,13 +100,19 @@ const DateRangePicker = (props) => {
       get children() {
         return [_$createComponent(Select.Item, {
           value: "day",
-          children: "\uC77C"
+          get children() {
+            return (i18n == null ? void 0 : i18n.t("dateRangePicker.day")) ?? "Day";
+          }
         }), _$createComponent(Select.Item, {
           value: "month",
-          children: "\uC6D4"
+          get children() {
+            return (i18n == null ? void 0 : i18n.t("dateRangePicker.month")) ?? "Month";
+          }
         }), _$createComponent(Select.Item, {
           value: "range",
-          children: "\uBC94\uC704"
+          get children() {
+            return (i18n == null ? void 0 : i18n.t("dateRangePicker.range")) ?? "Range";
+          }
         })];
       }
     }), null);

package/dist/components/form-control/date-range-picker/DateRangePicker.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/date-range-picker/DateRangePicker.tsx"],
-  "mappings": "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",
-  "names": ["Show", "splitProps", "clsx", "twMerge", "createControllableSignal", "DatePicker", "Select", "baseClass", "getLastDayOfMonth", "date", "addMonths", "setDay", "addDays", "DateRangePicker", "props", "local", "rest", "periodType", "setPeriodType", "value", "onChange", "onPeriodTypeChange", "from", "setFrom", "onFromChange", "to", "setTo", "onToChange", "handlePeriodTypeChange", "newType", "type", "Array", "isArray", "currentFrom", "adjusted", "undefined", "handleFromChange", "newFrom", "currentTo", "tick", "handleToChange", "newTo", "getWrapperClass", "class", "_el$", "_tmpl$2", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "onValueChange", "renderValue", "v", "_$memo", "day", "month", "range", "required", "disabled", "size", "inset", "children", "Item", "when", "fallback", "unit", "_tmpl$", "min"]
+  "mappings": "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",
+  "names": ["Show", "splitProps", "clsx", "twMerge", "createControllableSignal", "DatePicker", "Select", "useI18nOptional", "baseClass", "getLastDayOfMonth", "date", "addMonths", "setDay", "addDays", "DateRangePicker", "props", "i18n", "local", "rest", "periodType", "setPeriodType", "value", "onChange", "onPeriodTypeChange", "from", "setFrom", "onFromChange", "to", "setTo", "onToChange", "handlePeriodTypeChange", "newType", "type", "Array", "isArray", "currentFrom", "adjusted", "undefined", "handleFromChange", "newFrom", "currentTo", "tick", "handleToChange", "newTo", "getWrapperClass", "class", "_el$", "_tmpl$2", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "onValueChange", "renderValue", "v", "labels", "day", "t", "month", "range", "_$memo", "required", "disabled", "size", "inset", "children", "Item", "when", "fallback", "unit", "_tmpl$", "min"]
 }

package/dist/components/form-control/editor/EditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\editor\\EditorToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AA0B3C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8BD,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CA6RvD,CAAC"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\editor\\EditorToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AA2B3C,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8BD,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CA8RvD,CAAC"}

package/dist/components/form-control/editor/EditorToolbar.js

@@ -1,17 +1,19 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } from "solid-js/web";
 import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div><button type=button title="\uC81C\uBAA9 1"></button><button type=button title="\uC81C\uBAA9 2"></button><div></div><button type=button title=\uAD75\uAC8C></button><button type=button title=\uAE30\uC6B8\uC784></button><button type=button title=\uBC11\uC904></button><button type=button title=\uCDE8\uC18C\uC120></button><div></div><label title="\uD14D\uC2A4\uD2B8 \uC0C9\uC0C1"><span>A</span><div></div><input type=color></label><label title=\uBC30\uACBD\uC0C9><span>A</span><input type=color></label><div></div><button type=button title="\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D"></button><button type=button title="\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D"></button><div></div><button type=button title=\uB4E4\uC5EC\uC4F0\uAE30></button><button type=button title=\uB0B4\uC5B4\uC4F0\uAE30></button><div></div><button type=button title=\uC778\uC6A9></button><button type=button title="\uCF54\uB4DC \uBE14\uB85D"></button><div></div><button type=button title="\uC67C\uCABD \uC815\uB82C"></button><button type=button title="\uAC00\uC6B4\uB370 \uC815\uB82C"></button><button type=button title="\uC624\uB978\uCABD \uC815\uB82C"></button><button type=button title="\uC591\uCABD \uC815\uB82C"></button><div></div><button type=button title="\uD14C\uC774\uBE14 \uC0BD\uC785"></button><button type=button title="\uC774\uBBF8\uC9C0 \uC0BD\uC785"></button><div></div><button type=button title="\uC11C\uC2DD \uC9C0\uC6B0\uAE30">`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<div><button type=button></button><button type=button></button><div></div><button type=button></button><button type=button></button><button type=button></button><button type=button></button><div></div><label><span>A</span><div></div><input type=color></label><label><span>A</span><input type=color></label><div></div><button type=button></button><button type=button></button><div></div><button type=button></button><button type=button></button><div></div><button type=button></button><button type=button></button><div></div><button type=button></button><button type=button></button><button type=button></button><button type=button></button><div></div><button type=button></button><button type=button></button><div></div><button type=button>`);
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import { createEditorTransaction } from "solid-tiptap";
 import { iconButtonBase } from "../../../styles/patterns.styles.js";
 import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconH1, IconH2, IconList, IconListNumbers, IconIndentIncrease, IconIndentDecrease, IconQuote, IconCode, IconAlignLeft, IconAlignCenter, IconAlignRight, IconAlignJustified, IconTablePlus, IconPhoto, IconClearFormatting } from "@tabler/icons-solidjs";
 import { Icon } from "../../display/Icon.js";
+import { useI18nOptional } from "../../../providers/i18n/I18nContext.js";
 const toolbarClass = clsx("flex flex-wrap items-center gap-0.5", "border-b border-base-300 dark:border-base-700", "px-2 py-1");
 const toolbarBtnClass = twMerge(iconButtonBase, "size-7");
 const toolbarBtnActiveClass = clsx("bg-primary-100 text-primary-700", "dark:bg-primary-900/40 dark:text-primary-300");
@@ -21,6 +23,7 @@ const colorInputClass = clsx("absolute opacity-0", "size-0");
 const colorIndicatorClass = clsx("absolute inset-x-1 bottom-0.5", "h-0.5 rounded-full");
 const EditorToolbar = (props) => {
   const e = () => props.editor;
+  const i18n = useI18nOptional();
   const isBold = createEditorTransaction(e, (editor) => editor.isActive("bold"));
   const isItalic = createEditorTransaction(e, (editor) => editor.isActive("italic"));
   const isUnderline = createEditorTransaction(e, (editor) => editor.isActive("underline"));
@@ -200,26 +203,47 @@ const EditorToolbar = (props) => {
       size: "1em"
     }));
     _$effect((_p$) => {
-      var _v$ = twMerge(toolbarClass, props.class), _v$2 = btnClass(isH1), _v$3 = btnClass(isH2), _v$4 = btnClass(isBold), _v$5 = btnClass(isItalic), _v$6 = btnClass(isUnderline), _v$7 = btnClass(isStrike), _v$8 = clsx("text-sm font-bold"), _v$9 = currentColor(), _v$0 = clsx("rounded px-0.5 text-sm font-bold"), _v$1 = currentHighlight(), _v$10 = btnClass(isBulletList), _v$11 = btnClass(isOrderedList), _v$12 = btnClass(isBlockquote), _v$13 = btnClass(isCodeBlock), _v$14 = btnClass(isAlignLeft), _v$15 = btnClass(isAlignCenter), _v$16 = btnClass(isAlignRight), _v$17 = btnClass(isAlignJustify);
+      var _v$ = twMerge(toolbarClass, props.class), _v$2 = btnClass(isH1), _v$3 = (i18n == null ? void 0 : i18n.t("editorToolbar.heading1")) ?? "Heading 1", _v$4 = btnClass(isH2), _v$5 = (i18n == null ? void 0 : i18n.t("editorToolbar.heading2")) ?? "Heading 2", _v$6 = btnClass(isBold), _v$7 = (i18n == null ? void 0 : i18n.t("editorToolbar.bold")) ?? "Bold", _v$8 = btnClass(isItalic), _v$9 = (i18n == null ? void 0 : i18n.t("editorToolbar.italic")) ?? "Italic", _v$0 = btnClass(isUnderline), _v$1 = (i18n == null ? void 0 : i18n.t("editorToolbar.underline")) ?? "Underline", _v$10 = btnClass(isStrike), _v$11 = (i18n == null ? void 0 : i18n.t("editorToolbar.strikethrough")) ?? "Strikethrough", _v$12 = (i18n == null ? void 0 : i18n.t("editorToolbar.textColor")) ?? "Text color", _v$13 = clsx("text-sm font-bold"), _v$14 = currentColor(), _v$15 = (i18n == null ? void 0 : i18n.t("editorToolbar.bgColor")) ?? "Background color", _v$16 = clsx("rounded px-0.5 text-sm font-bold"), _v$17 = currentHighlight(), _v$18 = btnClass(isBulletList), _v$19 = (i18n == null ? void 0 : i18n.t("editorToolbar.bulletList")) ?? "Bullet list", _v$20 = btnClass(isOrderedList), _v$21 = (i18n == null ? void 0 : i18n.t("editorToolbar.numberedList")) ?? "Numbered list", _v$22 = (i18n == null ? void 0 : i18n.t("editorToolbar.increaseIndent")) ?? "Increase indent", _v$23 = (i18n == null ? void 0 : i18n.t("editorToolbar.decreaseIndent")) ?? "Decrease indent", _v$24 = btnClass(isBlockquote), _v$25 = (i18n == null ? void 0 : i18n.t("editorToolbar.blockquote")) ?? "Blockquote", _v$26 = btnClass(isCodeBlock), _v$27 = (i18n == null ? void 0 : i18n.t("editorToolbar.codeBlock")) ?? "Code block", _v$28 = btnClass(isAlignLeft), _v$29 = (i18n == null ? void 0 : i18n.t("editorToolbar.alignLeft")) ?? "Align left", _v$30 = btnClass(isAlignCenter), _v$31 = (i18n == null ? void 0 : i18n.t("editorToolbar.alignCenter")) ?? "Align center", _v$32 = btnClass(isAlignRight), _v$33 = (i18n == null ? void 0 : i18n.t("editorToolbar.alignRight")) ?? "Align right", _v$34 = btnClass(isAlignJustify), _v$35 = (i18n == null ? void 0 : i18n.t("editorToolbar.justify")) ?? "Justify", _v$36 = (i18n == null ? void 0 : i18n.t("editorToolbar.insertTable")) ?? "Insert table", _v$37 = (i18n == null ? void 0 : i18n.t("editorToolbar.insertImage")) ?? "Insert image", _v$38 = (i18n == null ? void 0 : i18n.t("editorToolbar.clearFormatting")) ?? "Clear formatting";
       _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && _$className(_el$2, _p$.t = _v$2);
-      _v$3 !== _p$.a && _$className(_el$3, _p$.a = _v$3);
-      _v$4 !== _p$.o && _$className(_el$5, _p$.o = _v$4);
-      _v$5 !== _p$.i && _$className(_el$6, _p$.i = _v$5);
-      _v$6 !== _p$.n && _$className(_el$7, _p$.n = _v$6);
-      _v$7 !== _p$.s && _$className(_el$8, _p$.s = _v$7);
-      _v$8 !== _p$.h && _$className(_el$1, _p$.h = _v$8);
-      _v$9 !== _p$.r && _$setStyleProperty(_el$10, "background-color", _p$.r = _v$9);
-      _v$0 !== _p$.d && _$className(_el$13, _p$.d = _v$0);
-      _v$1 !== _p$.l && _$setStyleProperty(_el$13, "background-color", _p$.l = _v$1);
-      _v$10 !== _p$.u && _$className(_el$16, _p$.u = _v$10);
-      _v$11 !== _p$.c && _$className(_el$17, _p$.c = _v$11);
-      _v$12 !== _p$.w && _$className(_el$22, _p$.w = _v$12);
-      _v$13 !== _p$.m && _$className(_el$23, _p$.m = _v$13);
-      _v$14 !== _p$.f && _$className(_el$25, _p$.f = _v$14);
-      _v$15 !== _p$.y && _$className(_el$26, _p$.y = _v$15);
-      _v$16 !== _p$.g && _$className(_el$27, _p$.g = _v$16);
-      _v$17 !== _p$.p && _$className(_el$28, _p$.p = _v$17);
+      _v$3 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$className(_el$3, _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$3, "title", _p$.i = _v$5);
+      _v$6 !== _p$.n && _$className(_el$5, _p$.n = _v$6);
+      _v$7 !== _p$.s && _$setAttribute(_el$5, "title", _p$.s = _v$7);
+      _v$8 !== _p$.h && _$className(_el$6, _p$.h = _v$8);
+      _v$9 !== _p$.r && _$setAttribute(_el$6, "title", _p$.r = _v$9);
+      _v$0 !== _p$.d && _$className(_el$7, _p$.d = _v$0);
+      _v$1 !== _p$.l && _$setAttribute(_el$7, "title", _p$.l = _v$1);
+      _v$10 !== _p$.u && _$className(_el$8, _p$.u = _v$10);
+      _v$11 !== _p$.c && _$setAttribute(_el$8, "title", _p$.c = _v$11);
+      _v$12 !== _p$.w && _$setAttribute(_el$0, "title", _p$.w = _v$12);
+      _v$13 !== _p$.m && _$className(_el$1, _p$.m = _v$13);
+      _v$14 !== _p$.f && _$setStyleProperty(_el$10, "background-color", _p$.f = _v$14);
+      _v$15 !== _p$.y && _$setAttribute(_el$12, "title", _p$.y = _v$15);
+      _v$16 !== _p$.g && _$className(_el$13, _p$.g = _v$16);
+      _v$17 !== _p$.p && _$setStyleProperty(_el$13, "background-color", _p$.p = _v$17);
+      _v$18 !== _p$.b && _$className(_el$16, _p$.b = _v$18);
+      _v$19 !== _p$.T && _$setAttribute(_el$16, "title", _p$.T = _v$19);
+      _v$20 !== _p$.A && _$className(_el$17, _p$.A = _v$20);
+      _v$21 !== _p$.O && _$setAttribute(_el$17, "title", _p$.O = _v$21);
+      _v$22 !== _p$.I && _$setAttribute(_el$19, "title", _p$.I = _v$22);
+      _v$23 !== _p$.S && _$setAttribute(_el$20, "title", _p$.S = _v$23);
+      _v$24 !== _p$.W && _$className(_el$22, _p$.W = _v$24);
+      _v$25 !== _p$.C && _$setAttribute(_el$22, "title", _p$.C = _v$25);
+      _v$26 !== _p$.B && _$className(_el$23, _p$.B = _v$26);
+      _v$27 !== _p$.v && _$setAttribute(_el$23, "title", _p$.v = _v$27);
+      _v$28 !== _p$.k && _$className(_el$25, _p$.k = _v$28);
+      _v$29 !== _p$.x && _$setAttribute(_el$25, "title", _p$.x = _v$29);
+      _v$30 !== _p$.j && _$className(_el$26, _p$.j = _v$30);
+      _v$31 !== _p$.q && _$setAttribute(_el$26, "title", _p$.q = _v$31);
+      _v$32 !== _p$.z && _$className(_el$27, _p$.z = _v$32);
+      _v$33 !== _p$.P && _$setAttribute(_el$27, "title", _p$.P = _v$33);
+      _v$34 !== _p$.H && _$className(_el$28, _p$.H = _v$34);
+      _v$35 !== _p$.F && _$setAttribute(_el$28, "title", _p$.F = _v$35);
+      _v$36 !== _p$.M && _$setAttribute(_el$30, "title", _p$.M = _v$36);
+      _v$37 !== _p$.D && _$setAttribute(_el$31, "title", _p$.D = _v$37);
+      _v$38 !== _p$.R && _$setAttribute(_el$33, "title", _p$.R = _v$38);
       return _p$;
     }, {
       e: void 0,
@@ -240,7 +264,28 @@ const EditorToolbar = (props) => {
       f: void 0,
       y: void 0,
       g: void 0,
-      p: void 0
+      p: void 0,
+      b: void 0,
+      T: void 0,
+      A: void 0,
+      O: void 0,
+      I: void 0,
+      S: void 0,
+      W: void 0,
+      C: void 0,
+      B: void 0,
+      v: void 0,
+      k: void 0,
+      x: void 0,
+      j: void 0,
+      q: void 0,
+      z: void 0,
+      P: void 0,
+      H: void 0,
+      F: void 0,
+      M: void 0,
+      D: void 0,
+      R: void 0
     });
     _$effect(() => _el$11.value = currentColor());
     _$effect(() => _el$14.value = currentHighlight());