@dimasbaguspm/versaur 0.0.24 → 0.0.26

package/dist/js/index.js

@@ -1,13 +1,12 @@
-import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, B as p, a as u, F as l, P as i, b as I, c, S, T as m } from "./top-bar-COx4DTbS.js";
-import { B as g, C as d, b as T, a as x, D as b, k as f, E as P, M as h, P as k, R as C, d as M, c as A, S as D, e as L, j as R, i as w, h as F, f as j, T as v, g as y } from "./bottom-sheet-input-DsgPp5zI.js";
-import { B as N, D as q, M as G } from "./bottom-sheet-CCDa5VGo.js";
-import { M as z, T as J } from "./tooltip-CDdl1U3A.js";
-import { A as O, a as Q, b as U, B as V, l as W, c as X, d as Y, e as Z, f as _, C as $, g as aa, D as ea, I as ta, i as sa, k as ra, j as oa, N as na, T as pa, h as ua } from "./image-rectangle-GA3oWX7A.js";
-import { S as ia } from "./snackbar-DH8jCh2V.js";
-import { T as ca } from "./text-CRsIInRA.js";
-import { B as ma, T as Ba } from "./tabs-p6g9kN0N.js";
-import { S as da, u as Ta } from "./use-snackbars-B0MaRlg1.js";
+import { L as s, P as t, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, B as p, a as u, F as l, P as i, b as I, c, S, T as m } from "./top-bar-BjE0FiE8.js";
+import { B as g, C as d, b as T, a as x, D as b, k as f, E as P, M as h, P as k, R as C, d as M, c as A, S as D, e as L, j as R, i as w, h as F, f as j, T as v, g as y } from "./bottom-sheet-input-1C3Up2xF.js";
+import { B as N, D as q, M as G } from "./bottom-sheet-CQw_O-4W.js";
+import { M as z, T as J } from "./tooltip-BbTHXz6h.js";
+import { A as O, a as Q, b as U, B as V, m as W, c as X, d as Y, e as Z, f as _, C as $, g as aa, D as ea, I as sa, j as ta, l as ra, k as oa, N as na, T as pa, h as ua, i as la } from "./image-rectangle--Sy82Ff9.js";
+import { S as Ia } from "./snackbar-DH8jCh2V.js";
+import { B as Sa, T as ma } from "./tabs-CoNG51E1.js";
+import { S as ga, u as da } from "./use-snackbars-B0MaRlg1.js";
 export {
   O as Alert,
   Q as Anchor,
@@ -19,7 +18,7 @@ export {
   N as BottomSheet,
   g as BottomSheetInput,
   X as Brand,
-  ma as Breadcrumbs,
+  Sa as Breadcrumbs,
   Y as Button,
   Z as ButtonFloat,
   u as ButtonGroup,
@@ -35,11 +34,11 @@ export {
   f as DrawerInput,
   P as EmailInput,
   l as FormLayout,
-  ta as Icon,
-  sa as ImageCircle,
+  sa as Icon,
+  ta as ImageCircle,
   ra as ImageRectangle,
   oa as ImageSquare,
-  t as LoadingIndicator,
+  s as LoadingIndicator,
   z as Menu,
   G as Modal,
   h as ModalInput,
@@ -48,7 +47,7 @@ export {
   I as PageHeader,
   c as PageLayout,
   k as PriceInput,
-  s as ProgressIndicator,
+  t as ProgressIndicator,
   C as RadioInput,
   M as SearchInput,
   A as SegmentMultipleInput,
@@ -58,17 +57,17 @@ export {
   w as SelectableSingleInput,
   S as SideBar,
   r as Skeleton,
-  ia as Snackbar,
-  da as SnackbarsProvider,
+  Ia as Snackbar,
+  ga as SnackbarsProvider,
   F as SwitchInput,
   pa as Table,
-  Ba as Tabs,
-  ca as Text,
+  ma as Tabs,
+  ua as Text,
   j as TextAreaInput,
   v as TextInput,
-  ua as Tile,
+  la as Tile,
   y as TimePickerInput,
   J as Tooltip,
   m as TopBar,
-  Ta as useSnackbars
+  da as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as r, B as s, a as t, F as e, P as B, b as p, c as u, S as P, T as g } from "../top-bar-COx4DTbS.js";
+import { A as r, B as s, a as t, F as e, P as B, b as p, c as u, S as P, T as g } from "../top-bar-BjE0FiE8.js";
 export {
   r as AppBar,
   s as BottomBar,

package/dist/js/navigation/index.js

@@ -1,4 +1,4 @@
-import { B as s, T as b } from "../tabs-p6g9kN0N.js";
+import { B as s, T as b } from "../tabs-CoNG51E1.js";
 export {
   s as Breadcrumbs,
   b as Tabs

package/dist/js/overlays/index.js

@@ -1,5 +1,5 @@
-import { B as e, D as r, M as t } from "../bottom-sheet-CCDa5VGo.js";
-import { M, T as m } from "../tooltip-CDdl1U3A.js";
+import { B as e, D as r, M as t } from "../bottom-sheet-CQw_O-4W.js";
+import { M, T as m } from "../tooltip-BbTHXz6h.js";
 export {
   e as BottomSheet,
   r as Drawer,

package/dist/js/primitive/index.js

@@ -1,6 +1,5 @@
-import { A as e, a as t, b as o, B as r, l, c as n, d as c, e as g, f as m, C as B, g as I, D as i, I as u, i as T, k as d, j as f, N as p, T as x, h as A } from "../image-rectangle-GA3oWX7A.js";
-import { S as b } from "../snackbar-DH8jCh2V.js";
-import { T as h } from "../text-CRsIInRA.js";
+import { A as e, a as t, b as o, B as r, m as l, c as n, d as c, e as g, f as m, C as B, g as I, D as i, I as u, j as d, l as A, k as C, N as T, T as b, h as f, i as p } from "../image-rectangle--Sy82Ff9.js";
+import { S } from "../snackbar-DH8jCh2V.js";
 export {
   e as Alert,
   t as Anchor,
@@ -15,12 +14,12 @@ export {
   I as Calendar,
   i as DescriptionList,
   u as Icon,
-  T as ImageCircle,
-  d as ImageRectangle,
-  f as ImageSquare,
-  p as NoResults,
-  b as Snackbar,
-  x as Table,
-  h as Text,
-  A as Tile
+  d as ImageCircle,
+  A as ImageRectangle,
+  C as ImageSquare,
+  T as NoResults,
+  S as Snackbar,
+  b as Table,
+  f as Text,
+  p as Tile
 };

package/dist/js/{tabs-p6g9kN0N.js → tabs-CoNG51E1.js}

@@ -1,8 +1,7 @@
 import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
 import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
-import { I as w } from "./image-rectangle-GA3oWX7A.js";
+import { I as w } from "./image-rectangle--Sy82Ff9.js";
 import "./snackbar-DH8jCh2V.js";
-import "./text-CRsIInRA.js";
 import { ChevronRight as T } from "lucide-react";
 const j = d(
   "flex items-center gap-2 text-sm text-gray-500"
@@ -31,7 +30,7 @@ const V = f(
   function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
     return /* @__PURE__ */ s.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ s.jsx("ol", { ref: n, className: j(), children: t }) });
   }
-), W = Object.assign(V, {
+), F = Object.assign(V, {
   Item: B,
   Separator: C
 }), v = x(null), m = () => {
@@ -283,10 +282,10 @@ const k = ({
       ]
     }
   ) });
-}, D = Object.assign(k, {
+}, W = Object.assign(k, {
   Trigger: A
 });
 export {
-  W as B,
-  D as T
+  F as B,
+  W as T
 };

package/dist/js/{tooltip-CDdl1U3A.js → tooltip-BbTHXz6h.js}

@@ -1,6 +1,6 @@
 import { c as h, j as u, a as b } from "./index-DOdDlCoL.js";
 import { useEffect as m, useRef as c, useId as v, cloneElement as x, useState as g } from "react";
-import { T as j } from "./text-CRsIInRA.js";
+import { h as j } from "./image-rectangle--Sy82Ff9.js";
 const I = h(
   "absolute z-30 min-w-40 bg-background rounded-lg border border-border transition-all duration-200 ease-out will-change-transform",
   {

package/dist/js/{top-bar-COx4DTbS.js → top-bar-BjE0FiE8.js}

@@ -1,10 +1,9 @@
-import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
-import * as v from "react";
+import { c as l, j as s, a as i } from "./index-DOdDlCoL.js";
+import * as b from "react";
 import { forwardRef as n } from "react";
-import "./image-rectangle-GA3oWX7A.js";
+import { h as d } from "./image-rectangle--Sy82Ff9.js";
 import "./snackbar-DH8jCh2V.js";
-import { T as d } from "./text-CRsIInRA.js";
-const h = i(
+const h = l(
   "w-full flex flex-wrap items-center pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-leading]]:pl-4 [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-trailing]]:pr-4 [&:not(:has([data-versaur-appbar-bottom]))]:px-4",
   {
     variants: {
@@ -20,7 +19,7 @@ const h = i(
       variant: "primary"
     }
   }
-), j = i(
+), j = l(
   "flex flex-col justify-center min-w-0 flex-grow",
   {
     variants: {
@@ -40,7 +39,7 @@ const h = i(
     {
       ref: e,
       "data-versaur-appbar-bottom": !0,
-      className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
+      className: i("w-full flex items-center min-h-[2.5rem] mt-2", a),
       children: t
     }
   )
@@ -49,7 +48,7 @@ const h = i(
     "div",
     {
       ref: e,
-      className: l("flex items-center", a),
+      className: i("flex items-center", a),
       "data-versaur-appbar-leading": !0,
       children: t
     }
@@ -84,39 +83,39 @@ const h = i(
     "div",
     {
       ref: e,
-      className: l("flex items-center justify-end gap-2", a),
+      className: i("flex items-center justify-end gap-2", a),
       "data-versaur-appbar-trailing": !0,
       children: t
     }
   )
-), T = n(
+), S = n(
   ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: r,
-      className: l(j({ placement: e }), a),
+      className: i(j({ placement: e }), a),
       children: t
     }
   )
-), S = ({
+), T = ({
   children: t,
   className: a,
   variant: e = "primary"
 }) => /* @__PURE__ */ s.jsx(
   "header",
   {
-    className: l(h({ variant: e }), a),
+    className: i(h({ variant: e }), a),
     role: "banner",
     children: t
   }
-), ya = Object.assign(S, {
+), ja = Object.assign(T, {
   Leading: B,
   Headline: w,
   Subtitle: N,
   Trailing: V,
-  Center: T,
+  Center: S,
   Bottom: y
-}), H = i(
+}), H = l(
   "sticky bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-border shadow-xs z-40 safe-bottom px-8 py-1",
   {
     variants: {
@@ -138,12 +137,12 @@ const h = i(
       size: "md"
     }
   }
-), A = i(
-  "flex flex-col items-center justify-center gap-1 px-2 py-1",
+), A = l(
+  "flex flex-col items-center justify-center gap-1 px-2 py-1 select-none",
   {
     variants: {
       active: {
-        true: "font-semibold text-primary",
+        true: "text-primary",
         false: "text-ghost"
       }
     },
@@ -180,9 +179,9 @@ const h = i(
     ...o,
     children: t
   }
-), Ba = Object.assign(P, {
+), ya = Object.assign(P, {
   Item: L
-}), C = i("flex", {
+}), C = l("flex", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -214,7 +213,7 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), wa = n(
+}), Ba = n(
   function({
     className: a,
     children: e,
@@ -228,7 +227,7 @@ const h = i(
       "div",
       {
         ref: x,
-        className: l(
+        className: i(
           C({
             orientation: r,
             alignment: o,
@@ -243,30 +242,30 @@ const h = i(
       }
     );
   }
-), z = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Na = n(
+), z = l("w-full px-4 sm:px-6 py-6 sm:py-8"), wa = n(
   ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: r,
-      className: l(z(), a),
+      className: i(z(), a),
       ...e,
       children: t
     }
   )
-), R = i("w-full"), I = i(
+), R = l("w-full mt-4"), I = l(
   "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
-), k = i("mb-4 px-4 sm:px-6"), F = i(
+), k = l("mb-4 px-4 sm:px-6"), F = l(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), G = i("flex items-center gap-2 flex-wrap"), O = i(
+), G = l("flex items-center gap-2 flex-wrap"), O = l(
   "flex flex-col sm:flex-row gap-2 sm:gap-3 w-full sm:w-auto sm:ml-auto sm:shrink-0 [&>*]:w-full sm:[&>*]:w-auto"
-), W = i(
+), W = l(
   "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
 ), M = n(
   ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: r,
-      className: l(I(), a),
+      className: i(I(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
@@ -276,7 +275,7 @@ const h = i(
   "div",
   {
     ref: r,
-    className: l(k(), a),
+    className: i(k(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
     children: t
@@ -285,7 +284,7 @@ const h = i(
   "div",
   {
     ref: r,
-    className: l(F(), a),
+    className: i(F(), a),
     "data-versaur-page-header-content": !0,
     ...e,
     children: t
@@ -308,14 +307,14 @@ const h = i(
     fontWeight: "normal",
     clamp: 2,
     ref: e,
-    className: l("mb-2 sm:clamp-3", t),
+    className: i("mb-2 sm:clamp-3", t),
     ...a
   }
 )), J = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(G(), a),
+    className: i(G(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: t
@@ -324,7 +323,7 @@ const h = i(
   "div",
   {
     ref: r,
-    className: l(O(), a),
+    className: i(O(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: t
@@ -333,7 +332,7 @@ const h = i(
   "div",
   {
     ref: r,
-    className: l(W(), a),
+    className: i(W(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: t
@@ -350,12 +349,12 @@ const h = i(
     tabs: m,
     ...x
   }, u) => {
-    const g = e || r || o || c || p, b = m;
+    const g = e || r || o || c || p, v = m;
     return /* @__PURE__ */ s.jsxs(
       "header",
       {
         ref: u,
-        className: l(R(), a),
+        className: i(R(), a),
         role: "banner",
         ...x,
         children: [
@@ -368,13 +367,13 @@ const h = i(
             ] }),
             p && /* @__PURE__ */ s.jsx(K, { children: p })
           ] }),
-          b && /* @__PURE__ */ s.jsx(Q, { children: m }),
+          v && /* @__PURE__ */ s.jsx(Q, { children: m }),
           t
         ]
       }
     );
   }
-), Va = U, X = i("w-full mx-auto relative", {
+), Na = U, X = l("w-full mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 pb-10",
@@ -385,19 +384,19 @@ const h = i(
   defaultVariants: {
     type: "desktop"
   }
-}), Ta = v.forwardRef(
+}), Va = b.forwardRef(
   function({ type: a = "desktop", className: e, children: r, ...o }, c) {
     return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
-        className: l(X({ type: a }), e),
+        className: i(X({ type: a }), e),
         ...o,
         children: r
       }
     );
   }
-), Y = i("grid w-full gap-4 grid-cols-12"), Z = i("", {
+), Y = l("grid w-full gap-4 grid-cols-12"), Z = l("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -423,7 +422,7 @@ const h = i(
       "div",
       {
         ref: o,
-        className: l(Y(), a),
+        className: i(Y(), a),
         ...r,
         children: e
       }
@@ -436,7 +435,7 @@ const h = i(
       "div",
       {
         ref: c,
-        className: l(
+        className: i(
           Z({ span: `${p}` }),
           e
         ),
@@ -447,7 +446,7 @@ const h = i(
   }
 ), Sa = Object.assign(_, {
   Column: aa
-}), f = i(
+}), f = l(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
     variants: {
@@ -494,7 +493,7 @@ const h = i(
           ref: a,
           type: "button",
           onClick: c,
-          className: l(
+          className: i(
             f({ disabled: !!u.disabled, active: p }),
             "w-full text-left"
           ),
@@ -535,16 +534,16 @@ const h = i(
       children: /* @__PURE__ */ s.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
     }
   )
-), Ha = Object.assign(sa, {
+), Ta = Object.assign(sa, {
   Item: ea,
   Group: ta
-}), ra = i(
+}), ra = l(
   "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), oa = i("flex items-center gap-3 min-w-0 flex-1"), na = i("flex items-center gap-2 ml-auto"), ia = i(
+), oa = l("flex items-center gap-3 min-w-0 flex-1"), na = l("flex items-center gap-2 ml-auto"), la = l(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -557,9 +556,9 @@ const h = i(
       active: !1
     }
   }
-), la = i("flex items-center gap-2 ml-4"), ca = i("flex items-center gap-2 mr-4"), pa = n(
+), ia = l("flex items-center gap-2 ml-4"), ca = l("flex items-center gap-2 mr-4"), pa = n(
   function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: la({ className: e }), ...r, children: a });
+    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: ia({ className: e }), ...r, children: a });
   }
 ), ma = n(
   function({ children: a, className: e, ...r }, o) {
@@ -579,7 +578,7 @@ const h = i(
       "div",
       {
         ref: c,
-        className: ia({ active: r, className: e }),
+        className: la({ active: r, className: e }),
         "aria-current": r ? "page" : void 0,
         ...o,
         children: a
@@ -588,7 +587,7 @@ const h = i(
   }
 ), fa = n(
   ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: ra({ className: a }), ...e, children: t })
-), Aa = Object.assign(fa, {
+), Ha = Object.assign(fa, {
   Leading: da,
   Trailing: ua,
   NavItem: xa,
@@ -596,13 +595,13 @@ const h = i(
   Actions: ma
 });
 export {
-  ya as A,
-  Ba as B,
+  ja as A,
+  ya as B,
   Sa as F,
-  Na as P,
-  Ha as S,
-  Aa as T,
-  wa as a,
-  Va as b,
-  Ta as c
+  wa as P,
+  Ta as S,
+  Ha as T,
+  Ba as a,
+  Na as b,
+  Va as c
 };

package/dist/types/overlays/drawer/drawer.atoms.d.ts

@@ -1,15 +1,18 @@
 import { default as React } from 'react';
-import { DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerOverlayProps, DrawerHeaderTabProps } from './types';
+import { DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerHeaderTabProps } from './types';
+import { ButtonIconProps, TextProps } from '../../primitive';
 /**
  * DrawerOverlay - Background overlay that appears behind the drawer
  * Always provides a dark blurred background to help users focus on the drawer content
  */
-export declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * DrawerHeader - Header section of the drawer
  * Typically contains the title and close button
  */
 export declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+export declare const DrawerCloseButton: React.ForwardRefExoticComponent<Partial<ButtonIconProps> & React.RefAttributes<HTMLButtonElement>>;
 export declare const DrawerTab: React.ForwardRefExoticComponent<DrawerHeaderTabProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * DrawerBody - Main content area of the drawer

package/dist/types/overlays/drawer/drawer.d.ts

@@ -11,6 +11,8 @@ export declare const DrawerRoot: React.FC<DrawerProps>;
  */
 export declare const Drawer: React.FC<DrawerProps> & {
     Header: React.ForwardRefExoticComponent<import('./types').DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<import('../..').TextProps & React.RefAttributes<HTMLElement>>;
+    CloseButton: React.ForwardRefExoticComponent<Partial<import('../..').ButtonIconProps> & React.RefAttributes<HTMLButtonElement>>;
     Tab: React.ForwardRefExoticComponent<import('./types').DrawerHeaderTabProps & React.RefAttributes<HTMLDivElement>>;
     Body: React.ForwardRefExoticComponent<import('./types').DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
     Footer: React.ForwardRefExoticComponent<import('./types').DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/overlays/drawer/types.d.ts

@@ -57,8 +57,6 @@ export interface DrawerProps extends ComponentPropsWithoutRef<'div'>, OverlayPor
     transitionType?: DrawerTransitionType;
     /** Children components */
     children: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
 }
 /**
  * Props for the DrawerHeader component
@@ -78,8 +76,6 @@ export interface DrawerHeaderTabProps extends HTMLAttributes<HTMLDivElement> {
 export interface DrawerBodyProps extends ComponentPropsWithoutRef<'div'> {
     /** Children components */
     children: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
 }
 /**
  * Props for the DrawerFooter component
@@ -87,19 +83,8 @@ export interface DrawerBodyProps extends ComponentPropsWithoutRef<'div'> {
 export interface DrawerFooterProps extends ComponentPropsWithoutRef<'div'> {
     /** Children components */
     children: ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-    /**
-     * Enable responsive flex behavior
-     * When true (default): on small screens children expand (flex-grow), on larger screens children are right-aligned and sized to content
-     * When false: children behavior is not modified by responsive rules
-     */
-    responsiveFlex?: boolean;
 }
 /**
  * Props for the DrawerOverlay component
  */
-export interface DrawerOverlayProps extends ComponentPropsWithoutRef<'div'> {
-    /** Additional CSS classes */
-    className?: string;
-}
+export type DrawerOverlayProps = ComponentPropsWithoutRef<'div'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",