@simplysm/solid 13.0.16 → 13.0.23

package/src/components/data/sheet/types.ts

@@ -1,8 +1,8 @@
 import type { JSX } from "solid-js";
 
-export interface DataSheetProps<T> {
+export interface DataSheetProps<TItem> {
   // 데이터
-  items?: T[];
+  items?: TItem[];
   // 설정
   persistKey?: string;
   hideConfigBar?: boolean;
@@ -23,29 +23,29 @@ export interface DataSheetProps<T> {
 
   // 선택
   selectMode?: "single" | "multiple";
-  selectedItems?: T[];
-  onSelectedItemsChange?: (items: T[]) => void;
+  selectedItems?: TItem[];
+  onSelectedItemsChange?: (items: TItem[]) => void;
   autoSelect?: "click";
-  isItemSelectable?: (item: T) => boolean | string;
+  isItemSelectable?: (item: TItem) => boolean | string;
 
   // 트리 확장
-  expandedItems?: T[];
-  onExpandedItemsChange?: (items: T[]) => void;
-  getChildren?: (item: T, index: number) => T[] | undefined;
+  expandedItems?: TItem[];
+  onExpandedItemsChange?: (items: TItem[]) => void;
+  getChildren?: (item: TItem, index: number) => TItem[] | undefined;
 
   // 셀 스타일
-  cellClass?: (item: T, colKey: string) => string | undefined;
-  cellStyle?: (item: T, colKey: string) => string | undefined;
+  cellClass?: (item: TItem, colKey: string) => string | undefined;
+  cellStyle?: (item: TItem, colKey: string) => string | undefined;
 
   // 재정렬
-  onItemsReorder?: (event: DataSheetReorderEvent<T>) => void;
+  onItemsReorder?: (event: DataSheetReorderEvent<TItem>) => void;
 
   // 기타
   class?: string;
   children: JSX.Element;
 }
 
-export interface DataSheetColumnProps<T> {
+export interface DataSheetColumnProps<TItem> {
   key: string;
   header?: string | string[];
   headerContent?: () => JSX.Element;
@@ -59,11 +59,11 @@ export interface DataSheetColumnProps<T> {
   class?: string;
   sortable?: boolean;
   resizable?: boolean;
-  children: (ctx: DataSheetCellContext<T>) => JSX.Element;
+  children: (ctx: DataSheetCellContext<TItem>) => JSX.Element;
 }
 
-export interface DataSheetCellContext<T> {
-  item: T;
+export interface DataSheetCellContext<TItem> {
+  item: TItem;
   index: number;
   depth: number;
 }
@@ -84,7 +84,7 @@ export interface DataSheetConfigColumn {
   hidden?: boolean;
 }
 
-export interface DataSheetColumnDef<T> {
+export interface DataSheetColumnDef<TItem> {
   __type: "sheet-column";
   key: string;
   header: string[];
@@ -99,7 +99,7 @@ export interface DataSheetColumnDef<T> {
   class?: string;
   sortable: boolean;
   resizable: boolean;
-  cell: (ctx: DataSheetCellContext<T>) => JSX.Element;
+  cell: (ctx: DataSheetCellContext<TItem>) => JSX.Element;
 }
 
 export interface HeaderDef {
@@ -114,21 +114,21 @@ export interface HeaderDef {
   headerContent?: () => JSX.Element;
 }
 
-export interface FlatItem<T> {
-  item: T;
+export interface FlatItem<TItem> {
+  item: TItem;
   index: number;
   depth: number;
   hasChildren: boolean;
-  parent?: T;
+  parent?: TItem;
 }
 
 // 드래그 앤 드롭 위치
 export type DataSheetDragPosition = "before" | "after" | "inside";
 
 // 재정렬 이벤트
-export interface DataSheetReorderEvent<T> {
-  item: T;
-  targetItem: T;
+export interface DataSheetReorderEvent<TItem> {
+  item: TItem;
+  targetItem: TItem;
   position: DataSheetDragPosition;
 }
 

package/src/components/disclosure/DialogInstanceContext.ts

@@ -1,11 +1,11 @@
 import { createContext, useContext } from "solid-js";
 
-export interface DialogInstance<T> {
-  close: (result?: T) => void;
+export interface DialogInstance<TResult> {
+  close: (result?: TResult) => void;
 }
 
 export const DialogInstanceContext = createContext<DialogInstance<unknown>>();
 
-export function useDialogInstance<T = undefined>(): DialogInstance<T> | undefined {
-  return useContext(DialogInstanceContext) as DialogInstance<T> | undefined;
+export function useDialogInstance<TResult = undefined>(): DialogInstance<TResult> | undefined {
+  return useContext(DialogInstanceContext) as DialogInstance<TResult> | undefined;
 }

package/src/components/form-control/checkbox/CheckboxGroup.tsx

@@ -4,9 +4,9 @@ import { createControllableSignal } from "../../../hooks/createControllableSigna
 import { Checkbox } from "./Checkbox";
 import type { CheckboxSize, CheckboxTheme } from "./Checkbox.styles";
 
-interface CheckboxGroupContextValue<T> {
-  value: () => T[];
-  toggle: (item: T) => void;
+interface CheckboxGroupContextValue<TValue> {
+  value: () => TValue[];
+  toggle: (item: TValue) => void;
   disabled: () => boolean;
   size: () => CheckboxSize | undefined;
   theme: () => CheckboxTheme | undefined;
@@ -18,13 +18,13 @@ const CheckboxGroupContext = createContext<CheckboxGroupContextValue<any>>();
 
 // --- CheckboxGroup.Item ---
 
-interface CheckboxGroupItemProps<T> {
-  value: T;
+interface CheckboxGroupItemProps<TValue> {
+  value: TValue;
   disabled?: boolean;
   children?: JSX.Element;
 }
 
-function CheckboxGroupItemInner<T>(props: CheckboxGroupItemProps<T>) {
+function CheckboxGroupItemInner<TValue>(props: CheckboxGroupItemProps<TValue>) {
   const ctx = useContext(CheckboxGroupContext);
   if (!ctx) throw new Error("CheckboxGroup.Item은 CheckboxGroup 내부에서만 사용할 수 있습니다");
 
@@ -47,9 +47,9 @@ function CheckboxGroupItemInner<T>(props: CheckboxGroupItemProps<T>) {
 
 // --- CheckboxGroup ---
 
-interface CheckboxGroupProps<T> {
-  value?: T[];
-  onValueChange?: (value: T[]) => void;
+interface CheckboxGroupProps<TValue> {
+  value?: TValue[];
+  onValueChange?: (value: TValue[]) => void;
   disabled?: boolean;
   size?: CheckboxSize;
   theme?: CheckboxTheme;
@@ -61,7 +61,7 @@ interface CheckboxGroupProps<T> {
 }
 
 interface CheckboxGroupComponent {
-  <T = unknown>(props: CheckboxGroupProps<T>): JSX.Element;
+  <TValue = unknown>(props: CheckboxGroupProps<TValue>): JSX.Element;
   Item: typeof CheckboxGroupItemInner;
 }
 

package/src/components/form-control/checkbox/RadioGroup.tsx

@@ -4,9 +4,9 @@ import { createControllableSignal } from "../../../hooks/createControllableSigna
 import { Radio } from "./Radio";
 import type { CheckboxSize, CheckboxTheme } from "./Checkbox.styles";
 
-interface RadioGroupContextValue<T> {
-  value: () => T | undefined;
-  select: (item: T) => void;
+interface RadioGroupContextValue<TValue> {
+  value: () => TValue | undefined;
+  select: (item: TValue) => void;
   disabled: () => boolean;
   size: () => CheckboxSize | undefined;
   theme: () => CheckboxTheme | undefined;
@@ -18,13 +18,13 @@ const RadioGroupContext = createContext<RadioGroupContextValue<any>>();
 
 // --- RadioGroup.Item ---
 
-interface RadioGroupItemProps<T> {
-  value: T;
+interface RadioGroupItemProps<TValue> {
+  value: TValue;
   disabled?: boolean;
   children?: JSX.Element;
 }
 
-function RadioGroupItemInner<T>(props: RadioGroupItemProps<T>) {
+function RadioGroupItemInner<TValue>(props: RadioGroupItemProps<TValue>) {
   const ctx = useContext(RadioGroupContext);
   if (!ctx) throw new Error("RadioGroup.Item은 RadioGroup 내부에서만 사용할 수 있습니다");
 
@@ -47,9 +47,9 @@ function RadioGroupItemInner<T>(props: RadioGroupItemProps<T>) {
 
 // --- RadioGroup ---
 
-interface RadioGroupProps<T> {
-  value?: T;
-  onValueChange?: (value: T) => void;
+interface RadioGroupProps<TValue> {
+  value?: TValue;
+  onValueChange?: (value: TValue) => void;
   disabled?: boolean;
   size?: CheckboxSize;
   theme?: CheckboxTheme;
@@ -61,7 +61,7 @@ interface RadioGroupProps<T> {
 }
 
 interface RadioGroupComponent {
-  <T = unknown>(props: RadioGroupProps<T>): JSX.Element;
+  <TValue = unknown>(props: RadioGroupProps<TValue>): JSX.Element;
   Item: typeof RadioGroupItemInner;
 }
 

package/src/components/form-control/combobox/Combobox.tsx

@@ -28,8 +28,8 @@ const noResultsClass = clsx("px-3 py-2", textMuted);
 /**
  * Combobox 아이템 렌더링 템플릿
  */
-interface ComboboxItemTemplateProps<T> {
-  children: (item: T, index: number) => JSX.Element;
+interface ComboboxItemTemplateProps<TItem> {
+  children: (item: TItem, index: number) => JSX.Element;
 }
 
 // 템플릿 함수를 저장하는 전역 WeakMap
@@ -46,15 +46,15 @@ const ComboboxItemTemplate = <T,>(props: ComboboxItemTemplateProps<T>) => (
 );
 
 // Props 정의
-export interface ComboboxProps<T = unknown> {
+export interface ComboboxProps<TValue = unknown> {
   /** 현재 선택된 값 */
-  value?: T;
+  value?: TValue;
 
   /** 값 변경 콜백 */
-  onValueChange?: (value: T) => void;
+  onValueChange?: (value: TValue) => void;
 
   /** 아이템 로드 함수 (필수) */
-  loadItems: (query: string) => Promise<T[]>;
+  loadItems: (query: string) => Promise<TValue[]>;
 
   /** 디바운스 딜레이 (기본값: 300ms) */
   debounceMs?: number;
@@ -63,10 +63,10 @@ export interface ComboboxProps<T = unknown> {
   allowCustomValue?: boolean;
 
   /** 커스텀 값 파싱 함수 */
-  parseCustomValue?: (text: string) => T;
+  parseCustomValue?: (text: string) => TValue;
 
   /** 선택된 값을 렌더링하는 함수 (필수) */
-  renderValue: (value: T) => JSX.Element;
+  renderValue: (value: TValue) => JSX.Element;
 
   /** 비활성화 */
   disabled?: boolean;
@@ -94,7 +94,7 @@ export interface ComboboxProps<T = unknown> {
 }
 
 interface ComboboxComponent {
-  <T = unknown>(props: ComboboxProps<T>): JSX.Element;
+  <TValue = unknown>(props: ComboboxProps<TValue>): JSX.Element;
   Item: typeof ComboboxItem;
   ItemTemplate: typeof ComboboxItemTemplate;
 }

package/src/components/form-control/combobox/ComboboxContext.ts

@@ -1,11 +1,11 @@
 import { createContext, useContext } from "solid-js";
 
-export interface ComboboxContextValue<T = unknown> {
+export interface ComboboxContextValue<TValue = unknown> {
   /** 값이 선택되어 있는지 확인 */
-  isSelected: (value: T) => boolean;
+  isSelected: (value: TValue) => boolean;
 
   /** 값 선택 */
-  selectValue: (value: T) => void;
+  selectValue: (value: TValue) => void;
 
   /** 드롭다운 닫기 */
   closeDropdown: () => void;
@@ -13,10 +13,10 @@ export interface ComboboxContextValue<T = unknown> {
 
 export const ComboboxContext = createContext<ComboboxContextValue>();
 
-export function useComboboxContext<T = unknown>(): ComboboxContextValue<T> {
+export function useComboboxContext<TValue = unknown>(): ComboboxContextValue<TValue> {
   const context = useContext(ComboboxContext);
   if (!context) {
     throw new Error("useComboboxContext는 Combobox 컴포넌트 내부에서만 사용할 수 있습니다");
   }
-  return context as ComboboxContextValue<T>;
+  return context as ComboboxContextValue<TValue>;
 }

package/src/components/form-control/combobox/ComboboxItem.tsx

@@ -11,12 +11,12 @@ import {
 
 void ripple;
 
-export interface ComboboxItemProps<T = unknown> extends Omit<
+export interface ComboboxItemProps<TValue = unknown> extends Omit<
   JSX.ButtonHTMLAttributes<HTMLButtonElement>,
   "value" | "onClick"
 > {
   /** 아이템의 값 */
-  value: T;
+  value: TValue;
 
   /** 비활성화 */
   disabled?: boolean;

package/src/components/form-control/select/Select.tsx

@@ -65,8 +65,8 @@ const SelectHeader: ParentComponent = (props) => <div data-select-header>{props.
  *
  * 함수 참조를 저장하기 위해 전역 Map 사용
  */
-interface SelectItemTemplateProps<T> {
-  children: (item: T, index: number, depth: number) => JSX.Element;
+interface SelectItemTemplateProps<TValue> {
+  children: (item: TValue, index: number, depth: number) => JSX.Element;
 }
 
 // 템플릿 함수를 저장하는 전역 Map (WeakMap 사용하여 메모리 누수 방지)
@@ -109,15 +109,15 @@ interface SelectCommonProps {
 }
 
 // 단일 선택 Props
-interface SelectSingleBaseProps<T> extends SelectCommonProps {
+interface SelectSingleBaseProps<TValue> extends SelectCommonProps {
   /** 다중 선택 모드 */
   multiple?: false;
 
   /** 현재 선택된 값 */
-  value?: T;
+  value?: TValue;
 
   /** 값 변경 콜백 */
-  onValueChange?: (value: T) => void;
+  onValueChange?: (value: TValue) => void;
 
   /** 다중 선택 시 표시 방향 (단일 선택에서는 사용 안 함) */
   multiDisplayDirection?: never;
@@ -127,15 +127,15 @@ interface SelectSingleBaseProps<T> extends SelectCommonProps {
 }
 
 // 다중 선택 Props
-interface SelectMultipleBaseProps<T> extends SelectCommonProps {
+interface SelectMultipleBaseProps<TValue> extends SelectCommonProps {
   /** 다중 선택 모드 */
   multiple: true;
 
   /** 현재 선택된 값 */
-  value?: T[];
+  value?: TValue[];
 
   /** 값 변경 콜백 */
-  onValueChange?: (value: T[]) => void;
+  onValueChange?: (value: TValue[]) => void;
 
   /** 다중 선택 시 표시 방향 */
   multiDisplayDirection?: "horizontal" | "vertical";
@@ -145,29 +145,29 @@ interface SelectMultipleBaseProps<T> extends SelectCommonProps {
 }
 
 // items 방식
-interface SelectWithItemsPropsBase<T> {
-  items: T[];
-  getChildren?: (item: T, index: number, depth: number) => T[] | undefined;
-  renderValue?: (value: T) => JSX.Element;
+interface SelectWithItemsPropsBase<TValue> {
+  items: TValue[];
+  getChildren?: (item: TValue, index: number, depth: number) => TValue[] | undefined;
+  renderValue?: (value: TValue) => JSX.Element;
   children?: JSX.Element;
 }
 
 // children 방식
-interface SelectWithChildrenPropsBase<T> {
+interface SelectWithChildrenPropsBase<TValue> {
   items?: never;
   getChildren?: never;
-  renderValue: (value: T) => JSX.Element;
+  renderValue: (value: TValue) => JSX.Element;
   children: JSX.Element;
 }
 
-export type SelectProps<T = unknown> =
-  | (SelectSingleBaseProps<T> & SelectWithItemsPropsBase<T>)
-  | (SelectSingleBaseProps<T> & SelectWithChildrenPropsBase<T>)
-  | (SelectMultipleBaseProps<T> & SelectWithItemsPropsBase<T>)
-  | (SelectMultipleBaseProps<T> & SelectWithChildrenPropsBase<T>);
+export type SelectProps<TValue = unknown> =
+  | (SelectSingleBaseProps<TValue> & SelectWithItemsPropsBase<TValue>)
+  | (SelectSingleBaseProps<TValue> & SelectWithChildrenPropsBase<TValue>)
+  | (SelectMultipleBaseProps<TValue> & SelectWithItemsPropsBase<TValue>)
+  | (SelectMultipleBaseProps<TValue> & SelectWithChildrenPropsBase<TValue>);
 
 interface SelectComponent {
-  <T = unknown>(props: SelectProps<T>): JSX.Element;
+  <TValue = unknown>(props: SelectProps<TValue>): JSX.Element;
   Item: typeof SelectItem;
   Action: typeof SelectAction;
   Header: typeof SelectHeader;

package/src/components/form-control/select/SelectContext.ts

@@ -1,14 +1,14 @@
 import { createContext, useContext, type Accessor } from "solid-js";
 
-export interface SelectContextValue<T = unknown> {
+export interface SelectContextValue<TValue = unknown> {
   /** 다중 선택 모드 여부 */
   multiple: Accessor<boolean>;
 
   /** 값이 선택되어 있는지 확인 */
-  isSelected: (value: T) => boolean;
+  isSelected: (value: TValue) => boolean;
 
   /** 값 선택/해제 토글 */
-  toggleValue: (value: T) => void;
+  toggleValue: (value: TValue) => void;
 
   /** 드롭다운 닫기 */
   closeDropdown: () => void;
@@ -16,10 +16,10 @@ export interface SelectContextValue<T = unknown> {
 
 export const SelectContext = createContext<SelectContextValue>();
 
-export function useSelectContext<T = unknown>(): SelectContextValue<T> {
+export function useSelectContext<TValue = unknown>(): SelectContextValue<TValue> {
   const context = useContext(SelectContext);
   if (!context) {
     throw new Error("useSelectContext는 Select 컴포넌트 내부에서만 사용할 수 있습니다");
   }
-  return context as SelectContextValue<T>;
+  return context as SelectContextValue<TValue>;
 }

package/src/components/form-control/select/SelectItem.tsx

@@ -30,18 +30,18 @@ const SelectItemChildren: ParentComponent = (props) => (
   </div>
 );
 
-export interface SelectItemProps<T = unknown> extends Omit<
+export interface SelectItemProps<TValue = unknown> extends Omit<
   JSX.ButtonHTMLAttributes<HTMLButtonElement>,
   "value" | "onClick"
 > {
   /** 아이템의 값 */
-  value: T;
+  value: TValue;
 
   /** 비활성화 */
   disabled?: boolean;
 }
 
-interface SelectItemComponent<T = unknown> extends ParentComponent<SelectItemProps<T>> {
+interface SelectItemComponent<TValue = unknown> extends ParentComponent<SelectItemProps<TValue>> {
   Children: typeof SelectItemChildren;
 }
 

package/src/components/form-control/state-preset/StatePreset.tsx

@@ -12,17 +12,17 @@ import type { ComponentSize } from "../../../styles/tokens.styles";
 
 // ── Types ──
 
-interface StatePresetItem<T> {
+interface StatePresetItem<TValue> {
   name: string;
-  state: T;
+  state: TValue;
 }
 
 type StatePresetSize = ComponentSize;
 
-export interface StatePresetProps<T> {
+export interface StatePresetProps<TValue> {
   presetKey: string;
-  value: T;
-  onValueChange: (value: T) => void;
+  value: TValue;
+  onValueChange: (value: TValue) => void;
   size?: StatePresetSize;
   class?: string;
   style?: JSX.CSSProperties;
@@ -107,14 +107,14 @@ const iconSize = "0.85em";
 
 // ── Component ──
 
-function StatePresetInner<T>(props: StatePresetProps<T>): JSX.Element {
+function StatePresetInner<TValue>(props: StatePresetProps<TValue>): JSX.Element {
   const [local] = splitProps(props, ["presetKey", "value", "onValueChange", "size", "class", "style"]);
 
   const notification = useNotification();
 
   // presetKey는 마운트 시 한 번만 설정되는 식별자이므로 즉시 평가하여 캡처
   /* eslint-disable solid/reactivity */
-  const [presets, setPresets] = useSyncConfig<StatePresetItem<T>[]>(`state-preset.${local.presetKey}`, []);
+  const [presets, setPresets] = useSyncConfig<StatePresetItem<TValue>[]>(`state-preset.${local.presetKey}`, []);
   /* eslint-enable solid/reactivity */
   const [adding, setAdding] = createSignal(false);
   const [inputValue, setInputValue] = createSignal("");
@@ -143,7 +143,7 @@ function StatePresetInner<T>(props: StatePresetProps<T>): JSX.Element {
       return;
     }
 
-    const newPreset: StatePresetItem<T> = {
+    const newPreset: StatePresetItem<TValue> = {
       name,
       state: objClone(local.value),
     };
@@ -153,7 +153,7 @@ function StatePresetInner<T>(props: StatePresetProps<T>): JSX.Element {
     setInputValue("");
   }
 
-  function handleRestore(preset: StatePresetItem<T>): void {
+  function handleRestore(preset: StatePresetItem<TValue>): void {
     if (!objEqual(local.value, preset.state)) {
       local.onValueChange(objClone(preset.state));
     }
@@ -278,4 +278,4 @@ function StatePresetInner<T>(props: StatePresetProps<T>): JSX.Element {
   );
 }
 
-export const StatePreset = StatePresetInner as <T>(props: StatePresetProps<T>) => JSX.Element;
+export const StatePreset = StatePresetInner as <TValue>(props: StatePresetProps<TValue>) => JSX.Element;

package/src/hooks/createControllableSignal.ts

@@ -7,7 +7,7 @@ import { createSignal, createEffect } from "solid-js";
  * @remarks
  * 함수를 저장해야 할 경우 객체로 감싸기: `createControllableSignal<{ fn: () => void }>(...)`
  */
-type NotFunction<T> = T extends (...args: unknown[]) => unknown ? never : T;
+type NotFunction<TValue> = TValue extends (...args: unknown[]) => unknown ? never : TValue;
 
 /**
  * Controlled/Uncontrolled 패턴을 지원하는 signal hook
@@ -35,11 +35,11 @@ type NotFunction<T> = T extends (...args: unknown[]) => unknown ? never : T;
  * setOpen(prev => !prev);
  * ```
  */
-export function createControllableSignal<T>(options: {
-  value: () => T & NotFunction<T>;
-  onChange: () => ((value: T) => void) | undefined;
+export function createControllableSignal<TValue>(options: {
+  value: () => TValue & NotFunction<TValue>;
+  onChange: () => ((value: TValue) => void) | undefined;
 }) {
-  const [internalValue, setInternalValue] = createSignal<T>(options.value());
+  const [internalValue, setInternalValue] = createSignal<TValue>(options.value());
 
   // props 변경 시 내부 상태 동기화 (props 우선)
   createEffect(() => {
@@ -49,8 +49,8 @@ export function createControllableSignal<T>(options: {
 
   const isControlled = () => options.onChange() !== undefined;
   const value = () => (isControlled() ? options.value() : internalValue());
-  const setValue = (newValue: T | ((prev: T) => T)) => {
-    const resolved = typeof newValue === "function" ? (newValue as (prev: T) => T)(value()) : newValue;
+  const setValue = (newValue: TValue | ((prev: TValue) => TValue)) => {
+    const resolved = typeof newValue === "function" ? (newValue as (prev: TValue) => TValue)(value()) : newValue;
 
     if (isControlled()) {
       options.onChange()?.(resolved);

package/src/hooks/useLocalStorage.ts

@@ -27,28 +27,31 @@ import { useConfig } from "../providers/ConfigContext";
  * setToken(undefined);
  * ```
  */
-export function useLocalStorage<T>(key: string, initialValue?: T): [Accessor<T | undefined>, Setter<T | undefined>] {
+export function useLocalStorage<TValue>(
+  key: string,
+  initialValue?: TValue,
+): [Accessor<TValue | undefined>, Setter<TValue | undefined>] {
   const config = useConfig();
   const prefixedKey = `${config.clientName}.${key}`;
 
   // localStorage에서 초기값 읽기
-  let storedValue: T | undefined = initialValue;
+  let storedValue: TValue | undefined = initialValue;
   try {
     const item = localStorage.getItem(prefixedKey);
     if (item !== null) {
-      storedValue = JSON.parse(item) as T;
+      storedValue = JSON.parse(item) as TValue;
     }
   } catch {
     // JSON 파싱 실패 시 초기값 사용
   }
 
-  const [value, setValue] = createSignal<T | undefined>(storedValue);
+  const [value, setValue] = createSignal<TValue | undefined>(storedValue);
 
-  const setAndStore = (newValue: T | undefined | ((prev: T | undefined) => T | undefined)) => {
-    let resolved: T | undefined;
+  const setAndStore = (newValue: TValue | undefined | ((prev: TValue | undefined) => TValue | undefined)) => {
+    let resolved: TValue | undefined;
 
     if (typeof newValue === "function") {
-      resolved = (newValue as (prev: T | undefined) => T | undefined)(value());
+      resolved = (newValue as (prev: TValue | undefined) => TValue | undefined)(value());
       setValue(() => resolved);
     } else {
       resolved = newValue;
@@ -64,5 +67,5 @@ export function useLocalStorage<T>(key: string, initialValue?: T): [Accessor<T |
     return resolved;
   };
 
-  return [value, setAndStore as Setter<T | undefined>];
+  return [value, setAndStore as Setter<TValue | undefined>];
 }

package/src/hooks/useSyncConfig.ts

@@ -22,10 +22,13 @@ import { useConfig } from "../providers/ConfigContext";
  * </Show>
  * ```
  */
-export function useSyncConfig<T>(key: string, defaultValue: T): [Accessor<T>, Setter<T>, Accessor<boolean>] {
+export function useSyncConfig<TValue>(
+  key: string,
+  defaultValue: TValue,
+): [Accessor<TValue>, Setter<TValue>, Accessor<boolean>] {
   const config = useConfig();
   const prefixedKey = `${config.clientName}.${key}`;
-  const [value, setValue] = createSignal<T>(defaultValue);
+  const [value, setValue] = createSignal<TValue>(defaultValue);
   const [loading, setLoading] = createSignal(false);
 
   // Initialize from storage
@@ -35,7 +38,7 @@ export function useSyncConfig<T>(key: string, defaultValue: T): [Accessor<T>, Se
       try {
         const stored = localStorage.getItem(prefixedKey);
         if (stored !== null) {
-          setValue(() => JSON.parse(stored) as T);
+          setValue(() => JSON.parse(stored) as TValue);
         }
       } catch {
         // Ignore parse errors, keep default value
@@ -48,14 +51,14 @@ export function useSyncConfig<T>(key: string, defaultValue: T): [Accessor<T>, Se
     try {
       const stored = await config.syncStorage.getItem(prefixedKey);
       if (stored !== null) {
-        setValue(() => JSON.parse(stored) as T);
+        setValue(() => JSON.parse(stored) as TValue);
       }
     } catch {
       // Fall back to localStorage on error
       try {
         const stored = localStorage.getItem(prefixedKey);
         if (stored !== null) {
-          setValue(() => JSON.parse(stored) as T);
+          setValue(() => JSON.parse(stored) as TValue);
         }
       } catch {
         // Ignore parse errors