Merge pull request #28 from gregberge/support-svg

fix(types): support svg tags
gregberge · Dec 27, 2023 · 4705653 · 4705653
2 parents 0d8ce78 + 46edf5c
commit 4705653
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/index.test.tsx b/src/index.test.tsx
@@ -234,4 +234,12 @@ describe("twc", () => {
     >`py-2`;
     render(<Accordion type="single" collapsible></Accordion>);
   });
+
+  test("allows svg", () => {
+    const Svg = twc.svg`text-xl`;
+    render(<Svg data-testid="svg" />);
+    const svg = screen.getByTestId("svg");
+    expect(svg).toBeDefined();
+    expect(svg.tagName).toBe("SVG");
+  });
 });
diff --git a/src/index.tsx b/src/index.tsx
@@ -40,6 +40,11 @@ type Template<
   ResultProps<TComponent, TProps, TExtraProps, TCompose>
 >;
 
+type ElementTagName = Exclude<
+  keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap,
+  "set"
+>;
+
 type FirstLevelTemplate<
   TComponent extends React.ElementType,
   TCompose extends AbstractCompose,
@@ -57,7 +62,7 @@ type FirstLevelTemplate<
 type Twc<TCompose extends AbstractCompose> = (<T extends React.ElementType>(
   component: T,
 ) => FirstLevelTemplate<T, TCompose, undefined>) & {
-  [Key in keyof HTMLElementTagNameMap]: FirstLevelTemplate<
+  [Key in ElementTagName]: FirstLevelTemplate<
     Key,
     TCompose,
     { asChild?: boolean }