@dimasbaguspm/versaur 0.0.23 → 0.0.25

package/dist/js/index.js

@@ -1,73 +1,74 @@
-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, S as c, T as S } from "./side-bar-BCTyiW3N.js";
-import { B, C as g, b as d, a as T, D as x, k as b, E as f, M as h, P, R as k, d as M, c as C, S as A, e as D, j as L, i as R, h as w, f as F, T as j, g as v } from "./bottom-sheet-input-DsgPp5zI.js";
-import { B as E, D as N, M as q } from "./bottom-sheet-CCDa5VGo.js";
-import { M as H, T as z } from "./tooltip-CDdl1U3A.js";
-import { A as K, a as O, b as Q, B as U, l as V, c as W, d as X, e as Y, f as Z, C as _, g as $, D as aa, I as ea, i as sa, k as ta, j as ra, N as oa, T as na, h as pa } from "./image-rectangle-GA3oWX7A.js";
-import { S as la } from "./snackbar-DH8jCh2V.js";
-import { T as Ia } from "./text-CRsIInRA.js";
-import { B as Sa, T as ma } from "./tabs-p6g9kN0N.js";
-import { S as ga, u as da } from "./use-snackbars-B0MaRlg1.js";
+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-PpiWsgeR.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";
 export {
-  K as Alert,
-  O as Anchor,
+  O as Alert,
+  Q as Anchor,
   n as AppBar,
-  Q as Avatar,
-  U as Badge,
-  V as BaseImage,
+  U as Avatar,
+  V as Badge,
+  W as BaseImage,
   p as BottomBar,
-  E as BottomSheet,
-  B as BottomSheetInput,
-  W as Brand,
-  Sa as Breadcrumbs,
-  X as Button,
-  Y as ButtonFloat,
+  N as BottomSheet,
+  g as BottomSheetInput,
+  X as Brand,
+  ma as Breadcrumbs,
+  Y as Button,
+  Z as ButtonFloat,
   u as ButtonGroup,
-  Z as ButtonIcon,
-  _ as Calculator,
-  $ as Calendar,
-  g as CheckboxInput,
-  d as ChipMultipleInput,
-  T as ChipSingleInput,
-  x as DateSinglePickerInput,
-  aa as DescriptionList,
-  N as Drawer,
-  b as DrawerInput,
-  f as EmailInput,
+  _ as ButtonIcon,
+  $ as Calculator,
+  aa as Calendar,
+  d as CheckboxInput,
+  T as ChipMultipleInput,
+  x as ChipSingleInput,
+  b as DateSinglePickerInput,
+  ea as DescriptionList,
+  q as Drawer,
+  f as DrawerInput,
+  P as EmailInput,
   l as FormLayout,
-  ea as Icon,
+  ta as Icon,
   sa as ImageCircle,
-  ta as ImageRectangle,
-  ra as ImageSquare,
-  s as LoadingIndicator,
-  H as Menu,
-  q as Modal,
+  ra as ImageRectangle,
+  oa as ImageSquare,
+  t as LoadingIndicator,
+  z as Menu,
+  G as Modal,
   h as ModalInput,
-  oa as NoResults,
-  i as PageHeader,
-  I as PageLayout,
-  P as PriceInput,
-  t as ProgressIndicator,
-  k as RadioInput,
+  na as NoResults,
+  i as PageContent,
+  I as PageHeader,
+  c as PageLayout,
+  k as PriceInput,
+  s as ProgressIndicator,
+  C as RadioInput,
   M as SearchInput,
-  C as SegmentMultipleInput,
-  A as SegmentSingleInput,
-  D as SelectInput,
-  L as SelectableMultipleInput,
-  R as SelectableSingleInput,
-  c as SideBar,
+  A as SegmentMultipleInput,
+  D as SegmentSingleInput,
+  L as SelectInput,
+  R as SelectableMultipleInput,
+  w as SelectableSingleInput,
+  S as SideBar,
   r as Skeleton,
-  la as Snackbar,
-  ga as SnackbarsProvider,
-  w as SwitchInput,
-  na as Table,
-  ma as Tabs,
-  Ia as Text,
-  F as TextAreaInput,
-  j as TextInput,
-  pa as Tile,
-  v as TimePickerInput,
-  z as Tooltip,
-  S as TopBar,
-  da as useSnackbars
+  ia as Snackbar,
+  da as SnackbarsProvider,
+  F as SwitchInput,
+  pa as Table,
+  Ba as Tabs,
+  ca as Text,
+  j as TextAreaInput,
+  v as TextInput,
+  ua as Tile,
+  y as TimePickerInput,
+  J as Tooltip,
+  m as TopBar,
+  Ta as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,11 +1,12 @@
-import { A as r, B as s, a as t, F as B, P as e, b as p, S as u, T as m } from "../side-bar-BCTyiW3N.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-PpiWsgeR.js";
 export {
   r as AppBar,
   s as BottomBar,
   t as ButtonGroup,
-  B as FormLayout,
-  e as PageHeader,
-  p as PageLayout,
-  u as SideBar,
-  m as TopBar
+  e as FormLayout,
+  B as PageContent,
+  p as PageHeader,
+  u as PageLayout,
+  P as SideBar,
+  g as TopBar
 };

package/dist/js/{side-bar-BCTyiW3N.js → top-bar-PpiWsgeR.js}

@@ -79,7 +79,7 @@ const h = i(
     color: "gray",
     children: t
   }
-)), T = n(
+)), V = n(
   ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -89,7 +89,7 @@ const h = i(
       children: t
     }
   )
-), V = n(
+), T = n(
   ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -109,12 +109,12 @@ const h = i(
     role: "banner",
     children: t
   }
-), ja = Object.assign(S, {
+), ya = Object.assign(S, {
   Leading: B,
   Headline: w,
   Subtitle: N,
-  Trailing: T,
-  Center: V,
+  Trailing: V,
+  Center: T,
   Bottom: y
 }), H = i(
   "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",
@@ -180,9 +180,9 @@ const h = i(
     ...o,
     children: t
   }
-), ya = Object.assign(P, {
+), Ba = Object.assign(P, {
   Item: L
-}), z = i("flex", {
+}), C = i("flex", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -214,7 +214,7 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), Ba = n(
+}), wa = n(
   function({
     className: a,
     children: e,
@@ -229,7 +229,7 @@ const h = i(
       {
         ref: x,
         className: l(
-          z({
+          C({
             orientation: r,
             alignment: o,
             gap: c,
@@ -243,44 +243,54 @@ const h = i(
       }
     );
   }
-), C = i("w-full"), R = i(
+), z = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Na = n(
+  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: r,
+      className: l(z(), a),
+      ...e,
+      children: t
+    }
+  )
+), R = i("w-full mt-4"), I = i(
   "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
-), I = i("mb-4 px-4 sm:px-6"), k = i(
+), k = i("mb-4 px-4 sm:px-6"), F = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), F = i("flex items-center gap-2 flex-wrap"), G = i(
+), G = i("flex items-center gap-2 flex-wrap"), O = i(
   "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"
-), O = i(
+), W = i(
   "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
-), W = n(
+), M = n(
   ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: r,
-      className: l(R(), a),
+      className: l(I(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
     }
   )
-), M = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), E = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(I(), a),
+    className: l(k(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
     children: t
   }
-)), E = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), $ = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(k(), a),
+    className: l(F(), a),
     "data-versaur-page-header-content": !0,
     ...e,
     children: t
   }
-)), $ = n((t, a) => /* @__PURE__ */ s.jsx(
+)), q = n((t, a) => /* @__PURE__ */ s.jsx(
   d,
   {
     ...t,
@@ -290,7 +300,7 @@ const h = i(
     ellipsis: !0,
     ref: a
   }
-)), q = n(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+)), D = n(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   d,
   {
     as: "p",
@@ -301,34 +311,34 @@ const h = i(
     className: l("mb-2 sm:clamp-3", t),
     ...a
   }
-)), D = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), J = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(F(), a),
+    className: l(G(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: t
   }
-)), J = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), K = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(G(), a),
+    className: l(O(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: t
   }
-)), K = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), Q = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
     ref: r,
-    className: l(O(), a),
+    className: l(W(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: t
   }
-)), Q = n(
+)), U = n(
   ({
     children: t,
     className: a,
@@ -345,82 +355,26 @@ const h = i(
       "header",
       {
         ref: u,
-        className: l(C(), a),
+        className: l(R(), a),
         role: "banner",
         ...x,
         children: [
-          o && /* @__PURE__ */ s.jsx(M, { children: o }),
-          g && /* @__PURE__ */ s.jsxs(W, { children: [
-            /* @__PURE__ */ s.jsxs(E, { children: [
-              e && /* @__PURE__ */ s.jsx($, { children: e }),
-              r && /* @__PURE__ */ s.jsx(q, { children: r }),
-              c && /* @__PURE__ */ s.jsx(D, { children: c })
+          o && /* @__PURE__ */ s.jsx(E, { children: o }),
+          g && /* @__PURE__ */ s.jsxs(M, { children: [
+            /* @__PURE__ */ s.jsxs($, { children: [
+              e && /* @__PURE__ */ s.jsx(q, { children: e }),
+              r && /* @__PURE__ */ s.jsx(D, { children: r }),
+              c && /* @__PURE__ */ s.jsx(J, { children: c })
             ] }),
-            p && /* @__PURE__ */ s.jsx(J, { children: p })
+            p && /* @__PURE__ */ s.jsx(K, { children: p })
           ] }),
-          b && /* @__PURE__ */ s.jsx(K, { children: m }),
+          b && /* @__PURE__ */ s.jsx(Q, { children: m }),
           t
         ]
       }
     );
   }
-), wa = Q, U = i(
-  "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-), X = i("flex items-center gap-3 min-w-0 flex-1"), Y = i("flex items-center gap-2 ml-auto"), Z = i(
-  "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-primary/10 text-primary",
-        false: "hover:text-primary text-ghost"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), _ = i("flex items-center gap-2 ml-4"), aa = i("flex items-center gap-2 mr-4"), ea = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: _({ className: e }), ...r, children: a });
-  }
-), ta = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: aa({ className: e }), ...r, children: a });
-  }
-), sa = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: X({ className: e }), ...r, children: a });
-  }
-), ra = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: Y({ className: e }), ...r, children: a });
-  }
-), oa = n(
-  function({ children: a, className: e, active: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: Z({ active: r, className: e }),
-        "aria-current": r ? "page" : void 0,
-        ...o,
-        children: a
-      }
-    );
-  }
-), na = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: U({ className: a }), ...e, children: t })
-), Na = Object.assign(na, {
-  Leading: sa,
-  Trailing: ra,
-  NavItem: oa,
-  Nav: ea,
-  Actions: ta
-}), ia = i("w-full mx-auto relative", {
+), Va = U, X = i("w-full mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 pb-10",
@@ -437,13 +391,13 @@ const h = i(
       "div",
       {
         ref: c,
-        className: l(ia({ type: a }), e),
+        className: l(X({ type: a }), e),
         ...o,
         children: r
       }
     );
   }
-), la = i("grid w-full gap-4 grid-cols-12"), ca = i("", {
+), Y = i("grid w-full gap-4 grid-cols-12"), Z = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -463,19 +417,19 @@ const h = i(
   defaultVariants: {
     span: "4"
   }
-}), pa = n(
+}), _ = n(
   function({ className: a, children: e, ...r }, o) {
     return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: o,
-        className: l(la(), a),
+        className: l(Y(), a),
         ...r,
         children: e
       }
     );
   }
-), ma = n(
+), aa = n(
   function({ span: a = 4, className: e, children: r, ...o }, c) {
     const p = Math.min(12, Math.max(1, a));
     return /* @__PURE__ */ s.jsx(
@@ -483,7 +437,7 @@ const h = i(
       {
         ref: c,
         className: l(
-          ca({ span: `${p}` }),
+          Z({ span: `${p}` }),
           e
         ),
         ...o,
@@ -491,8 +445,8 @@ const h = i(
       }
     );
   }
-), Va = Object.assign(pa, {
-  Column: ma
+), Sa = Object.assign(_, {
+  Column: aa
 }), f = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
@@ -511,7 +465,7 @@ const h = i(
       disabled: !1
     }
   }
-), da = n(
+), ea = n(
   (t, a) => {
     const { icon: e, children: r, href: o, onClick: c, active: p, ...m } = t;
     if (typeof o == "string") {
@@ -553,7 +507,7 @@ const h = i(
       ) });
     }
   }
-), ua = n(
+), ta = n(
   function({ children: a, label: e, ...r }, o) {
     return /* @__PURE__ */ s.jsxs("li", { ref: o, className: "flex flex-col gap-2 mt-2", ...r, children: [
       /* @__PURE__ */ s.jsx(
@@ -570,7 +524,7 @@ const h = i(
       /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
     ] });
   }
-), xa = n(
+), sa = n(
   ({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
     "nav",
     {
@@ -581,17 +535,74 @@ 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 }) })
     }
   )
-), Sa = Object.assign(xa, {
-  Item: da,
-  Group: ua
+), Ha = Object.assign(sa, {
+  Item: ea,
+  Group: ta
+}), ra = i(
+  "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(
+  "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
+  {
+    variants: {
+      active: {
+        true: "bg-primary/10 text-primary",
+        false: "hover:text-primary text-ghost"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), la = i("flex items-center gap-2 ml-4"), ca = i("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 });
+  }
+), ma = n(
+  function({ children: a, className: e, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: ca({ className: e }), ...r, children: a });
+  }
+), da = n(
+  function({ children: a, className: e, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: oa({ className: e }), ...r, children: a });
+  }
+), ua = n(
+  function({ children: a, className: e, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: na({ className: e }), ...r, children: a });
+  }
+), xa = n(
+  function({ children: a, className: e, active: r, ...o }, c) {
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: c,
+        className: ia({ active: r, className: e }),
+        "aria-current": r ? "page" : void 0,
+        ...o,
+        children: a
+      }
+    );
+  }
+), 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, {
+  Leading: da,
+  Trailing: ua,
+  NavItem: xa,
+  Nav: pa,
+  Actions: ma
 });
 export {
-  ja as A,
-  ya as B,
-  Va as F,
-  wa as P,
-  Sa as S,
-  Na as T,
-  Ba as a,
-  Ta as b
+  ya as A,
+  Ba as B,
+  Sa as F,
+  Na as P,
+  Ha as S,
+  Aa as T,
+  wa as a,
+  Va as b,
+  Ta as c
 };

package/dist/types/layouts/index.d.ts

@@ -1,8 +1,9 @@
 export * from './app-bar';
 export * from './bottom-bar';
 export * from './button-group';
+export * from './page-content';
 export * from './page-header';
-export * from './top-bar';
 export * from './page-layout';
 export * from './form-layout';
 export * from './side-bar';
+export * from './top-bar';

package/dist/types/layouts/page-content/index.d.ts

@@ -0,0 +1,2 @@
+export { PageContent } from './page-content';
+export type { PageContentProps } from './types';

package/dist/types/layouts/page-content/page-content.d.ts

@@ -0,0 +1,15 @@
+import { PageContentProps } from './types';
+/**
+ * PageContent - Layout component for page content areas
+ *
+ * Provides consistent horizontal spacing that matches the page-header
+ * component, with additional vertical padding for proper content separation.
+ * Designed to be used as a sibling to PageHeader for consistent page layouts.
+ *
+ * Key features:
+ * - Horizontal padding matches page-header (px-4 sm:px-6)
+ * - Additional vertical padding for content separation (py-6 sm:py-8)
+ * - Mobile-first responsive design
+ * - Full width container
+ */
+export declare const PageContent: import('react').ForwardRefExoticComponent<PageContentProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/layouts/page-content/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * Props for PageContent main container
+ *
+ * A layout component that provides consistent horizontal spacing
+ * matching the page-header component, with additional vertical
+ * padding for content separation
+ */
+export interface PageContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to be displayed inside the page content area
+     */
+    children?: ReactNode;
+}

package/dist/utils/enforce-subpath-import.js

@@ -31,6 +31,7 @@ const symbolToSubpath = {
   "BottomBar": "layouts",
   "ButtonGroup": "layouts",
   "FormLayout": "layouts",
+  "PageContent": "layouts",
   "PageHeader": "layouts",
   "PageLayout": "layouts",
   "SideBar": "layouts",

package/package.json

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