@godown/react 3.0.0-canary.16 → 3.0.0-canary.17

package/alert.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/alert.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/alert.js";
 declare global {

package/avatar.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/avatar.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/avatar.js";
 declare global {

package/badge.d.ts

@@ -0,0 +1,12 @@
+import component from "godown/badge.js";
+import type { IntrinsicTag } from "./lib/intrinsic.js";
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
+export default _default;
+export * from "godown/badge.js";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "godown-badge": IntrinsicTag<"godown-badge">;
+        }
+    }
+}

package/badge.js

@@ -0,0 +1,5 @@
+"use client";
+import component from "godown/badge.js";
+import create from "./lib/create.js";
+export default create(component);
+export * from "godown/badge.js";

package/breath.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/breath.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/breath.js";
 declare global {

package/button.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/button.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/button.js";
 declare global {

package/card.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/card.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/card.js";
 declare global {

package/carousel.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/carousel.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/carousel.js";
 declare global {

package/details.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/details.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/details.js";
 declare global {

package/dialog.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/dialog.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/dialog.js";
 declare global {

package/divider.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/divider.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/divider.js";
 declare global {

package/dragbox.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/dragbox.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/dragbox.js";
 declare global {

package/flex.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/flex.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/flex.js";
 declare global {

package/form.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/form.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component<any>, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component<any>, object>;
 export default _default;
 export * from "godown/form.js";
 declare global {

package/grid.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/grid.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/grid.js";
 declare global {

package/heading.d.ts

@@ -0,0 +1,12 @@
+import component from "godown/heading.js";
+import type { IntrinsicTag } from "./lib/intrinsic.js";
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
+export default _default;
+export * from "godown/heading.js";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "godown-heading": IntrinsicTag<"godown-heading">;
+        }
+    }
+}

package/heading.js

@@ -0,0 +1,5 @@
+"use client";
+import component from "godown/heading.js";
+import create from "./lib/create.js";
+export default create(component);
+export * from "godown/heading.js";

package/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Alert } from "./alert.js";
 export { default as Avatar } from "./avatar.js";
+export { default as Badge } from "./badge.js";
 export { default as Breath } from "./breath.js";
 export { default as Button } from "./button.js";
 export { default as Card } from "./card.js";
@@ -8,20 +9,21 @@ export { default as Details } from "./details.js";
 export { default as Dialog } from "./dialog.js";
 export { default as Divider } from "./divider.js";
 export { default as Dragbox } from "./dragbox.js";
-export { default as FlexFlow } from "./flex.js";
+export { default as Flex } from "./flex.js";
 export { default as Form } from "./form.js";
-export { default as GridFlow } from "./grid.js";
+export { default as Grid } from "./grid.js";
+export { default as Heading } from "./heading.js";
 export { default as Input } from "./input.js";
 export { default as Layout } from "./layout.js";
 export { default as Link } from "./link.js";
 export { default as Progress } from "./progress.js";
-export { default as RangeInput } from "./range.js";
+export { default as Range } from "./range.js";
 export { default as Rotate } from "./rotate.js";
 export { default as Router } from "./router.js";
-export { default as SelectInput } from "./select.js";
+export { default as Select } from "./select.js";
 export { default as Skeleton } from "./skeleton.js";
-export { default as SplitInput } from "./split.js";
-export { default as SwitchInput } from "./switch.js";
+export { default as Split } from "./split.js";
+export { default as Switch } from "./switch.js";
 export { default as Text } from "./text.js";
 export { default as Time } from "./time.js";
 export { default as Tooltip } from "./tooltip.js";

package/index.js

@@ -1,5 +1,6 @@
 export { default as Alert } from "./alert.js";
 export { default as Avatar } from "./avatar.js";
+export { default as Badge } from "./badge.js";
 export { default as Breath } from "./breath.js";
 export { default as Button } from "./button.js";
 export { default as Card } from "./card.js";
@@ -8,20 +9,21 @@ export { default as Details } from "./details.js";
 export { default as Dialog } from "./dialog.js";
 export { default as Divider } from "./divider.js";
 export { default as Dragbox } from "./dragbox.js";
-export { default as FlexFlow } from "./flex.js";
+export { default as Flex } from "./flex.js";
 export { default as Form } from "./form.js";
-export { default as GridFlow } from "./grid.js";
+export { default as Grid } from "./grid.js";
+export { default as Heading } from "./heading.js";
 export { default as Input } from "./input.js";
 export { default as Layout } from "./layout.js";
 export { default as Link } from "./link.js";
 export { default as Progress } from "./progress.js";
-export { default as RangeInput } from "./range.js";
+export { default as Range } from "./range.js";
 export { default as Rotate } from "./rotate.js";
 export { default as Router } from "./router.js";
-export { default as SelectInput } from "./select.js";
+export { default as Select } from "./select.js";
 export { default as Skeleton } from "./skeleton.js";
-export { default as SplitInput } from "./split.js";
-export { default as SwitchInput } from "./switch.js";
+export { default as Split } from "./split.js";
+export { default as Switch } from "./switch.js";
 export { default as Text } from "./text.js";
 export { default as Time } from "./time.js";
 export { default as Tooltip } from "./tooltip.js";

package/input.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/input.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/input.js";
 declare global {

package/layout.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/layout.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/layout.js";
 declare global {

package/lib/create.d.ts

@@ -0,0 +1,3 @@
+export default function <G extends (typeof HTMLElement & {
+    elementTagName?: string;
+}), E extends Record<string, any> = object>(elementClass: G, events?: E): import("@lit/react").ReactWebComponent<G["prototype"], E>;

package/lib/create.js

@@ -0,0 +1,10 @@
+import { createComponent } from "@lit/react";
+import * as React from "react";
+export default function (elementClass, events) {
+    return createComponent({
+        elementClass: elementClass,
+        tagName: elementClass.elementTagName,
+        react: React,
+        events,
+    });
+}

package/lib/intrinsic.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+export type IntrinsicElement<T extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<T> & Partial<Omit<T, keyof HTMLElement>>, T>;
+export type IntrinsicTag<T extends keyof HTMLElementTagNameMap> = IntrinsicElement<HTMLElementTagNameMap[T]>;
+/**
+ * With @types/react 18.3.15+:
+ *
+ * ```ts
+ * import { type IntrinsicMap } from "@godown/react/lib/intrinsic.js";
+ *
+ * declare module "react" {
+ *   namespace JSX {
+ *     interface IntrinsicElements extends IntrinsicMap {}
+ *   }
+ * }
+ * ```
+ */
+export type IntrinsicMap<K extends keyof HTMLElementTagNameMap = keyof HTMLElementTagNameMap> = {
+    [P in K]: IntrinsicTag<P>;
+};

package/lib/intrinsic.js

@@ -0,0 +1 @@
+export {};

package/link.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/link.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/link.js";
 declare global {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godown/react",
-  "version": "3.0.0-canary.16",
+  "version": "3.0.0-canary.17",
   "description": "React components for godown",
   "type": "module",
   "main": "index.js",
@@ -24,16 +24,15 @@
   "dependencies": {
     "@lit/react": "^1.0.5",
     "react": "^18.0.0",
-    "godown": "^3.0.0-canary.16"
+    "godown": "^3.0.0-canary.17"
   },
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "*.{js,d.ts}"
+    "**/*.{js,d.ts}"
   ],
   "scripts": {
-    "dev": "tsc --watch",
     "check-types": "tsc --noEmit",
     "clean": "tsc --build --clean",
     "build": "tsc",

package/progress.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/progress.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/progress.js";
 declare global {

package/range.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/range.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/range.js";
 declare global {

package/rotate.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/rotate.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/rotate.js";
 declare global {

package/router.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/router.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/router.js";
 declare global {

package/select.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/select.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/select.js";
 declare global {

package/skeleton.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/skeleton.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/skeleton.js";
 declare global {

package/split.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/split.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/split.js";
 declare global {

package/switch.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/switch.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/switch.js";
 declare global {

package/text.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/text.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/text.js";
 declare global {

package/time.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/time.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/time.js";
 declare global {

package/tooltip.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/tooltip.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/tooltip.js";
 declare global {

package/typewriter.d.ts

@@ -1,6 +1,6 @@
 import component from "godown/typewriter.js";
 import type { IntrinsicTag } from "./lib/intrinsic.js";
-declare const _default: import("@lit/react").ReactWebComponent<component, Record<string, string>>;
+declare const _default: import("@lit/react").ReactWebComponent<component, object>;
 export default _default;
 export * from "godown/typewriter.js";
 declare global {