tiny-react-dialog 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Sebastien Seguin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,69 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/TinyReactDialog.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type TinyReactDialogProps = {
+    visible: boolean;
+    onClose: () => void;
+    children?: ReactNode;
+};
+export declare function TinyReactDialog({ visible, onClose, children }: TinyReactDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { TinyReactDialog } from './TinyReactDialog';
+export type { TinyReactDialogProps } from './TinyReactDialog';

package/dist/index.es.js

@@ -0,0 +1,315 @@
+import re from "react";
+var T = { exports: {} }, v = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function te() {
+  if ($) return v;
+  $ = 1;
+  var i = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
+  function d(m, a, s) {
+    var E = null;
+    if (s !== void 0 && (E = "" + s), a.key !== void 0 && (E = "" + a.key), "key" in a) {
+      s = {};
+      for (var R in a)
+        R !== "key" && (s[R] = a[R]);
+    } else s = a;
+    return a = s.ref, {
+      $$typeof: i,
+      type: m,
+      key: E,
+      ref: a !== void 0 ? a : null,
+      props: s
+    };
+  }
+  return v.Fragment = f, v.jsx = d, v.jsxs = d, v;
+}
+var b = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var D;
+function ne() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function i(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case k:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case q:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case B:
+          return "SuspenseList";
+        case Z:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case U:
+            return "Portal";
+          case V:
+            return (e.displayName || "Context") + ".Provider";
+          case z:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case G:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case H:
+            return r = e.displayName || null, r !== null ? r : i(e.type) || "Memo";
+          case S:
+            r = e._payload, e = e._init;
+            try {
+              return i(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function d(e) {
+      try {
+        f(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), f(e);
+      }
+    }
+    function m(e) {
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
+        return "<...>";
+      try {
+        var r = i(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = x.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function E(e) {
+      if (y.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function R(e, r) {
+      function t() {
+        N || (N = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function M() {
+      var e = i(this.type);
+      return C[e] || (C[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function W(e, r, t, n, u, c, h, j) {
+      return t = c.ref, e = {
+        $$typeof: P,
+        type: e,
+        key: r,
+        props: c,
+        _owner: u
+      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: M
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: h
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, r, t, n, u, c, h, j) {
+      var o = r.children;
+      if (o !== void 0)
+        if (n)
+          if (K(o)) {
+            for (n = 0; n < o.length; n++)
+              A(o[n]);
+            Object.freeze && Object.freeze(o);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else A(o);
+      if (y.call(r, "key")) {
+        o = i(e);
+        var _ = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        n = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", I[o + n] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          o,
+          _,
+          o
+        ), I[o + n] = !0);
+      }
+      if (o = null, t !== void 0 && (d(t), o = "" + t), E(r) && (d(r.key), o = "" + r.key), "key" in r) {
+        t = {};
+        for (var w in r)
+          w !== "key" && (t[w] = r[w]);
+      } else t = r;
+      return o && R(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), W(
+        e,
+        o,
+        c,
+        u,
+        a(),
+        t,
+        h,
+        j
+      );
+    }
+    function A(e) {
+      typeof e == "object" && e !== null && e.$$typeof === P && e._store && (e._store.validated = 1);
+    }
+    var p = re, P = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), V = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), x = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, K = Array.isArray, g = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var N, C = {}, Y = p.react_stack_bottom_frame.bind(
+      p,
+      s
+    )(), F = g(m(s)), I = {};
+    b.Fragment = k, b.jsx = function(e, r, t, n, u) {
+      var c = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        t,
+        !1,
+        n,
+        u,
+        c ? Error("react-stack-top-frame") : Y,
+        c ? g(m(e)) : F
+      );
+    }, b.jsxs = function(e, r, t, n, u) {
+      var c = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        r,
+        t,
+        !0,
+        n,
+        u,
+        c ? Error("react-stack-top-frame") : Y,
+        c ? g(m(e)) : F
+      );
+    };
+  })()), b;
+}
+var L;
+function oe() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? T.exports = te() : T.exports = ne()), T.exports;
+}
+var l = oe();
+function se({ visible: i, onClose: f, children: d = "tiny-react-dialog: children is missing" }) {
+  return /* @__PURE__ */ l.jsx(l.Fragment, { children: i && /* @__PURE__ */ l.jsx("div", { className: "tiny-react-dialog__overlay", onClick: f, children: /* @__PURE__ */ l.jsxs("div", { className: "tiny-react-dialog__container", onClick: (m) => m.stopPropagation(), children: [
+    /* @__PURE__ */ l.jsx("div", { className: "tiny-react-dialog__content", children: d }),
+    /* @__PURE__ */ l.jsx(
+      "button",
+      {
+        className: "tiny-react-dialog__close",
+        onClick: f,
+        children: /* @__PURE__ */ l.jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "lucide lucide-x-icon lucide-x",
+            children: [
+              /* @__PURE__ */ l.jsx("path", { d: "M18 6 6 18" }),
+              /* @__PURE__ */ l.jsx("path", { d: "m6 6 12 12" })
+            ]
+          }
+        )
+      }
+    )
+  ] }) }) });
+}
+export {
+  se as TinyReactDialog
+};

package/dist/index.umd.js

@@ -0,0 +1,22 @@
+(function(f,R){typeof exports=="object"&&typeof module<"u"?R(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],R):(f=typeof globalThis<"u"?globalThis:f||self,R(f.TinyReactDialog={},f.React))})(this,(function(f,R){"use strict";var k={exports:{}},b={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var S;function U(){if(S)return b;S=1;var l=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function m(_,a,s){var p=null;if(s!==void 0&&(p=""+s),a.key!==void 0&&(p=""+a.key),"key"in a){s={};for(var T in a)T!=="key"&&(s[T]=a[T])}else s=a;return a=s.ref,{$$typeof:l,type:_,key:p,ref:a!==void 0?a:null,props:s}}return b.Fragment=d,b.jsx=m,b.jsxs=m,b}var v={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var A;function q(){return A||(A=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case h:return"Fragment";case H:return"Profiler";case B:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case ne:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case X:return"Portal";case Q:return(e.displayName||"Context")+".Provider";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case D:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function d(e){return""+e}function m(e){try{d(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),d(e)}}function _(e){if(e===h)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===D)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=x.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function p(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function T(e,r){function t(){I||(I=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function V(){var e=l(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function G(e,r,t,n,u,i,y,O){return t=i.ref,e={$$typeof:Y,type:e,key:r,props:i,_owner:u},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,u,i,y,O){var o=r.children;if(o!==void 0)if(n)if(ae(o)){for(n=0;n<o.length;n++)C(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(o);if(F.call(r,"key")){o=l(e);var E=Object.keys(r).filter(function(se){return se!=="key"});n=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",W[o+n]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,o,E,o),W[o+n]=!0)}if(o=null,t!==void 0&&(m(t),o=""+t),p(r)&&(m(r.key),o=""+r.key),"key"in r){t={};for(var w in r)w!=="key"&&(t[w]=r[w])}else t=r;return o&&T(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,o,i,u,a(),t,y,O)}function C(e){typeof e=="object"&&e!==null&&e.$$typeof===Y&&e._store&&(e._store.validated=1)}var g=R,Y=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),x=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ae=Array.isArray,j=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(e){return e()}};var I,L={},M=g.react_stack_bottom_frame.bind(g,s)(),$=j(_(s)),W={};v.Fragment=h,v.jsx=function(e,r,t,n,u){var i=1e4>x.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n,u,i?Error("react-stack-top-frame"):M,i?j(_(e)):$)},v.jsxs=function(e,r,t,n,u){var i=1e4>x.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n,u,i?Error("react-stack-top-frame"):M,i?j(_(e)):$)}})()),v}var P;function J(){return P||(P=1,process.env.NODE_ENV==="production"?k.exports=U():k.exports=q()),k.exports}var c=J();function z({visible:l,onClose:d,children:m="tiny-react-dialog: children is missing"}){return c.jsx(c.Fragment,{children:l&&c.jsx("div",{className:"tiny-react-dialog__overlay",onClick:d,children:c.jsxs("div",{className:"tiny-react-dialog__container",onClick:_=>_.stopPropagation(),children:[c.jsx("div",{className:"tiny-react-dialog__content",children:m}),c.jsx("button",{className:"tiny-react-dialog__close",onClick:d,children:c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-x-icon lucide-x",children:[c.jsx("path",{d:"M18 6 6 18"}),c.jsx("path",{d:"m6 6 12 12"})]})})]})})})}f.TinyReactDialog=z,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));

package/dist/tiny-react-dialog.css

@@ -0,0 +1 @@
+.tiny-react-dialog__overlay{position:fixed;inset:0;z-index:50;background-color:#19191980}.tiny-react-dialog__container{background-color:#fdfdfd;position:fixed;top:50%;left:50%;z-index:51;display:grid;width:100%;max-width:calc(100% - 2rem);transform:translate(-50%,-50%);gap:1rem;border-radius:.5rem;border:1px solid oklch(.927 0 0);padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tiny-react-dialog__content{display:flex;flex-direction:column;gap:.5rem;text-align:center}.tiny-react-dialog__close{position:absolute;top:1rem;right:1rem;border-radius:.125rem;opacity:.7;background:transparent;border:none;cursor:pointer}.tiny-react-dialog__close:hover{opacity:1}.tiny-react-dialog__close:focus{outline:none;box-shadow:0 0 0 2px #a1a1a1;outline-offset:2px}.tiny-react-dialog__close svg{pointer-events:none;flex-shrink:0}@media (min-width: 640px){.tiny-react-dialog__container{max-width:425px}.tiny-react-dialog__content{text-align:left}}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "tiny-react-dialog",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "license": "MIT",
+  "author": "Sebastien Seguin",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sedomu/tiny-react-dialog.git"
+  },
+  "homepage": "https://github.com/sedomu/tiny-react-dialog#readme",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}