dn-react-router-toolkit 0.5.8 → 0.6.0

package/dist/form/create_form_component.d.mts

@@ -0,0 +1,28 @@
+import React__default, { HTMLElementType, DetailedHTMLProps, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FormHTMLAttributes } from 'react';
+
+type ElementPropsMap = {
+    div: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    p: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+    span: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+    input: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    textarea: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+    select: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+    button: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    label: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+    h1: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h2: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h3: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h4: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h5: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h6: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    form: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+    section: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+    header: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+    footer: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+};
+type Props<T extends HTMLElementType> = T extends keyof ElementPropsMap ? ElementPropsMap[T] : DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function createComponent<T extends HTMLElementType>(tag: T, options: {
+    className?: string;
+}): ({ className, ...props }: Props<T>) => React__default.JSX.Element;
+
+export { createComponent };

package/dist/form/create_form_component.d.ts

@@ -0,0 +1,28 @@
+import React__default, { HTMLElementType, DetailedHTMLProps, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, FormHTMLAttributes } from 'react';
+
+type ElementPropsMap = {
+    div: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    p: DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+    span: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+    input: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    textarea: DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+    select: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+    button: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    label: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+    h1: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h2: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h3: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h4: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h5: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    h6: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+    form: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+    section: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+    header: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+    footer: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+};
+type Props<T extends HTMLElementType> = T extends keyof ElementPropsMap ? ElementPropsMap[T] : DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function createComponent<T extends HTMLElementType>(tag: T, options: {
+    className?: string;
+}): ({ className, ...props }: Props<T>) => React__default.JSX.Element;
+
+export { createComponent };

package/dist/form/create_form_component.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form/create_form_component.tsx
+var create_form_component_exports = {};
+__export(create_form_component_exports, {
+  createComponent: () => createComponent
+});
+module.exports = __toCommonJS(create_form_component_exports);
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ import_react.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createComponent
+});

package/dist/form/create_form_component.mjs

@@ -0,0 +1,12 @@
+// src/form/create_form_component.tsx
+import { cn } from "dn-react-toolkit/utils";
+import React from "react";
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ React.createElement(Tag, { ...props, className: cn(options.className, className) });
+  };
+}
+export {
+  createComponent
+};

package/dist/form/form_components.d.mts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare const FormEntry: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+declare const FormRow: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+declare const FormLabel: ({ className, ...props }: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>) => React.JSX.Element;
+
+export { FormEntry, FormLabel, FormRow };

package/dist/form/form_components.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare const FormEntry: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+declare const FormRow: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.JSX.Element;
+declare const FormLabel: ({ className, ...props }: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>) => React.JSX.Element;
+
+export { FormEntry, FormLabel, FormRow };

package/dist/form/form_components.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form/form_components.tsx
+var form_components_exports = {};
+__export(form_components_exports, {
+  FormEntry: () => FormEntry,
+  FormLabel: () => FormLabel,
+  FormRow: () => FormRow
+});
+module.exports = __toCommonJS(form_components_exports);
+
+// src/form/create_form_component.tsx
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ import_react.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+  };
+}
+
+// src/form/form_components.tsx
+var FormEntry = createComponent("div", {
+  className: "flex-1"
+});
+var FormRow = createComponent("div", {
+  className: "flex-1 flex gap-4 mb-6"
+});
+var FormLabel = createComponent("label", {
+  className: "flex-1 font-semibold mb-2.5 block"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormEntry,
+  FormLabel,
+  FormRow
+});

package/dist/form/form_components.mjs

@@ -0,0 +1,25 @@
+// src/form/create_form_component.tsx
+import { cn } from "dn-react-toolkit/utils";
+import React from "react";
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ React.createElement(Tag, { ...props, className: cn(options.className, className) });
+  };
+}
+
+// src/form/form_components.tsx
+var FormEntry = createComponent("div", {
+  className: "flex-1"
+});
+var FormRow = createComponent("div", {
+  className: "flex-1 flex gap-4 mb-6"
+});
+var FormLabel = createComponent("label", {
+  className: "flex-1 font-semibold mb-2.5 block"
+});
+export {
+  FormEntry,
+  FormLabel,
+  FormRow
+};

package/dist/form/index.d.mts

@@ -0,0 +1,3 @@
+export { FormEntry, FormLabel, FormRow } from './form_components.mjs';
+export { createComponent } from './create_form_component.mjs';
+import 'react';

package/dist/form/index.d.ts

@@ -0,0 +1,3 @@
+export { FormEntry, FormLabel, FormRow } from './form_components.js';
+export { createComponent } from './create_form_component.js';
+import 'react';

package/dist/form/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form/index.ts
+var form_exports = {};
+__export(form_exports, {
+  FormEntry: () => FormEntry,
+  FormLabel: () => FormLabel,
+  FormRow: () => FormRow,
+  createComponent: () => createComponent
+});
+module.exports = __toCommonJS(form_exports);
+
+// src/form/create_form_component.tsx
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ import_react.default.createElement(Tag, { ...props, className: (0, import_utils.cn)(options.className, className) });
+  };
+}
+
+// src/form/form_components.tsx
+var FormEntry = createComponent("div", {
+  className: "flex-1"
+});
+var FormRow = createComponent("div", {
+  className: "flex-1 flex gap-4 mb-6"
+});
+var FormLabel = createComponent("label", {
+  className: "flex-1 font-semibold mb-2.5 block"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormEntry,
+  FormLabel,
+  FormRow,
+  createComponent
+});

package/dist/form/index.mjs

@@ -0,0 +1,26 @@
+// src/form/create_form_component.tsx
+import { cn } from "dn-react-toolkit/utils";
+import React from "react";
+function createComponent(tag, options) {
+  return function FormComponent({ className, ...props }) {
+    const Tag = tag;
+    return /* @__PURE__ */ React.createElement(Tag, { ...props, className: cn(options.className, className) });
+  };
+}
+
+// src/form/form_components.tsx
+var FormEntry = createComponent("div", {
+  className: "flex-1"
+});
+var FormRow = createComponent("div", {
+  className: "flex-1 flex gap-4 mb-6"
+});
+var FormLabel = createComponent("label", {
+  className: "flex-1 font-semibold mb-2.5 block"
+});
+export {
+  FormEntry,
+  FormLabel,
+  FormRow,
+  createComponent
+};

package/dist/post/index.d.mts

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

package/dist/post/index.d.ts

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

package/dist/post/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/post/index.ts
+var post_exports = {};
+module.exports = __toCommonJS(post_exports);
+
+// src/post/thumbnail_picker.tsx
+var import_react_store_input = require("react-store-input");
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));

package/dist/post/index.mjs

@@ -0,0 +1,4 @@
+// src/post/thumbnail_picker.tsx
+import { useSelector } from "react-store-input";
+import { cn } from "dn-react-toolkit/utils";
+import React, { useEffect, useState } from "react";

package/dist/post/thumbnail_picker.d.mts

@@ -0,0 +1,18 @@
+import { Store } from 'react-store-input';
+import React__default, { RefObject } from 'react';
+import { TextEditorController } from 'dn-react-text-editor';
+
+declare function PostThumbnailPicker<T extends {
+    thumbnail: string | null;
+}>({ store, textEditorRef, ResponsiveImage, }: {
+    store: Store<T>;
+    textEditorRef: RefObject<TextEditorController>;
+    ResponsiveImage: React__default.FC<{
+        src: string;
+        alt: string;
+        className?: string;
+        sizes?: string;
+    }>;
+}): React__default.JSX.Element;
+
+export { PostThumbnailPicker as default };

package/dist/post/thumbnail_picker.d.ts

@@ -0,0 +1,18 @@
+import { Store } from 'react-store-input';
+import React__default, { RefObject } from 'react';
+import { TextEditorController } from 'dn-react-text-editor';
+
+declare function PostThumbnailPicker<T extends {
+    thumbnail: string | null;
+}>({ store, textEditorRef, ResponsiveImage, }: {
+    store: Store<T>;
+    textEditorRef: RefObject<TextEditorController>;
+    ResponsiveImage: React__default.FC<{
+        src: string;
+        alt: string;
+        className?: string;
+        sizes?: string;
+    }>;
+}): React__default.JSX.Element;
+
+export { PostThumbnailPicker as default };

package/dist/post/thumbnail_picker.js

@@ -0,0 +1,101 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/post/thumbnail_picker.tsx
+var thumbnail_picker_exports = {};
+__export(thumbnail_picker_exports, {
+  default: () => PostThumbnailPicker
+});
+module.exports = __toCommonJS(thumbnail_picker_exports);
+var import_react_store_input = require("react-store-input");
+var import_utils = require("dn-react-toolkit/utils");
+var import_react = __toESM(require("react"));
+function PostThumbnailPicker({
+  store,
+  textEditorRef,
+  ResponsiveImage
+}) {
+  const thumbnail = (0, import_react_store_input.useSelector)(store, (state) => state.thumbnail);
+  const [thumbnails, setThumbnails] = (0, import_react.useState)([]);
+  (0, import_react.useEffect)(() => {
+    const update = () => {
+      if (!textEditorRef.current) {
+        return;
+      }
+      const html = textEditorRef.current.value;
+      if (!html) {
+        return;
+      }
+      const parser = new DOMParser();
+      const docHtml = parser.parseFromString(html, "text/html");
+      const images = docHtml.querySelectorAll("img");
+      const thumbnails2 = Array.from(images).map((img) => img.src);
+      setThumbnails(thumbnails2);
+      if (thumbnails2.length > 0 && !store.state.thumbnail) {
+        store.dispatch((state) => {
+          state.thumbnail = thumbnails2[0];
+        });
+      }
+    };
+    const sub = textEditorRef.current.subject.subscribe((tr) => {
+      update();
+    });
+    setTimeout(() => {
+      update();
+    }, 0);
+    return () => {
+      sub.unsubscribe();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-2 gap-1" }, thumbnails.map((url, index) => /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      key: index,
+      type: "button",
+      className: (0, import_utils.cn)(
+        "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
+        thumbnail === url && "border-transparent ring-2 ring-primary"
+      ),
+      onClick: () => {
+        store.dispatch((state) => {
+          state.thumbnail = url;
+        });
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      ResponsiveImage,
+      {
+        src: url,
+        alt: `Thumbnail ${index + 1}`,
+        className: "w-full h-full object-cover",
+        sizes: "200px"
+      }
+    )
+  )));
+}

package/dist/post/thumbnail_picker.mjs

@@ -0,0 +1,70 @@
+// src/post/thumbnail_picker.tsx
+import { useSelector } from "react-store-input";
+import { cn } from "dn-react-toolkit/utils";
+import React, { useEffect, useState } from "react";
+function PostThumbnailPicker({
+  store,
+  textEditorRef,
+  ResponsiveImage
+}) {
+  const thumbnail = useSelector(store, (state) => state.thumbnail);
+  const [thumbnails, setThumbnails] = useState([]);
+  useEffect(() => {
+    const update = () => {
+      if (!textEditorRef.current) {
+        return;
+      }
+      const html = textEditorRef.current.value;
+      if (!html) {
+        return;
+      }
+      const parser = new DOMParser();
+      const docHtml = parser.parseFromString(html, "text/html");
+      const images = docHtml.querySelectorAll("img");
+      const thumbnails2 = Array.from(images).map((img) => img.src);
+      setThumbnails(thumbnails2);
+      if (thumbnails2.length > 0 && !store.state.thumbnail) {
+        store.dispatch((state) => {
+          state.thumbnail = thumbnails2[0];
+        });
+      }
+    };
+    const sub = textEditorRef.current.subject.subscribe((tr) => {
+      update();
+    });
+    setTimeout(() => {
+      update();
+    }, 0);
+    return () => {
+      sub.unsubscribe();
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-1" }, thumbnails.map((url, index) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: index,
+      type: "button",
+      className: cn(
+        "border border-neutral-200 rounded-lg overflow-hidden aspect-4/3",
+        thumbnail === url && "border-transparent ring-2 ring-primary"
+      ),
+      onClick: () => {
+        store.dispatch((state) => {
+          state.thumbnail = url;
+        });
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      ResponsiveImage,
+      {
+        src: url,
+        alt: `Thumbnail ${index + 1}`,
+        className: "w-full h-full object-cover",
+        sizes: "200px"
+      }
+    )
+  )));
+}
+export {
+  PostThumbnailPicker as default
+};

package/dist/seo/seo.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import * as Schema from 'schema-dts';
 import { MetaFunction } from 'react-router';
 
@@ -65,7 +65,7 @@ declare function configSEO(config: {
         thumbnail: SEOImage | null | undefined;
     };
     meta: MetaFunction<unknown, Record<string, unknown>>;
-    StructedData: () => React.JSX.Element;
+    StructedData: () => React__default.JSX.Element;
 };
 
 export { type SEO, type SEOImage, configSEO };

package/dist/seo/seo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import * as Schema from 'schema-dts';
 import { MetaFunction } from 'react-router';
 
@@ -65,7 +65,7 @@ declare function configSEO(config: {
         thumbnail: SEOImage | null | undefined;
     };
     meta: MetaFunction<unknown, Record<string, unknown>>;
-    StructedData: () => React.JSX.Element;
+    StructedData: () => React__default.JSX.Element;
 };
 
 export { type SEO, type SEOImage, configSEO };

package/dist/table/buttons.d.mts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 
 declare function TablePageButtons({ MAX_PAGES_TO_SHOW, total, limit, offset, }: {
     MAX_PAGES_TO_SHOW: number;
     total: number;
     limit: number;
     offset: number;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
 export { TablePageButtons as default };

package/dist/table/buttons.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default from 'react';
 
 declare function TablePageButtons({ MAX_PAGES_TO_SHOW, total, limit, offset, }: {
     MAX_PAGES_TO_SHOW: number;
     total: number;
     limit: number;
     offset: number;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
 export { TablePageButtons as default };