@dimasbaguspm/versaur 0.0.20 → 0.0.21

package/README.md

@@ -1,7 +1,21 @@
+
 # Versaur UI
 
-A modern React UI library built with TypeScript and Tailwind CSS, featuring tree-shakable
-components
+<p align="left">
+  <a href="https://www.npmjs.com/package/@dimasbaguspm/versaur" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/npm/v/%40dimasbaguspm%2Fversaur?style=flat-square&color=%23e07a5f" alt="NPM Version" />
+  </a>
+  <a href="https://www.npmjs.com/package/@dimasbaguspm/versaur" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/npm/dy/%40dimasbaguspm%2Fversaur?style=flat-square&color=%2381b29a" alt="NPM Downloads" />
+  </a>
+  <a href="https://www.npmjs.com/package/@dimasbaguspm/versaur" target="_blank" rel="noopener noreferrer">
+    <img src="https://img.shields.io/npm/last-update/%40dimasbaguspm%2Fversaur?style=flat-square&color=%2384a5c0" alt="NPM Last Update" />
+  </a>
+</p>
+
+A modern React UI library built with TypeScript and Tailwind CSS, featuring tree-shakable components
+
+Website: [versaur.dimasbaguspm.com](https://versaur.dimasbaguspm.com)
 
 
 ## Features
@@ -19,7 +33,9 @@ components
 ## Installation
 
 ```bash
-yarn install @dimasbaguspm/versaur
+npm install @dimasbaguspm/versaur
+yarn add @dimasbaguspm/versaur
+bun add @dimasbaguspm/versaur
 ```
 
 ## Usage
@@ -27,13 +43,13 @@ yarn install @dimasbaguspm/versaur
 ### Import all components
 
 ```tsx
-import { Button, Input, Card } from '@dimasbaguspm/versaur'
+import { Button, Input, Drawer } from '@dimasbaguspm/versaur'
 ```
 
 ### Tree-shakable imports
 
 ```tsx
-// Import only what you need
+// import only what you need
 import { Button } from '@dimasbaguspm/versaur/primitive'
 ```
 
@@ -47,7 +63,7 @@ Versaur provides an ESLint rule to enforce sub-path imports for optimal tree-sha
 1. In your FlatConfig file (e.g., `eslint.config.js`), import and spread the rule:
 
 ```js
-// eslint.config.js
+// eslint.config.{js|ts}
 import { versaurEnforceSubpathImport } from '@dimasbaguspm/versaur/enforce-subpath-import'
 
 export default [

package/dist/js/{bottom-sheet-DbtyWwsy.js → bottom-sheet-Eqduh3eY.js}

@@ -1,9 +1,9 @@
 import { c as i, j as o, a as l } from "./index-DOdDlCoL.js";
-import m, { createContext as w, useContext as h, forwardRef as d, useRef as N, useEffect as R, useCallback as k } from "react";
+import m, { createContext as h, useContext as g, forwardRef as d, useRef as R, useEffect as w, useCallback as k } from "react";
 import C from "react-dom";
-const g = w(null);
+const y = h(null);
 function D() {
-  const t = h(g);
+  const t = g(y);
   if (!t)
     throw new Error(
       "Modal components must be used within a ModalRoot component"
@@ -99,12 +99,14 @@ const E = i(
   }
 );
 function p(t, a, e) {
-  const r = N(null);
-  return R(() => {
+  const r = R(null);
+  return w(() => {
+    r.current && r.current.focus();
+  }, []), w(() => {
     const n = (s) => {
       s.key === "Escape" && t && r.current && r.current.contains(document.activeElement) && !e && a();
     };
-    return t && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden", r.current?.focus()), () => {
+    return t && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", n), document.body.style.overflow = "unset";
     };
   }, [t, a, e, r]), r;
@@ -132,7 +134,7 @@ const b = ({
     size: e,
     placement: r
   }, f = p(t, a);
-  return /* @__PURE__ */ o.jsx(b, { container: s, children: /* @__PURE__ */ o.jsx(g.Provider, { value: c, children: /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(b, { container: s, children: /* @__PURE__ */ o.jsx(y.Provider, { value: c, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: l(
@@ -160,9 +162,9 @@ const b = ({
   Header: M,
   Body: z,
   Footer: S
-}), y = w(null);
+}), j = h(null);
 function x() {
-  const t = h(y);
+  const t = g(j);
   if (!t)
     throw new Error(
       "Drawer components must be used within a DrawerRoot component"
@@ -326,19 +328,19 @@ const T = i(
   variant: u = "default",
   transitionType: c = "slide",
   className: f,
-  ...j
+  ...V
 }) => {
   const v = k(() => {
     r(!1);
-  }, [r]), V = {
+  }, [r]), B = {
     isOpen: e,
     onClose: v,
     position: n,
     size: s,
     variant: u,
     transitionType: c
-  }, B = p(e, v);
-  return /* @__PURE__ */ o.jsx(b, { container: t, children: /* @__PURE__ */ o.jsx(y.Provider, { value: V, children: /* @__PURE__ */ o.jsxs(
+  }, N = p(e, v);
+  return /* @__PURE__ */ o.jsx(b, { container: t, children: /* @__PURE__ */ o.jsx(j.Provider, { value: B, children: /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: l(
@@ -350,7 +352,7 @@ const T = i(
         /* @__PURE__ */ o.jsx(
           "div",
           {
-            ref: B,
+            ref: N,
             tabIndex: -1,
             role: e ? "dialog" : void 0,
             "aria-modal": e ? "true" : void 0,
@@ -370,7 +372,7 @@ const T = i(
               ],
               f
             ),
-            ...j,
+            ...V,
             children: e && a
           }
         )

package/dist/js/{bottom-sheet-input-C7cYfBaK.js → bottom-sheet-input-DFGibm1I.js}

@@ -1,10 +1,10 @@
 import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
 import x, { createContext as S, useContext as V, useRef as $, forwardRef as I, useState as O, useId as D, useEffect as X, useMemo as P } from "react";
 import { Check as F, Calendar as Y, SearchIcon as Z, Clock as ee, Banknote as re, MailIcon as te } from "lucide-react";
-import { I as z } from "./image-rectangle-DH7v2xvp.js";
+import { I as z } from "./image-rectangle-C6cgL8R9.js";
 import "./snackbar-DH8jCh2V.js";
 import "./text-CRsIInRA.js";
-import { M, D as E, B as R } from "./bottom-sheet-DbtyWwsy.js";
+import { M, D as E, B as R } from "./bottom-sheet-Eqduh3eY.js";
 const oe = j("space-y-2", {
   variants: {
     direction: {

package/dist/js/forms/index.js

@@ -1,4 +1,4 @@
-import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-C7cYfBaK.js";
+import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-DFGibm1I.js";
 export {
   a as BottomSheetInput,
   n as CheckboxInput,