dn-react-router-toolkit 0.2.7 → 0.3.1

package/dist/components/index.js

@@ -1,261 +0,0 @@
-"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/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  ModalContext: () => ModalContext,
-  baseButtonStyle: () => baseButtonStyle,
-  dangerousButtonStyle: () => dangerousButtonStyle,
-  disabledButtonStyle: () => disabledButtonStyle,
-  formInputStyle: () => formInputStyle,
-  inputBackgroundStyle: () => inputBackgroundStyle,
-  outlineButtonStyle: () => outlineButtonStyle,
-  primaryButtonStyle: () => primaryButtonStyle,
-  useFullscreen: () => useFullscreen,
-  useModal: () => useModal,
-  useModalPortal: () => useModalPortal,
-  useModalRoot: () => useModalRoot
-});
-module.exports = __toCommonJS(components_exports);
-
-// src/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ").trim();
-}
-
-// src/components/modal/fullscreen_container.tsx
-var import_react = __toESM(require("react"));
-var import_react2 = require("react");
-function useFullscreen(ref) {
-  (0, import_react2.useEffect)(() => {
-    const container = ref.current;
-    if (!container) {
-      return;
-    }
-    const scroll = () => {
-      if (scrollY > 0) {
-        window.scrollTo({
-          top: 0,
-          behavior: "instant"
-        });
-      }
-    };
-    const resize = () => {
-      if (!visualViewport) {
-        return;
-      }
-      container.classList.remove("bottom-0");
-      container.style.height = `${visualViewport?.height}px`;
-      if (visualViewport.height < window.innerHeight) {
-        window.addEventListener("scroll", scroll);
-      } else {
-        window.removeEventListener("scroll", scroll);
-      }
-    };
-    resize();
-    visualViewport?.addEventListener("resize", resize);
-    scroll();
-    return () => {
-      window.removeEventListener("scroll", scroll);
-      visualViewport?.removeEventListener("resize", resize);
-    };
-  }, [ref]);
-  return "fixed inset-0";
-}
-
-// src/components/modal/hooks.tsx
-var import_react4 = require("react");
-var import_react_dom = require("react-dom");
-
-// src/components/modal/modal.tsx
-var import_react3 = __toESM(require("react"));
-function Modal({
-  open,
-  className,
-  background = "bg-gray-500/25",
-  onBackgroundClick,
-  children,
-  ...props
-}) {
-  const containerRef = (0, import_react3.useRef)(null);
-  const fullscreen = useFullscreen(containerRef);
-  const [mounted, setMounted] = import_react3.default.useState(false);
-  (0, import_react3.useEffect)(() => {
-    if (open) {
-      setMounted(true);
-    } else {
-      setTimeout(() => {
-        setMounted(false);
-      }, 200);
-    }
-    return () => {
-    };
-  }, [open]);
-  const onBackgroundMouseDown = (event) => {
-    event.preventDefault();
-    onBackgroundClick?.();
-  };
-  const onModalMouseDown = (event) => {
-    event.stopPropagation();
-  };
-  const onBackgroundTouchStart = (event) => {
-    event.preventDefault();
-    onBackgroundClick?.();
-  };
-  const onModalTouchStart = (event) => {
-    event.stopPropagation();
-  };
-  return /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      ref: containerRef,
-      className: cn(
-        fullscreen,
-        "z-[999] flex flex-col justify-center transition-bg duration-200 md:px-6 overflow-hidden print:px-0 print:block print:overflow-auto",
-        open && mounted ? cn(background, "ease-out") : "bg-transparent ease-in pointer-events-none"
-      ),
-      onMouseDown: onBackgroundMouseDown,
-      onTouchStart: onBackgroundTouchStart
-    },
-    /* @__PURE__ */ import_react3.default.createElement(
-      "div",
-      {
-        className: cn(
-          "relative flex-1 flex flex-col justify-end md:justify-center items-center transition-[opacity transform] duration-200 print:block",
-          open && mounted ? "translate-y-[0px] opacity-100 ease-out" : "translate-y-[100%] md:translate-y-[50px] opacity-0 ease-in"
-        )
-      },
-      (open || mounted) && /* @__PURE__ */ import_react3.default.createElement(
-        "div",
-        {
-          ...props,
-          className: cn(
-            className,
-            "w-full max-h-[92vh] print:w-[unset] print:max-h-[unset] rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-auto print:rounded-none"
-          ),
-          onMouseDown: onModalMouseDown,
-          onTouchStart: onModalTouchStart
-        },
-        children
-      )
-    )
-  );
-}
-
-// src/components/modal/hooks.tsx
-var import_react5 = __toESM(require("react"));
-function useModalRoot() {
-  const [container, setContainer] = (0, import_react4.useState)(null);
-  (0, import_react4.useEffect)(() => {
-    const container2 = document.getElementById("modal-root");
-    if (container2) {
-      setContainer(container2);
-    }
-    return () => {
-      setContainer(null);
-    };
-  }, []);
-  return container;
-}
-function useModalPortal() {
-  const container = useModalRoot();
-  if (!container) {
-    return (children) => null;
-  }
-  return (children) => {
-    return (0, import_react_dom.createPortal)(children, container);
-  };
-}
-var ModalContext = (0, import_react4.createContext)({});
-function useModal() {
-  const ch2 = (0, import_react4.useRef)(
-    null
-  );
-  const open = () => {
-    ch2.current?.(true);
-  };
-  const close = () => {
-    ch2.current?.(false);
-  };
-  const Component = (0, import_react4.useCallback)(
-    function Component2(props) {
-      const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
-      const createPortal2 = useModalPortal();
-      (0, import_react4.useEffect)(() => {
-        ch2.current = (v) => {
-          setIsOpen(v);
-        };
-        return () => {
-          ch2.current = null;
-        };
-      }, []);
-      (0, import_react4.useEffect)(() => {
-        if (isOpen) {
-        } else {
-        }
-        return () => {
-        };
-      }, [isOpen]);
-      return /* @__PURE__ */ import_react5.default.createElement(ModalContext.Provider, { value: { open, close, isOpen } }, createPortal2(
-        /* @__PURE__ */ import_react5.default.createElement(Modal, { ...props, open: isOpen, onBackgroundClick: close })
-      ));
-    },
-    []
-  );
-  return {
-    open,
-    close,
-    Modal: Component
-  };
-}
-
-// src/components/styles.ts
-var inputBackgroundStyle = "text-[16px] border border-neutral-200 outline-none appearance-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-neutral-400";
-var formInputStyle = `w-full px-3 ${inputBackgroundStyle} h-[40px]`;
-var baseButtonStyle = "transition-colors text-sm font-semibold cursor-pointer flex items-center justify-center rounded-lg whitespace-nowrap text-ellipsis overflow-hidden";
-var primaryButtonStyle = `${baseButtonStyle} px-4 h-[40px] bg-gradient-to-br from-primary-400 to-primary-500 text-white transition-colors`;
-var disabledButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-neutral-200 text-neutral-400`;
-var outlineButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-white border border-neutral-300 hover:bg-neutral-50`;
-var dangerousButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-white border hover:bg-red-50 text-red-600`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ModalContext,
-  baseButtonStyle,
-  dangerousButtonStyle,
-  disabledButtonStyle,
-  formInputStyle,
-  inputBackgroundStyle,
-  outlineButtonStyle,
-  primaryButtonStyle,
-  useFullscreen,
-  useModal,
-  useModalPortal,
-  useModalRoot
-});

package/dist/components/index.mjs

@@ -1,219 +0,0 @@
-// src/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ").trim();
-}
-
-// src/components/modal/fullscreen_container.tsx
-import React from "react";
-import {
-  useEffect,
-  useRef
-} from "react";
-function useFullscreen(ref) {
-  useEffect(() => {
-    const container = ref.current;
-    if (!container) {
-      return;
-    }
-    const scroll = () => {
-      if (scrollY > 0) {
-        window.scrollTo({
-          top: 0,
-          behavior: "instant"
-        });
-      }
-    };
-    const resize = () => {
-      if (!visualViewport) {
-        return;
-      }
-      container.classList.remove("bottom-0");
-      container.style.height = `${visualViewport?.height}px`;
-      if (visualViewport.height < window.innerHeight) {
-        window.addEventListener("scroll", scroll);
-      } else {
-        window.removeEventListener("scroll", scroll);
-      }
-    };
-    resize();
-    visualViewport?.addEventListener("resize", resize);
-    scroll();
-    return () => {
-      window.removeEventListener("scroll", scroll);
-      visualViewport?.removeEventListener("resize", resize);
-    };
-  }, [ref]);
-  return "fixed inset-0";
-}
-
-// src/components/modal/hooks.tsx
-import { createContext, useCallback, useEffect as useEffect3, useRef as useRef3, useState } from "react";
-import { createPortal } from "react-dom";
-
-// src/components/modal/modal.tsx
-import React2, {
-  useEffect as useEffect2,
-  useRef as useRef2
-} from "react";
-function Modal({
-  open,
-  className,
-  background = "bg-gray-500/25",
-  onBackgroundClick,
-  children,
-  ...props
-}) {
-  const containerRef = useRef2(null);
-  const fullscreen = useFullscreen(containerRef);
-  const [mounted, setMounted] = React2.useState(false);
-  useEffect2(() => {
-    if (open) {
-      setMounted(true);
-    } else {
-      setTimeout(() => {
-        setMounted(false);
-      }, 200);
-    }
-    return () => {
-    };
-  }, [open]);
-  const onBackgroundMouseDown = (event) => {
-    event.preventDefault();
-    onBackgroundClick?.();
-  };
-  const onModalMouseDown = (event) => {
-    event.stopPropagation();
-  };
-  const onBackgroundTouchStart = (event) => {
-    event.preventDefault();
-    onBackgroundClick?.();
-  };
-  const onModalTouchStart = (event) => {
-    event.stopPropagation();
-  };
-  return /* @__PURE__ */ React2.createElement(
-    "div",
-    {
-      ref: containerRef,
-      className: cn(
-        fullscreen,
-        "z-[999] flex flex-col justify-center transition-bg duration-200 md:px-6 overflow-hidden print:px-0 print:block print:overflow-auto",
-        open && mounted ? cn(background, "ease-out") : "bg-transparent ease-in pointer-events-none"
-      ),
-      onMouseDown: onBackgroundMouseDown,
-      onTouchStart: onBackgroundTouchStart
-    },
-    /* @__PURE__ */ React2.createElement(
-      "div",
-      {
-        className: cn(
-          "relative flex-1 flex flex-col justify-end md:justify-center items-center transition-[opacity transform] duration-200 print:block",
-          open && mounted ? "translate-y-[0px] opacity-100 ease-out" : "translate-y-[100%] md:translate-y-[50px] opacity-0 ease-in"
-        )
-      },
-      (open || mounted) && /* @__PURE__ */ React2.createElement(
-        "div",
-        {
-          ...props,
-          className: cn(
-            className,
-            "w-full max-h-[92vh] print:w-[unset] print:max-h-[unset] rounded-tl-lg rounded-tr-lg md:rounded-lg overflow-auto print:rounded-none"
-          ),
-          onMouseDown: onModalMouseDown,
-          onTouchStart: onModalTouchStart
-        },
-        children
-      )
-    )
-  );
-}
-
-// src/components/modal/hooks.tsx
-import React3 from "react";
-function useModalRoot() {
-  const [container, setContainer] = useState(null);
-  useEffect3(() => {
-    const container2 = document.getElementById("modal-root");
-    if (container2) {
-      setContainer(container2);
-    }
-    return () => {
-      setContainer(null);
-    };
-  }, []);
-  return container;
-}
-function useModalPortal() {
-  const container = useModalRoot();
-  if (!container) {
-    return (children) => null;
-  }
-  return (children) => {
-    return createPortal(children, container);
-  };
-}
-var ModalContext = createContext({});
-function useModal() {
-  const ch2 = useRef3(
-    null
-  );
-  const open = () => {
-    ch2.current?.(true);
-  };
-  const close = () => {
-    ch2.current?.(false);
-  };
-  const Component = useCallback(
-    function Component2(props) {
-      const [isOpen, setIsOpen] = useState(false);
-      const createPortal2 = useModalPortal();
-      useEffect3(() => {
-        ch2.current = (v) => {
-          setIsOpen(v);
-        };
-        return () => {
-          ch2.current = null;
-        };
-      }, []);
-      useEffect3(() => {
-        if (isOpen) {
-        } else {
-        }
-        return () => {
-        };
-      }, [isOpen]);
-      return /* @__PURE__ */ React3.createElement(ModalContext.Provider, { value: { open, close, isOpen } }, createPortal2(
-        /* @__PURE__ */ React3.createElement(Modal, { ...props, open: isOpen, onBackgroundClick: close })
-      ));
-    },
-    []
-  );
-  return {
-    open,
-    close,
-    Modal: Component
-  };
-}
-
-// src/components/styles.ts
-var inputBackgroundStyle = "text-[16px] border border-neutral-200 outline-none appearance-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-neutral-400";
-var formInputStyle = `w-full px-3 ${inputBackgroundStyle} h-[40px]`;
-var baseButtonStyle = "transition-colors text-sm font-semibold cursor-pointer flex items-center justify-center rounded-lg whitespace-nowrap text-ellipsis overflow-hidden";
-var primaryButtonStyle = `${baseButtonStyle} px-4 h-[40px] bg-gradient-to-br from-primary-400 to-primary-500 text-white transition-colors`;
-var disabledButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-neutral-200 text-neutral-400`;
-var outlineButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-white border border-neutral-300 hover:bg-neutral-50`;
-var dangerousButtonStyle = `${baseButtonStyle} h-[40px] px-4 bg-white border hover:bg-red-50 text-red-600`;
-export {
-  ModalContext,
-  baseButtonStyle,
-  dangerousButtonStyle,
-  disabledButtonStyle,
-  formInputStyle,
-  inputBackgroundStyle,
-  outlineButtonStyle,
-  primaryButtonStyle,
-  useFullscreen,
-  useModal,
-  useModalPortal,
-  useModalRoot
-};

package/dist/components/modal/fullscreen_container.d.mts

@@ -1,7 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
-
-type Props = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function FullscreenContainer({ className, children, ...props }: Props): React.JSX.Element;
-declare function useFullscreen(ref: React.RefObject<HTMLDivElement | null>): string;
-
-export { type Props, FullscreenContainer as default, useFullscreen };

package/dist/components/modal/fullscreen_container.d.ts

@@ -1,7 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from 'react';
-
-type Props = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function FullscreenContainer({ className, children, ...props }: Props): React.JSX.Element;
-declare function useFullscreen(ref: React.RefObject<HTMLDivElement | null>): string;
-
-export { type Props, FullscreenContainer as default, useFullscreen };

package/dist/components/modal/fullscreen_container.js

@@ -1,102 +0,0 @@
-"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/components/modal/fullscreen_container.tsx
-var fullscreen_container_exports = {};
-__export(fullscreen_container_exports, {
-  default: () => FullscreenContainer,
-  useFullscreen: () => useFullscreen
-});
-module.exports = __toCommonJS(fullscreen_container_exports);
-
-// src/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ").trim();
-}
-
-// src/components/modal/fullscreen_container.tsx
-var import_react = __toESM(require("react"));
-var import_react2 = require("react");
-function FullscreenContainer({
-  className,
-  children,
-  ...props
-}) {
-  const containerRef = (0, import_react2.useRef)(null);
-  useFullscreen(containerRef);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      ref: containerRef,
-      ...props,
-      className: cn("fixed left-0 right-0 top-0 bottom-0", className)
-    },
-    children
-  );
-}
-function useFullscreen(ref) {
-  (0, import_react2.useEffect)(() => {
-    const container = ref.current;
-    if (!container) {
-      return;
-    }
-    const scroll = () => {
-      if (scrollY > 0) {
-        window.scrollTo({
-          top: 0,
-          behavior: "instant"
-        });
-      }
-    };
-    const resize = () => {
-      if (!visualViewport) {
-        return;
-      }
-      container.classList.remove("bottom-0");
-      container.style.height = `${visualViewport?.height}px`;
-      if (visualViewport.height < window.innerHeight) {
-        window.addEventListener("scroll", scroll);
-      } else {
-        window.removeEventListener("scroll", scroll);
-      }
-    };
-    resize();
-    visualViewport?.addEventListener("resize", resize);
-    scroll();
-    return () => {
-      window.removeEventListener("scroll", scroll);
-      visualViewport?.removeEventListener("resize", resize);
-    };
-  }, [ref]);
-  return "fixed inset-0";
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useFullscreen
-});

package/dist/components/modal/fullscreen_container.mjs

@@ -1,68 +0,0 @@
-// src/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ").trim();
-}
-
-// src/components/modal/fullscreen_container.tsx
-import React from "react";
-import {
-  useEffect,
-  useRef
-} from "react";
-function FullscreenContainer({
-  className,
-  children,
-  ...props
-}) {
-  const containerRef = useRef(null);
-  useFullscreen(containerRef);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: containerRef,
-      ...props,
-      className: cn("fixed left-0 right-0 top-0 bottom-0", className)
-    },
-    children
-  );
-}
-function useFullscreen(ref) {
-  useEffect(() => {
-    const container = ref.current;
-    if (!container) {
-      return;
-    }
-    const scroll = () => {
-      if (scrollY > 0) {
-        window.scrollTo({
-          top: 0,
-          behavior: "instant"
-        });
-      }
-    };
-    const resize = () => {
-      if (!visualViewport) {
-        return;
-      }
-      container.classList.remove("bottom-0");
-      container.style.height = `${visualViewport?.height}px`;
-      if (visualViewport.height < window.innerHeight) {
-        window.addEventListener("scroll", scroll);
-      } else {
-        window.removeEventListener("scroll", scroll);
-      }
-    };
-    resize();
-    visualViewport?.addEventListener("resize", resize);
-    scroll();
-    return () => {
-      window.removeEventListener("scroll", scroll);
-      visualViewport?.removeEventListener("resize", resize);
-    };
-  }, [ref]);
-  return "fixed inset-0";
-}
-export {
-  FullscreenContainer as default,
-  useFullscreen
-};

package/dist/components/modal/hooks.d.mts

@@ -1,18 +0,0 @@
-import { ModalProps } from './modal.mjs';
-import React from 'react';
-
-declare function useModalRoot(): HTMLElement | null;
-declare function useModalPortal(): ((children: React.ReactNode) => null) | ((children: React.ReactNode) => React.ReactPortal);
-type ModalContextProps = {
-    open: () => void;
-    close: () => void;
-    isOpen: boolean;
-};
-declare const ModalContext: React.Context<ModalContextProps>;
-declare function useModal(): {
-    open: () => void;
-    close: () => void;
-    Modal: (props: Omit<ModalProps, "open">) => React.JSX.Element;
-};
-
-export { ModalContext, type ModalContextProps, useModal, useModalPortal, useModalRoot };

package/dist/components/modal/hooks.d.ts

@@ -1,18 +0,0 @@
-import { ModalProps } from './modal.js';
-import React from 'react';
-
-declare function useModalRoot(): HTMLElement | null;
-declare function useModalPortal(): ((children: React.ReactNode) => null) | ((children: React.ReactNode) => React.ReactPortal);
-type ModalContextProps = {
-    open: () => void;
-    close: () => void;
-    isOpen: boolean;
-};
-declare const ModalContext: React.Context<ModalContextProps>;
-declare function useModal(): {
-    open: () => void;
-    close: () => void;
-    Modal: (props: Omit<ModalProps, "open">) => React.JSX.Element;
-};
-
-export { ModalContext, type ModalContextProps, useModal, useModalPortal, useModalRoot };