@simplysm/solid 13.0.77 → 13.0.80

package/tests/components/data/sheet/hooks/{useDataSheetReorder.spec.ts → createDataSheetReorder.spec.ts}

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi } from "vitest";
 import { createRoot } from "solid-js";
-import { useDataSheetReorder } from "../../../../../src/components/data/sheet/hooks/useDataSheetReorder";
+import { createDataSheetReorder } from "../../../../../src/components/data/sheet/hooks/createDataSheetReorder";
 
 interface TestItem {
   id: number;
@@ -8,7 +8,7 @@ interface TestItem {
   children?: TestItem[];
 }
 
-describe("useDataSheetReorder", () => {
+describe("createDataSheetReorder", () => {
   describe("isDescendant", () => {
     it("should return false for non-descendant items", () => {
       createRoot(() => {
@@ -17,7 +17,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder<TestItem>(
+        const { dragState } = createDataSheetReorder<TestItem>(
           {
             itemChildren: (item) => item.children,
           },
@@ -36,7 +36,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder<TestItem>(
+        const { dragState } = createDataSheetReorder<TestItem>(
           {
             itemChildren: (item) => item.children,
           },
@@ -56,7 +56,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder<TestItem>(
+        const { dragState } = createDataSheetReorder<TestItem>(
           {
             itemChildren: (item) => item.children,
           },
@@ -79,7 +79,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder<TestItem>(
+        const { dragState } = createDataSheetReorder<TestItem>(
           {
             itemChildren: (item) => item.children,
           },
@@ -98,7 +98,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder({}, displayItems);
+        const { dragState } = createDataSheetReorder({}, displayItems);
 
         // Without itemChildren, no parent-child relationships exist
         expect(dragState()).toBeNull();
@@ -111,7 +111,7 @@ describe("useDataSheetReorder", () => {
       createRoot(() => {
         const displayItems = () => [];
 
-        const { dragState } = useDataSheetReorder({}, displayItems);
+        const { dragState } = createDataSheetReorder({}, displayItems);
 
         expect(dragState()).toBeNull();
       });
@@ -124,7 +124,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState, setDragState } = useDataSheetReorder({}, displayItems);
+        const { dragState, setDragState } = createDataSheetReorder({}, displayItems);
 
         setDragState({
           draggingItem: item1,
@@ -147,7 +147,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState, setDragState } = useDataSheetReorder({}, displayItems);
+        const { dragState, setDragState } = createDataSheetReorder({}, displayItems);
 
         setDragState({
           draggingItem: item1,
@@ -169,7 +169,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { dragState, setDragState } = useDataSheetReorder({}, displayItems);
+        const { dragState, setDragState } = createDataSheetReorder({}, displayItems);
 
         // Test "before" position
         setDragState({
@@ -208,7 +208,7 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const { setDragState: _setDragState } = useDataSheetReorder(
+        const { setDragState: _setDragState } = createDataSheetReorder(
           {
             onItemsReorder: onReorder,
           },
@@ -228,8 +228,8 @@ describe("useDataSheetReorder", () => {
 
         const displayItems = () => [];
 
-        const hook1 = useDataSheetReorder({}, displayItems);
-        const hook2 = useDataSheetReorder({}, displayItems);
+        const hook1 = createDataSheetReorder({}, displayItems);
+        const hook2 = createDataSheetReorder({}, displayItems);
 
         hook1.setDragState({
           draggingItem: item1,

package/tests/components/data/sheet/hooks/{useDataSheetSelection.spec.ts → createDataSheetSelection.spec.ts}

@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
 import { createRoot } from "solid-js";
-import { useDataSheetSelection } from "../../../../../src/components/data/sheet/hooks/useDataSheetSelection";
+import { createDataSheetSelection } from "../../../../../src/components/data/sheet/hooks/createDataSheetSelection";
 import type { FlatItem } from "../../../../../src/components/data/sheet/DataSheet.types";
 
 interface TestItem {
@@ -27,10 +27,10 @@ function createTestFlatItems(items: TestItem[]): FlatItem<TestItem>[] {
   }));
 }
 
-describe("useDataSheetSelection", () => {
+describe("createDataSheetSelection", () => {
   it("should initialize with empty selected items by default", () => {
     createRoot(() => {
-      const result = useDataSheetSelection({}, () => createTestFlatItems(testItems));
+      const result = createDataSheetSelection({}, () => createTestFlatItems(testItems));
 
       expect(result.selection()).toEqual([]);
     });
@@ -39,7 +39,7 @@ describe("useDataSheetSelection", () => {
   it("should initialize with provided selected items", () => {
     createRoot(() => {
       const selection = [testItems[0]];
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selection },
         () => createTestFlatItems(testItems),
       );
@@ -50,7 +50,7 @@ describe("useDataSheetSelection", () => {
 
   it("getItemSelectable should return true for selectable items", () => {
     createRoot(() => {
-      const result = useDataSheetSelection({}, () => createTestFlatItems(testItems));
+      const result = createDataSheetSelection({}, () => createTestFlatItems(testItems));
 
       expect(result.getItemSelectable(testItems[0])).toBe(true);
     });
@@ -59,7 +59,7 @@ describe("useDataSheetSelection", () => {
   it("getItemSelectable should return disabled string when item is not selectable", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -71,7 +71,7 @@ describe("useDataSheetSelection", () => {
   it("getItemSelectable should return reason string when item is disabled", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem) => item.disabledReason != null && item.disabledReason !== "" ? item.disabledReason : true;
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -82,7 +82,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should add item in multiple mode", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -95,7 +95,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should remove item in multiple mode", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple", selection: [testItems[0]] },
         () => createTestFlatItems(testItems),
       );
@@ -108,7 +108,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should replace selection in single mode", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "single", selection: [testItems[0]] },
         () => createTestFlatItems(testItems),
       );
@@ -121,7 +121,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should deselect in single mode when toggling selected item", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "single", selection: [testItems[0]] },
         () => createTestFlatItems(testItems),
       );
@@ -135,7 +135,7 @@ describe("useDataSheetSelection", () => {
   it("toggleSelect should not select non-selectable items", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -148,7 +148,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should update lastClickAction to 'select' when selecting", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -161,7 +161,7 @@ describe("useDataSheetSelection", () => {
 
   it("toggleSelect should update lastClickAction to 'deselect' when deselecting", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple", selection: [testItems[0]] },
         () => createTestFlatItems(testItems),
       );
@@ -175,7 +175,7 @@ describe("useDataSheetSelection", () => {
   it("toggleSelectAll should select all selectable items", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -191,7 +191,7 @@ describe("useDataSheetSelection", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
       const selectableItems = testItems.filter((i) => i.selectable !== false);
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable, selection: selectableItems },
         () => createTestFlatItems(testItems),
       );
@@ -205,7 +205,7 @@ describe("useDataSheetSelection", () => {
   it("toggleSelectAll should only select selectable items", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -218,7 +218,7 @@ describe("useDataSheetSelection", () => {
 
   it("rangeSelect should do nothing if lastClickedRow is null", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -231,7 +231,7 @@ describe("useDataSheetSelection", () => {
 
   it("rangeSelect should select items in range when lastClickAction is 'select'", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -249,7 +249,7 @@ describe("useDataSheetSelection", () => {
 
   it("rangeSelect should select items in reverse range", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -267,7 +267,7 @@ describe("useDataSheetSelection", () => {
 
   it("rangeSelect should deselect items in range when lastClickAction is 'deselect'", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple", selection: testItems },
         () => createTestFlatItems(testItems),
       );
@@ -285,7 +285,7 @@ describe("useDataSheetSelection", () => {
   it("rangeSelect should only select selectable items in range", () => {
     createRoot(() => {
       const isItemSelectable = (item: TestItem): true | string => item.selectable !== false ? true : "disabled";
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple", isItemSelectable },
         () => createTestFlatItems(testItems),
       );
@@ -308,7 +308,7 @@ describe("useDataSheetSelection", () => {
         lastCalledWith = items;
       };
 
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple", onSelectionChange },
         () => createTestFlatItems(testItems),
       );
@@ -321,7 +321,7 @@ describe("useDataSheetSelection", () => {
 
   it("should track last clicked row", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -334,7 +334,7 @@ describe("useDataSheetSelection", () => {
 
   it("should default to 'select' action", () => {
     createRoot(() => {
-      const result = useDataSheetSelection(
+      const result = createDataSheetSelection(
         { selectionMode: "multiple" },
         () => createTestFlatItems(testItems),
       );
@@ -346,7 +346,7 @@ describe("useDataSheetSelection", () => {
   it("treats false return from isItemSelectable as not selectable", () => {
     createRoot((dispose) => {
       const flatItems = () => createTestFlatItems(testItems);
-      const sel = useDataSheetSelection<TestItem>(
+      const sel = createDataSheetSelection<TestItem>(
         {
           selectionMode: "multiple",
           isItemSelectable: (item) => (item.selectable === false ? false : true),

package/tests/components/data/sheet/hooks/{useDataSheetSorting.spec.ts → createDataSheetSorting.spec.ts}

@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
 import { createRoot, createSignal } from "solid-js";
-import { useDataSheetSorting } from "../../../../../src/components/data/sheet/hooks/useDataSheetSorting";
+import { createDataSheetSorting } from "../../../../../src/components/data/sheet/hooks/createDataSheetSorting";
 import type { SortingDef } from "../../../../../src/components/data/sheet/DataSheet.types";
 
 interface TestItem {
@@ -15,7 +15,7 @@ const testData: TestItem[] = [
   { id: 3, name: "Charlie", age: 35 },
 ];
 
-describe("useDataSheetSorting", () => {
+describe("createDataSheetSorting", () => {
   it("initializes with empty sorts", () => {
     createRoot(() => {
       const [sorts, _setSorts] = createSignal<SortingDef[] | undefined>(undefined);
@@ -25,7 +25,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sorts: resultSorts } = useDataSheetSorting({
+      const { sorts: resultSorts } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -43,7 +43,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { toggleSort, sorts: resultSorts } = useDataSheetSorting({
+      const { toggleSort, sorts: resultSorts } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -63,7 +63,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { toggleSort, sorts: resultSorts } = useDataSheetSorting({
+      const { toggleSort, sorts: resultSorts } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -91,7 +91,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { toggleSort, sorts: resultSorts } = useDataSheetSorting({
+      const { toggleSort, sorts: resultSorts } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -125,7 +125,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortIndex } = useDataSheetSorting({
+      const { sortIndex } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -147,7 +147,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortIndex } = useDataSheetSorting({
+      const { sortIndex } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -168,7 +168,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortedItems } = useDataSheetSorting({
+      const { sortedItems } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -190,7 +190,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(false);
 
-      const { sortedItems } = useDataSheetSorting({
+      const { sortedItems } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -210,7 +210,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(testData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortedItems } = useDataSheetSorting({
+      const { sortedItems } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -241,7 +241,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(multiData);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortedItems } = useDataSheetSorting({
+      const { sortedItems } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,
@@ -266,7 +266,7 @@ describe("useDataSheetSorting", () => {
       const [items] = createSignal<TestItem[] | undefined>(undefined);
       const [autoSort] = createSignal<boolean | undefined>(true);
 
-      const { sortedItems } = useDataSheetSorting({
+      const { sortedItems } = createDataSheetSorting({
         sorts,
         onSortsChange,
         items,

package/tests/components/disclosure/Dialog.spec.tsx

@@ -87,10 +87,10 @@ describe("Dialog", () => {
       });
     });
 
-    it("hides close button when closable={false}", async () => {
+    it("hides close button when withCloseButton={false}", async () => {
       render(() => (
         <ConfigProvider clientName="test"><I18nProvider>
-          <Dialog open={true} closable={false}>
+          <Dialog open={true} withCloseButton={false}>
           <Dialog.Header>테스트</Dialog.Header>
           <div>내용</div>
         </Dialog>

package/tests/components/features/data-select-button/DataSelectButton.spec.tsx

@@ -26,8 +26,11 @@ function createTestLoad() {
   return loadFn;
 }
 
+// Full props type for the test dialog component
+type TestDialogComponentProps = SelectDialogBaseProps<number> & { confirmKeys: number[] };
+
 // Dialog component for tests — uses close prop directly
-function TestDialogComponent(props: SelectDialogBaseProps<number> & { confirmKeys: number[] }) {
+function TestDialogComponent(props: TestDialogComponentProps) {
   return (
     <div data-testid="dialog-content">
       <div data-testid="select-mode">{props.selectionMode}</div>
@@ -94,7 +97,7 @@ describe("DataSelectButton", () => {
   it("loads and displays multiple selected items", async () => {
     const load = createTestLoad();
     const { findByText } = renderWithDialog(() => (
-      <DataSelectButton
+      <DataSelectButton<TestItem, number, TestDialogComponentProps>
         value={[1, 3]}
         multiple
         load={load}
@@ -199,7 +202,7 @@ describe("DataSelectButton", () => {
     const onValueChange = vi.fn();
 
     const { container, findByText } = renderWithDialog(() => (
-      <DataSelectButton
+      <DataSelectButton<TestItem, number, TestDialogComponentProps>
         value={[1, 2]}
         multiple
         onValueChange={onValueChange}
@@ -286,7 +289,7 @@ describe("DataSelectButton", () => {
     const onValueChange = vi.fn();
 
     const { container } = renderWithDialog(() => (
-      <DataSelectButton
+      <DataSelectButton<TestItem, number, TestDialogComponentProps>
         multiple
         onValueChange={onValueChange}
         load={load}
@@ -501,8 +504,8 @@ describe("DataSelectButton", () => {
     const load = createTestLoad();
 
     const { container } = renderWithDialog(() => (
-      <DataSelectButton
-        value={1}
+      <DataSelectButton<TestItem, number, TestDialogComponentProps>
+        value={[1]}
         multiple
         load={load}
         dialog={TestDialogComponent}
@@ -523,3 +526,49 @@ describe("DataSelectButton", () => {
     });
   });
 });
+
+describe("DataSelectButton type safety", () => {
+  beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("single mode types value as TKey", () => {
+    const load = createTestLoad();
+    // Single mode: value is number, onValueChange receives number | undefined
+    const onValueChange = vi.fn<(v: number | undefined) => void>();
+    renderWithDialog(() => (
+      <DataSelectButton
+        value={1}
+        onValueChange={onValueChange}
+        load={load}
+        dialog={TestDialogComponent}
+        dialogProps={{ confirmKeys: [] }}
+        renderItem={(item: TestItem) => <span>{item.name}</span>}
+      />
+    ));
+    // If this compiles, single mode type is correct
+    expect(true).toBe(true);
+  });
+
+  it("multiple mode types value as TKey[]", () => {
+    const load = createTestLoad();
+    // Multiple mode: value is number[], onValueChange receives number[]
+    const onValueChange = vi.fn<(v: number[]) => void>();
+    renderWithDialog(() => (
+      <DataSelectButton<TestItem, number, TestDialogComponentProps>
+        multiple
+        value={[1, 2]}
+        onValueChange={onValueChange}
+        load={load}
+        dialog={TestDialogComponent}
+        dialogProps={{ confirmKeys: [] }}
+        renderItem={(item: TestItem) => <span>{item.name}</span>}
+      />
+    ));
+    expect(true).toBe(true);
+  });
+});

package/tests/components/features/shared-data/SharedDataSelect.spec.tsx

@@ -166,3 +166,43 @@ describe("SharedDataSelect", () => {
     });
   });
 });
+
+describe("SharedDataSelect type safety", () => {
+  beforeEach(() => {
+    localStorage.setItem("test.i18n-locale", JSON.stringify("en"));
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  it("single mode types value as TKey", () => {
+    const [items] = createSignal(testItems);
+    const accessor = createMockAccessor(items);
+    const onValueChange = vi.fn<(v: number | undefined) => void>();
+
+    renderWithDialog(() => (
+      <SharedDataSelect data={accessor} value={1} onValueChange={onValueChange}>
+        <SharedDataSelect.ItemTemplate>
+          {(item: TestItem) => <span>{item.name}</span>}
+        </SharedDataSelect.ItemTemplate>
+      </SharedDataSelect>
+    ));
+    expect(true).toBe(true);
+  });
+
+  it("multiple mode types value as TKey[]", () => {
+    const [items] = createSignal(testItems);
+    const accessor = createMockAccessor(items);
+    const onValueChange = vi.fn<(v: number[]) => void>();
+
+    renderWithDialog(() => (
+      <SharedDataSelect multiple data={accessor} value={[1, 2]} onValueChange={onValueChange}>
+        <SharedDataSelect.ItemTemplate>
+          {(item: TestItem) => <span>{item.name}</span>}
+        </SharedDataSelect.ItemTemplate>
+      </SharedDataSelect>
+    ));
+    expect(true).toBe(true);
+  });
+});

package/tests/components/form-control/checkbox/Checkbox.spec.tsx

@@ -45,13 +45,13 @@ describe("Checkbox component", () => {
 
   describe("controlled pattern", () => {
     it("reflects value prop as checked state", () => {
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox value={true} /></I18nProvider></ConfigProvider>);
+      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox checked={true} /></I18nProvider></ConfigProvider>);
       expect(getByRole("checkbox").getAttribute("aria-checked")).toBe("true");
     });
 
-    it("calls onValueChange on click", () => {
+    it("calls onCheckedChange on click", () => {
       const handleChange = vi.fn();
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox value={false} onValueChange={handleChange} /></I18nProvider></ConfigProvider>);
+      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox checked={false} onCheckedChange={handleChange} /></I18nProvider></ConfigProvider>);
 
       fireEvent.click(getByRole("checkbox"));
       expect(handleChange).toHaveBeenCalledWith(true);
@@ -59,7 +59,7 @@ describe("Checkbox component", () => {
 
     it("updates when external state changes", () => {
       const [value, setValue] = createSignal(false);
-      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox value={value()} onValueChange={setValue} /></I18nProvider></ConfigProvider>);
+      const { getByRole } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox checked={value()} onCheckedChange={setValue} /></I18nProvider></ConfigProvider>);
 
       expect(getByRole("checkbox").getAttribute("aria-checked")).toBe("false");
 
@@ -70,25 +70,25 @@ describe("Checkbox component", () => {
 
   describe("validation", () => {
     it("sets error message when required and unchecked", () => {
-      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox required value={false} /></I18nProvider></ConfigProvider>);
+      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox required checked={false} /></I18nProvider></ConfigProvider>);
       const hiddenInput = container.querySelector("input[aria-hidden='true']") as HTMLInputElement;
       expect(hiddenInput.validationMessage).toBe("This is a required selection");
     });
 
     it("is valid when required and checked", () => {
-      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox required value={true} /></I18nProvider></ConfigProvider>);
+      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox required checked={true} /></I18nProvider></ConfigProvider>);
       const hiddenInput = container.querySelector("input[aria-hidden='true']") as HTMLInputElement;
       expect(hiddenInput.validity.valid).toBe(true);
     });
 
     it("sets error message returned by validate function", () => {
-      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox value={true} validate={() => "커스텀 에러"} /></I18nProvider></ConfigProvider>);
+      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox checked={true} validate={() => "커스텀 에러"} /></I18nProvider></ConfigProvider>);
       const hiddenInput = container.querySelector("input[aria-hidden='true']") as HTMLInputElement;
       expect(hiddenInput.validationMessage).toBe("커스텀 에러");
     });
 
     it("is valid when validate function returns undefined", () => {
-      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox value={true} validate={() => undefined} /></I18nProvider></ConfigProvider>);
+      const { container } = render(() => <ConfigProvider clientName="test"><I18nProvider><Checkbox checked={true} validate={() => undefined} /></I18nProvider></ConfigProvider>);
       const hiddenInput = container.querySelector("input[aria-hidden='true']") as HTMLInputElement;
       expect(hiddenInput.validity.valid).toBe(true);
     });