@godown/react 3.7.5 → 3.8.0

package/src/breath.ts

@@ -0,0 +1,17 @@
+"use client";
+import Breath from "godown/breath.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Breath);
+
+export * from "godown/breath.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-breath": IntrinsicElement<Breath>;
+    }
+  }
+}

package/src/button.ts

@@ -0,0 +1,17 @@
+"use client";
+import Button from "godown/button.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Button);
+
+export * from "godown/button.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-button": IntrinsicElement<Button>;
+    }
+  }
+}

package/src/card.ts

@@ -0,0 +1,17 @@
+"use client";
+import Card from "godown/card.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Card);
+
+export * from "godown/card.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-card": IntrinsicElement<Card>;
+    }
+  }
+}

package/src/carousel.ts

@@ -0,0 +1,24 @@
+"use client";
+import Carousel from "godown/carousel.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Carousel,
+  eventMap<{
+    onChange: TargetedCustomEvent<number, Carousel>;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/carousel.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-carousel": IntrinsicElement<Carousel>;
+    }
+  }
+}

package/src/details.ts

@@ -0,0 +1,24 @@
+"use client";
+import Details from "godown/details.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Details,
+  eventMap<{
+    onChange: TargetedCustomEvent<boolean, Details>;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/details.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-details": IntrinsicElement<Details>;
+    }
+  }
+}

package/src/dialog.ts

@@ -0,0 +1,24 @@
+"use client";
+import Dialog from "godown/dialog.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Dialog,
+  eventMap<{
+    onChange: TargetedCustomEvent<boolean, Dialog>;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/dialog.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-dialog": IntrinsicElement<Dialog>;
+    }
+  }
+}

package/src/divider.ts

@@ -0,0 +1,17 @@
+"use client";
+import Divider from "godown/divider.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Divider);
+
+export * from "godown/divider.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-divider": IntrinsicElement<Divider>;
+    }
+  }
+}

package/src/dragbox.ts

@@ -0,0 +1,17 @@
+"use client";
+import Dragbox from "godown/dragbox.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Dragbox);
+
+export * from "godown/dragbox.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-dragbox": IntrinsicElement<Dragbox>;
+    }
+  }
+}

package/src/flex.ts

@@ -0,0 +1,17 @@
+"use client";
+import Flex from "godown/flex.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Flex);
+
+export * from "godown/flex.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-flex": IntrinsicElement<Flex>;
+    }
+  }
+}

package/src/form.ts

@@ -0,0 +1,17 @@
+"use client";
+import Form from "godown/form.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Form);
+
+export * from "godown/form.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-form": IntrinsicElement<Form>;
+    }
+  }
+}

package/src/grid.ts

@@ -0,0 +1,17 @@
+"use client";
+import Grid from "godown/grid.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Grid);
+
+export * from "godown/grid.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-grid": IntrinsicElement<Grid>;
+    }
+  }
+}

package/src/heading.ts

@@ -0,0 +1,17 @@
+"use client";
+import Heading from "godown/heading.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Heading);
+
+export * from "godown/heading.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-heading": IntrinsicElement<Heading>;
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,31 @@
+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";
+export { default as Carousel } from "./carousel.js";
+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 Flex } from "./flex.js";
+export { default as Form } from "./form.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 Range } from "./range.js";
+export { default as Rotate } from "./rotate.js";
+export { default as Router } from "./router.js";
+export { default as Select } from "./select.js";
+export { default as Skeleton } from "./skeleton.js";
+export { default as Split } from "./split.js";
+export { default as Switch } from "./switch.js";
+export { default as Tabs } from "./tabs.js";
+export { default as Text } from "./text.js";
+export { default as Time } from "./time.js";
+export { default as Tooltip } from "./tooltip.js";
+export { default as Typewriter } from "./typewriter.js";

package/src/input.ts

@@ -0,0 +1,26 @@
+"use client";
+import Input from "godown/input.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Input,
+  eventMap<{
+    onChange: TargetedCustomEvent<string, Input>;
+    onInput: TargetedCustomEvent<string, Input>;
+  }>({
+    onChange: "change",
+    onInput: "input",
+  }),
+);
+
+export * from "godown/input.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-input": IntrinsicElement<Input>;
+    }
+  }
+}

package/src/layout.ts

@@ -0,0 +1,17 @@
+"use client";
+import Layout from "godown/layout.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Layout);
+
+export * from "godown/layout.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-layout": IntrinsicElement<Layout>;
+    }
+  }
+}

package/src/lib/create.ts

@@ -0,0 +1,41 @@
+import { createComponent, type EventName } from "@lit/react";
+import * as React from "react";
+
+interface WithTagName<T> {
+  elementTagName?: string;
+  new(): T;
+}
+
+export type TargetedCustomEvent<D = any, T = HTMLElement> = Omit<CustomEvent<D>, "target"> & {
+  target: T;
+};
+
+type OrLower<N> = N extends string ? N | Lowercase<N> : never;
+
+export const createReact = <G extends HTMLElement, E extends Record<string, any>>(
+  elementClass: WithTagName<G>,
+  events?: E,
+) => {
+  return createComponent<G, E>({
+    elementClass,
+    tagName: elementClass.elementTagName,
+    react: React,
+    events,
+  });
+};
+
+export const eventMap = <T extends Record<string, any>>(
+  eMap: Record<keyof T, any>,
+): Record<OrLower<keyof T>, EventName<T[keyof T]>> => {
+  if (!eMap) {
+    return;
+  }
+  for (const key in eMap) {
+    if (key === key.toLowerCase()) {
+      eMap[key] = undefined;
+    }
+  }
+  return eMap;
+};
+
+export default createReact;

package/src/lib/intrinsic.ts

@@ -0,0 +1,26 @@
+import type { WebComponentProps } from "@lit/react";
+import type { DetailedHTMLProps, HTMLAttributes } from "react";
+
+export type _IntrinsicElement<T extends HTMLElement> = DetailedHTMLProps<
+  HTMLAttributes<T> & Partial<Omit<T, keyof HTMLElement>>,
+  T
+>;
+export type IntrinsicElement<T extends HTMLElement> = WebComponentProps<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/src/link.ts

@@ -0,0 +1,30 @@
+"use client";
+import Link from "godown/link.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Link,
+  eventMap<{
+    onNavigate: TargetedCustomEvent<
+      {
+        state: object;
+        pathname: string;
+      },
+      Link
+    >;
+  }>({
+    onNavigate: "navigate",
+  }),
+);
+
+export * from "godown/link.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-link": IntrinsicElement<Link>;
+    }
+  }
+}

package/src/progress.ts

@@ -0,0 +1,17 @@
+"use client";
+import Progress from "godown/progress.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Progress);
+
+export * from "godown/progress.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-progress": IntrinsicElement<Progress>;
+    }
+  }
+}

package/src/range.ts

@@ -0,0 +1,24 @@
+"use client";
+import Range from "godown/range.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Range,
+  eventMap<{
+    onChange: TargetedCustomEvent<string, Range>;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/range.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-range": IntrinsicElement<Range>;
+    }
+  }
+}

package/src/rotate.ts

@@ -0,0 +1,17 @@
+"use client";
+import Rotate from "godown/rotate.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Rotate);
+
+export * from "godown/rotate.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-rotate": IntrinsicElement<Rotate>;
+    }
+  }
+}

package/src/router.ts

@@ -0,0 +1,32 @@
+"use client";
+import Router from "godown/router.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Router,
+  eventMap<{
+    onChange: TargetedCustomEvent<
+      {
+        pathname: string;
+        params: Record<string, string>;
+        path: string;
+        component: unknown;
+      },
+      Router
+    >;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/router.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-router": IntrinsicElement<Router>;
+    }
+  }
+}

package/src/select.ts

@@ -0,0 +1,28 @@
+"use client";
+import Select from "godown/select.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Select,
+  eventMap<{
+    onChange: TargetedCustomEvent<string, Select>;
+    onInput: TargetedCustomEvent<string, Select>;
+    onSelect: TargetedCustomEvent<string | string[], Select>;
+  }>({
+    onInput: "input",
+    onChange: "change",
+    onSelect: "select",
+  }),
+);
+
+export * from "godown/select.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-select": IntrinsicElement<Select>;
+    }
+  }
+}

package/src/skeleton.ts

@@ -0,0 +1,17 @@
+"use client";
+import Skeleton from "godown/skeleton.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Skeleton);
+
+export * from "godown/skeleton.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-skeleton": IntrinsicElement<Skeleton>;
+    }
+  }
+}

package/src/split.ts

@@ -0,0 +1,26 @@
+"use client";
+import Split from "godown/split.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Split,
+  eventMap<{
+    onChange: TargetedCustomEvent<string, Split>;
+    onInput: TargetedCustomEvent<string, Split>;
+  }>({
+    onChange: "change",
+    onInput: "input",
+  }),
+);
+
+export * from "godown/split.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-split": IntrinsicElement<Split>;
+    }
+  }
+}

package/src/switch.ts

@@ -0,0 +1,24 @@
+"use client";
+import Switch from "godown/switch.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Switch,
+  eventMap<{
+    onChange: TargetedCustomEvent<boolean, Switch>;
+  }>({
+    onChange: "change",
+  }),
+);
+
+export * from "godown/switch.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-switch": IntrinsicElement<Switch>;
+    }
+  }
+}

package/src/tabs.ts

@@ -0,0 +1,24 @@
+"use client";
+import Tabs from "godown/tabs.js";
+
+import { createReact, eventMap, type TargetedCustomEvent } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(
+  Tabs,
+  eventMap<{
+    onSelect: TargetedCustomEvent<number, Tabs>;
+  }>({
+    onSelect: "select",
+  }),
+);
+
+export * from "godown/tabs.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-tabs": IntrinsicElement<Tabs>;
+    }
+  }
+}

package/src/text.ts

@@ -0,0 +1,17 @@
+"use client";
+import Text from "godown/text.js";
+
+import { createReact } from "./lib/create.js";
+import type { IntrinsicElement } from "./lib/intrinsic.js";
+
+export default createReact(Text);
+
+export * from "godown/text.js";
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      "godown-text": IntrinsicElement<Text>;
+    }
+  }
+}