@simplysm/solid 13.0.75 → 13.0.77

package/src/providers/shared-data/SharedDataContext.ts

@@ -1,91 +0,0 @@
-import { type Accessor, createContext, useContext } from "solid-js";
-
-/**
- * Shared data definition.
- *
- * @remarks
- * Passed to SharedDataProvider to set up server data subscriptions.
- */
-export interface SharedDataDefinition<TData> {
-  /** Service connection key (defaults to "default" if omitted) */
-  serviceKey?: string;
-  /** Data fetch function (partial refresh for specified changeKeys only) */
-  fetch: (changeKeys?: Array<string | number>) => Promise<TData[]>;
-  /** Function to extract the unique key from an item */
-  getKey: (item: TData) => string | number;
-  /** Sort criteria array (multiple criteria supported) */
-  orderBy: [(item: TData) => unknown, "asc" | "desc"][];
-  /** Server event filter (receives only events with matching filter among same-name events) */
-  filter?: unknown;
-  /** Function to extract search text from an item */
-  getSearchText?: (item: TData) => string;
-  /** Function to determine if an item is hidden */
-  getIsHidden?: (item: TData) => boolean;
-  /** Function to extract parent key from an item (tree structure support) */
-  getParentKey?: (item: TData) => string | number | undefined;
-}
-
-/**
- * Shared data accessor.
- *
- * @remarks
- * Provides reactive access and change notifications for each data key.
- */
-export interface SharedDataAccessor<TData> {
-  /** Reactive items array */
-  items: Accessor<TData[]>;
-  /** Get a single item by key */
-  get: (key: string | number | undefined) => TData | undefined;
-  /** Propagate change event to server (triggers refetch for all subscribers) */
-  emit: (changeKeys?: Array<string | number>) => Promise<void>;
-  /** Function to extract the unique key from an item */
-  getKey: (item: TData) => string | number;
-  /** Function to extract search text from an item */
-  getSearchText?: (item: TData) => string;
-  /** Function to determine if an item is hidden */
-  getIsHidden?: (item: TData) => boolean;
-  /** Function to extract parent key from an item (tree structure support) */
-  getParentKey?: (item: TData) => string | number | undefined;
-}
-
-/**
- * Shared data context value.
- *
- * @remarks
- * - Before configure: only wait, busy, configure are accessible. Data access throws
- * - After configure: includes SharedDataAccessor per data key and overall state management methods
- */
-export type SharedDataValue<TSharedData extends Record<string, unknown>> = {
-  [K in keyof TSharedData]: SharedDataAccessor<TSharedData[K]>;
-} & {
-  /** Wait until all initial fetches complete */
-  wait: () => Promise<void>;
-  /** Whether a fetch is in progress */
-  busy: Accessor<boolean>;
-  /** Set definitions to start data subscriptions (decorator pattern) */
-  configure: (
-    fn: (origin: {
-      [K in keyof TSharedData]: SharedDataDefinition<TSharedData[K]>;
-    }) => {
-      [K in keyof TSharedData]: SharedDataDefinition<TSharedData[K]>;
-    },
-  ) => void;
-};
-
-/** Shared data Context */
-export const SharedDataContext = createContext<SharedDataValue<Record<string, unknown>>>();
-
-/**
- * Hook to access shared data.
- *
- * @throws Throws an error if SharedDataProvider is not present
- */
-export function useSharedData<
-  TSharedData extends Record<string, unknown> = Record<string, unknown>,
->(): SharedDataValue<TSharedData> {
-  const context = useContext(SharedDataContext);
-  if (!context) {
-    throw new Error("useSharedData can only be used inside SharedDataProvider");
-  }
-  return context as unknown as SharedDataValue<TSharedData>;
-}

package/src/styles/patterns.styles.ts

@@ -1,50 +0,0 @@
-import clsx from "clsx";
-import { borderDefault, textDefault, textPlaceholder } from "./tokens.styles";
-
-// ── Icon Button Common ──
-export const iconButtonBase = clsx(
-  "inline-flex items-center justify-center",
-  "cursor-pointer",
-  "rounded",
-  "transition-colors",
-  "text-base-600 dark:text-base-300",
-  "hover:bg-base-200 dark:hover:bg-base-700",
-  "focus:outline-none",
-  "focus-visible:ring-2",
-);
-
-// ── Inset Focus Outline (focus-within variant: Field, TextArea) ──
-export const insetFocusOutline = clsx(
-  "focus-within:[outline-style:solid]",
-  "focus-within:outline-1 focus-within:-outline-offset-1",
-  "focus-within:outline-primary-400 dark:focus-within:outline-primary-400",
-);
-
-// ── Inset Focus Outline (focus variant: Checkbox, Select trigger) ──
-export const insetFocusOutlineSelf = clsx(
-  "focus:[outline-style:solid]",
-  "focus:outline-1 focus:-outline-offset-1",
-  "focus:outline-primary-400 dark:focus:outline-primary-400",
-);
-
-// ── Inset Base Layout ──
-export const insetBase = "w-full rounded-none border-none";
-
-// ── Form Field Common Surface (background + text + border + focus) ──
-export const fieldSurface = clsx(
-  "bg-primary-50 dark:bg-primary-950/30",
-  textDefault,
-  "border",
-  borderDefault,
-  "rounded",
-  "focus-within:border-primary-500 dark:focus-within:border-primary-400",
-);
-
-// ── Input Element Common ──
-export const inputBase = clsx(
-  "min-w-0 flex-1",
-  "bg-transparent",
-  "outline-none",
-  "[text-decoration:inherit]",
-  textPlaceholder,
-);

package/src/styles/tokens.styles.ts

@@ -1,86 +0,0 @@
-// ── Border ──
-export const borderDefault = "border-base-200 dark:border-base-700";
-export const borderSubtle = "border-base-200 dark:border-base-700";
-
-// ── Surface Background ──
-export const bgSurface = "bg-white dark:bg-base-900";
-
-// ── Text ──
-export const textDefault = "text-base-900 dark:text-base-100";
-export const textMuted = "text-base-400 dark:text-base-500";
-export const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-500";
-
-// ── disabled ──
-export const disabledOpacity = "cursor-default opacity-30 pointer-events-none";
-
-// ── Size ──
-export type ComponentSize = "xs" | "sm" | "lg" | "xl";
-export type ComponentSizeCompact = "sm" | "lg";
-export const paddingXs = "px-1 py-0";
-export const paddingSm = "px-1.5 py-0.5";
-export const paddingLg = "px-3 py-2";
-export const paddingXl = "px-4 py-3";
-
-// ── Theme ──
-export type SemanticTheme = "primary" | "info" | "success" | "warning" | "danger" | "base";
-
-export const themeTokens: Record<
-  SemanticTheme,
-  {
-    solid: string;
-    solidHover: string;
-    light: string;
-    text: string;
-    hoverBg: string;
-    border: string;
-  }
-> = {
-  primary: {
-    solid: "bg-primary-500 text-white",
-    solidHover: "hover:bg-primary-600 dark:hover:bg-primary-400",
-    light: "bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100",
-    text: "text-primary-600 dark:text-primary-400",
-    hoverBg: "hover:bg-primary-100 dark:hover:bg-primary-800/30",
-    border: "border-primary-300 dark:border-primary-600",
-  },
-  info: {
-    solid: "bg-info-500 text-white",
-    solidHover: "hover:bg-info-600 dark:hover:bg-info-400",
-    light: "bg-info-100 text-info-900 dark:bg-info-900/40 dark:text-info-100",
-    text: "text-info-600 dark:text-info-400",
-    hoverBg: "hover:bg-info-100 dark:hover:bg-info-800/30",
-    border: "border-info-300 dark:border-info-600",
-  },
-  success: {
-    solid: "bg-success-500 text-white",
-    solidHover: "hover:bg-success-600 dark:hover:bg-success-400",
-    light: "bg-success-100 text-success-900 dark:bg-success-900/40 dark:text-success-100",
-    text: "text-success-600 dark:text-success-400",
-    hoverBg: "hover:bg-success-100 dark:hover:bg-success-800/30",
-    border: "border-success-300 dark:border-success-600",
-  },
-  warning: {
-    solid: "bg-warning-500 text-white",
-    solidHover: "hover:bg-warning-600 dark:hover:bg-warning-400",
-    light: "bg-warning-100 text-warning-900 dark:bg-warning-900/40 dark:text-warning-100",
-    text: "text-warning-600 dark:text-warning-400",
-    hoverBg: "hover:bg-warning-100 dark:hover:bg-warning-800/30",
-    border: "border-warning-300 dark:border-warning-600",
-  },
-  danger: {
-    solid: "bg-danger-500 text-white",
-    solidHover: "hover:bg-danger-600 dark:hover:bg-danger-400",
-    light: "bg-danger-100 text-danger-900 dark:bg-danger-900/40 dark:text-danger-100",
-    text: "text-danger-600 dark:text-danger-400",
-    hoverBg: "hover:bg-danger-100 dark:hover:bg-danger-800/30",
-    border: "border-danger-300 dark:border-danger-600",
-  },
-  base: {
-    solid: "bg-base-500 text-white",
-    solidHover: "hover:bg-base-600 dark:hover:bg-base-400",
-    light: "bg-base-100 text-base-900 dark:bg-base-800 dark:text-base-100",
-    text: "text-base-600 dark:text-base-300",
-    hoverBg: "hover:bg-base-100 dark:hover:bg-base-800/30",
-    border: "border-base-300 dark:border-base-700",
-  },
-};

package/tests/components/data/Table.spec.tsx

@@ -1,55 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Table } from "../../../src/components/data/Table";
-
-describe("Table component", () => {
-  describe("basic rendering", () => {
-    it("renders children inside Table", () => {
-      const { container } = render(() => (
-        <Table>
-          <tbody>
-            <tr>
-              <td>Content</td>
-            </tr>
-          </tbody>
-        </Table>
-      ));
-      expect(container.querySelector("td")?.textContent).toBe("Content");
-    });
-
-    it("renders as table element", () => {
-      const { container } = render(() => <Table>Content</Table>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.tagName).toBe("TABLE");
-    });
-  });
-
-  describe("inset prop", () => {
-    it("applies different styles based on inset prop", () => {
-      const { container: defaultContainer } = render(() => <Table>Content</Table>);
-      const { container: insetContainer } = render(() => <Table inset>Content</Table>);
-
-      const defaultClass = (defaultContainer.firstChild as HTMLElement).className;
-      const insetClass = (insetContainer.firstChild as HTMLElement).className;
-
-      expect(defaultClass).not.toBe(insetClass);
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <Table class="my-table">Content</Table>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.classList.contains("my-table")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => <Table data-testid="test-table">Content</Table>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.getAttribute("data-testid")).toBe("test-table");
-    });
-  });
-});

package/tests/components/display/Alert.spec.tsx

@@ -1,47 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Alert } from "../../../src/components/display/Alert";
-
-describe("Alert", () => {
-  describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => <Alert>This is a note</Alert>);
-      expect(getByText("This is a note")).toBeTruthy();
-    });
-
-    it("renders as div element", () => {
-      const { container } = render(() => <Alert>Content</Alert>);
-      const alert = container.firstChild as HTMLElement;
-      expect(alert.tagName).toBe("DIV");
-    });
-  });
-
-  describe("theme prop", () => {
-    it("applies different styles per theme", () => {
-      const { container: defaultContainer } = render(() => <Alert>Content</Alert>);
-      const { container: themedContainer } = render(() => <Alert theme="danger">Content</Alert>);
-
-      const defaultClass = (defaultContainer.firstChild as HTMLElement).className;
-      const themedClass = (themedContainer.firstChild as HTMLElement).className;
-
-      expect(defaultClass).not.toBe(themedClass);
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <Alert class="my-alert">Content</Alert>);
-      const alert = container.firstChild as HTMLElement;
-      expect(alert.classList.contains("my-alert")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => <Alert data-testid="test-alert">Content</Alert>);
-      const alert = container.firstChild as HTMLElement;
-      expect(alert.getAttribute("data-testid")).toBe("test-alert");
-    });
-  });
-});

package/tests/components/display/Card.spec.tsx

@@ -1,41 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Card } from "../../../src/components/display/Card";
-
-describe("Card", () => {
-  describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => <Card>Card Content</Card>);
-      expect(getByText("Card Content")).toBeTruthy();
-    });
-
-    it("renders as div element", () => {
-      const { container } = render(() => <Card>Content</Card>);
-      const card = container.firstChild as HTMLElement;
-      expect(card.tagName).toBe("DIV");
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <Card class="my-custom-class">Content</Card>);
-      const card = container.firstChild as HTMLElement;
-      expect(card.classList.contains("my-custom-class")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => <Card data-testid="test-card">Content</Card>);
-      const card = container.firstChild as HTMLElement;
-      expect(card.getAttribute("data-testid")).toBe("test-card");
-    });
-
-    it("passes id attribute", () => {
-      const { container } = render(() => <Card id="my-card">Content</Card>);
-      const card = container.firstChild as HTMLElement;
-      expect(card.id).toBe("my-card");
-    });
-  });
-});

package/tests/components/display/Link.spec.tsx

@@ -1,62 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Link } from "../../../src/components/display/Link";
-
-describe("Link", () => {
-  describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => <Link href="https://example.com">링크</Link>);
-      expect(getByText("링크")).toBeTruthy();
-    });
-
-    it("renders as link element", () => {
-      const { container } = render(() => <Link href="https://example.com">링크</Link>);
-      const link = container.firstChild as HTMLElement;
-      expect(link.tagName).toBe("A");
-    });
-  });
-
-  describe("href prop", () => {
-    it("passes href to anchor element", () => {
-      const { container } = render(() => <Link href="https://example.com">링크</Link>);
-      const link = container.firstChild as HTMLAnchorElement;
-      expect(link.getAttribute("href")).toBe("https://example.com");
-    });
-
-    it("passes target attribute", () => {
-      const { container } = render(() => (
-        <Link href="https://example.com" target="_blank">
-          링크
-        </Link>
-      ));
-      const link = container.firstChild as HTMLAnchorElement;
-      expect(link.getAttribute("target")).toBe("_blank");
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      /* eslint-disable tailwindcss/no-custom-classname */
-      const { container } = render(() => (
-        <Link href="#" class="my-link">
-          링크
-        </Link>
-      ));
-      /* eslint-enable tailwindcss/no-custom-classname */
-      const link = container.firstChild as HTMLElement;
-      expect(link.classList.contains("my-link")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => (
-        <Link href="#" data-testid="test-link">
-          링크
-        </Link>
-      ));
-      const link = container.firstChild as HTMLElement;
-      expect(link.getAttribute("data-testid")).toBe("test-link");
-    });
-  });
-});

package/tests/components/display/Tag.spec.tsx

@@ -1,47 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Tag } from "../../../src/components/display/Tag";
-
-describe("Tag", () => {
-  describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => <Tag>New</Tag>);
-      expect(getByText("New")).toBeTruthy();
-    });
-
-    it("renders as span element", () => {
-      const { container } = render(() => <Tag>Tag</Tag>);
-      const tag = container.firstChild as HTMLElement;
-      expect(tag.tagName).toBe("SPAN");
-    });
-  });
-
-  describe("theme prop", () => {
-    it("applies different styles per theme", () => {
-      const { container: defaultContainer } = render(() => <Tag>Tag</Tag>);
-      const { container: themedContainer } = render(() => <Tag theme="danger">Tag</Tag>);
-
-      const defaultClass = (defaultContainer.firstChild as HTMLElement).className;
-      const themedClass = (themedContainer.firstChild as HTMLElement).className;
-
-      expect(defaultClass).not.toBe(themedClass);
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <Tag class="my-tag">Tag</Tag>);
-      const tag = container.firstChild as HTMLElement;
-      expect(tag.classList.contains("my-tag")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => <Tag data-testid="test-tag">Tag</Tag>);
-      const tag = container.firstChild as HTMLElement;
-      expect(tag.getAttribute("data-testid")).toBe("test-tag");
-    });
-  });
-});

package/tests/components/feedback/print/Print.spec.tsx

@@ -1,45 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { Print } from "../../../../src/components/feedback/print/Print";
-
-describe("Print", () => {
-  describe("basic rendering", () => {
-    it("renders children", () => {
-      const { getByText } = render(() => <Print>테스트 내용</Print>);
-      expect(getByText("테스트 내용")).toBeTruthy();
-    });
-  });
-
-  describe("Print.Page", () => {
-    it("renders with data-print-page attribute", () => {
-      const { container } = render(() => (
-        <Print>
-          <Print.Page>페이지 1</Print.Page>
-        </Print>
-      ));
-      const page = container.querySelector("[data-print-page]");
-      expect(page).toBeTruthy();
-    });
-
-    it("each Print.Page has data-print-page attribute", () => {
-      const { container } = render(() => (
-        <Print>
-          <Print.Page>페이지 1</Print.Page>
-          <Print.Page>페이지 2</Print.Page>
-          <Print.Page>페이지 3</Print.Page>
-        </Print>
-      ));
-      const pages = container.querySelectorAll("[data-print-page]");
-      expect(pages.length).toBe(3);
-    });
-
-    it("renders Print.Page children", () => {
-      const { getByText } = render(() => (
-        <Print>
-          <Print.Page>페이지 내용</Print.Page>
-        </Print>
-      ));
-      expect(getByText("페이지 내용")).toBeTruthy();
-    });
-  });
-});

package/tests/components/layout/FormGroup.spec.tsx

@@ -1,104 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { FormGroup } from "../../../src/components/layout/FormGroup";
-
-describe("FormGroup component", () => {
-  describe("basic rendering", () => {
-    it("displays children inside FormGroup", () => {
-      const { getByText } = render(() => <FormGroup>Content</FormGroup>);
-      expect(getByText("Content")).toBeTruthy();
-    });
-
-    it("renders as div element", () => {
-      const { container } = render(() => <FormGroup>Content</FormGroup>);
-      const group = container.firstChild as HTMLElement;
-      expect(group.tagName).toBe("DIV");
-    });
-  });
-
-  describe("inline property", () => {
-    it("styles differ based on inline prop", () => {
-      const { container: defaultContainer } = render(() => <FormGroup>Content</FormGroup>);
-      const { container: inlineContainer } = render(() => <FormGroup inline>Content</FormGroup>);
-
-      const defaultClass = (defaultContainer.firstChild as HTMLElement).className;
-      const inlineClass = (inlineContainer.firstChild as HTMLElement).className;
-
-      expect(defaultClass).not.toBe(inlineClass);
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <FormGroup class="my-form-group">Content</FormGroup>);
-      const group = container.firstChild as HTMLElement;
-      expect(group.classList.contains("my-form-group")).toBe(true);
-    });
-  });
-});
-
-describe("FormGroup.Item component", () => {
-  describe("basic rendering", () => {
-    it("displays children inside Item", () => {
-      const { getByText } = render(() => (
-        <FormGroup>
-          <FormGroup.Item>Field Content</FormGroup.Item>
-        </FormGroup>
-      ));
-      expect(getByText("Field Content")).toBeTruthy();
-    });
-
-    it("renders as div element", () => {
-      const { container } = render(() => (
-        <FormGroup>
-          <FormGroup.Item>Content</FormGroup.Item>
-        </FormGroup>
-      ));
-      const item = container.querySelector("[data-form-group-item]");
-      expect(item?.tagName).toBe("DIV");
-    });
-  });
-
-  describe("label property", () => {
-    it("displays label", () => {
-      const { getByText } = render(() => (
-        <FormGroup>
-          <FormGroup.Item label="Name">Input</FormGroup.Item>
-        </FormGroup>
-      ));
-      expect(getByText("Name")).toBeTruthy();
-    });
-
-    it("label can be JSX.Element", () => {
-      const { getByText } = render(() => (
-        <FormGroup>
-          <FormGroup.Item label={<span>Custom Label</span>}>Input</FormGroup.Item>
-        </FormGroup>
-      ));
-      expect(getByText("Custom Label")).toBeTruthy();
-    });
-
-    it("label element is not rendered when no label is provided", () => {
-      const { container } = render(() => (
-        <FormGroup>
-          <FormGroup.Item>Input</FormGroup.Item>
-        </FormGroup>
-      ));
-      expect(container.querySelector("label")).toBeNull();
-    });
-  });
-
-  describe("class merging", () => {
-    it("applies custom classes to Item", () => {
-      const { container } = render(() => (
-        <FormGroup>
-          {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
-          <FormGroup.Item class="my-item">Content</FormGroup.Item>
-        </FormGroup>
-      ));
-      const item = container.querySelector("[data-form-group-item]");
-      expect(item?.classList.contains("my-item")).toBe(true);
-    });
-  });
-});

package/tests/components/layout/FormTable.spec.tsx

@@ -1,43 +0,0 @@
-import { render } from "@solidjs/testing-library";
-import { describe, it, expect } from "vitest";
-import { FormTable } from "../../../src/components/layout/FormTable";
-
-describe("FormTable component", () => {
-  describe("basic rendering", () => {
-    it("displays children inside FormTable", () => {
-      const { container } = render(() => (
-        <FormTable>
-          <tbody>
-            <tr>
-              <td>Content</td>
-            </tr>
-          </tbody>
-        </FormTable>
-      ));
-      expect(container.querySelector("td")?.textContent).toBe("Content");
-    });
-
-    it("renders as table element", () => {
-      const { container } = render(() => <FormTable>Content</FormTable>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.tagName).toBe("TABLE");
-    });
-  });
-
-  describe("class merging", () => {
-    it("merges custom classes", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <FormTable class="my-form-table">Content</FormTable>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.classList.contains("my-form-table")).toBe(true);
-    });
-  });
-
-  describe("HTML attribute forwarding", () => {
-    it("passes data-* attributes", () => {
-      const { container } = render(() => <FormTable data-testid="test-table">Content</FormTable>);
-      const table = container.firstChild as HTMLElement;
-      expect(table.getAttribute("data-testid")).toBe("test-table");
-    });
-  });
-});