@dimasbaguspm/versaur 0.0.31 → 0.0.33

package/dist/js/index.js

@@ -1,33 +1,34 @@
-import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, a as p, B as u, b as i, F as l, e as I, P as c, c as S, d as m, S as B, T as g } from "./top-bar-sahvpzBv.js";
-import { B as b, C as T, b as x, a as h, D as f, k as C, E as P, M as k, P as A, R as M, d as F, c as D, S as L, e as R, j as w, i as G, h as j, f as v, T as y, g as E } from "./bottom-sheet-input-CI-9wYa7.js";
-import { B as q, D as H, M as z } from "./bottom-sheet-3W_vCYl6.js";
-import { M as K, T as O } from "./tooltip-C1P1eN0U.js";
-import { A as U, a as V, b as W, c as X, d as Y, B as Z, o as _, e as $, f as aa, g as ea, h as ta, C as sa, i as ra, F as oa, I as na, l as pa, n as ua, m as ia, N as la, T as Ia, j as ca, k as Sa } from "./image-rectangle-BpMI_fTE.js";
-import { S as Ba } from "./snackbar-DH8jCh2V.js";
-import { B as da, T as ba } from "./tabs-BOdkXJdy.js";
-import { S as xa, u as ha } from "./use-snackbars-B0MaRlg1.js";
+import { L as e, P as s, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, a as p, B as u, b as i, F as l, e as I, P as c, c as S, d as m, S as B, T as g } from "./top-bar-Bg-zMaFY.js";
+import { B as b, C as T, b as x, a as h, D as f, k as C, E as P, M, P as k, R as A, d as F, c as D, S as L, e as R, j as w, i as G, h as j, f as v, T as y, g as E } from "./bottom-sheet-input-DRcyjeGh.js";
+import { B as q, D as H, M as z } from "./bottom-sheet-B3Rt2JC5.js";
+import { A as K, a as O, b as Q, c as U, d as V, B as W, p as X, e as Y, f as Z, h as _, i as $, g as aa, C as ta, j as ea, F as sa, I as ra, m as oa, o as na, n as pa, M as ua, N as ia, T as la, k as Ia, l as ca } from "./image-rectangle-oPc5hFMM.js";
+import { T as ma } from "./tooltip-DNKTNCQm.js";
+import { S as ga } from "./snackbar-DH8jCh2V.js";
+import { B as ba, T as Ta } from "./tabs-CKLbsCWq.js";
+import { S as ha, u as fa } from "./use-snackbars-B0MaRlg1.js";
 export {
-  U as Alert,
-  V as Anchor,
+  K as Alert,
+  O as Anchor,
   n as AppBar,
-  W as Attribute,
-  X as AttributeList,
-  Y as Avatar,
-  Z as Badge,
+  Q as Attribute,
+  U as AttributeList,
+  V as Avatar,
+  W as Badge,
   p as BadgeGroup,
-  _ as BaseImage,
+  X as BaseImage,
   u as BottomBar,
   q as BottomSheet,
   b as BottomSheetInput,
-  $ as Brand,
-  da as Breadcrumbs,
-  aa as Button,
-  ea as ButtonFloat,
+  Y as Brand,
+  ba as Breadcrumbs,
+  Z as Button,
+  _ as ButtonFloat,
   i as ButtonGroup,
-  ta as ButtonIcon,
-  sa as Calculator,
-  ra as Card,
+  $ as ButtonIcon,
+  aa as ButtonMenuIcon,
+  ta as Calculator,
+  ea as Card,
   T as CheckboxInput,
   x as ChipMultipleInput,
   h as ChipSingleInput,
@@ -35,24 +36,24 @@ export {
   H as Drawer,
   C as DrawerInput,
   P as EmailInput,
-  oa as FilterChip,
+  sa as FilterChip,
   l as FilterChipGroup,
   I as FormLayout,
-  na as Icon,
-  pa as ImageCircle,
-  ua as ImageRectangle,
-  ia as ImageSquare,
-  t as LoadingIndicator,
-  K as Menu,
+  ra as Icon,
+  oa as ImageCircle,
+  na as ImageRectangle,
+  pa as ImageSquare,
+  e as LoadingIndicator,
+  ua as Menu,
   z as Modal,
-  k as ModalInput,
-  la as NoResults,
+  M as ModalInput,
+  ia as NoResults,
   c as PageContent,
   S as PageHeader,
   m as PageLayout,
-  A as PriceInput,
+  k as PriceInput,
   s as ProgressIndicator,
-  M as RadioInput,
+  A as RadioInput,
   F as SearchInput,
   D as SegmentMultipleInput,
   L as SegmentSingleInput,
@@ -61,17 +62,17 @@ export {
   G as SelectableSingleInput,
   B as SideBar,
   r as Skeleton,
-  Ba as Snackbar,
-  xa as SnackbarsProvider,
+  ga as Snackbar,
+  ha as SnackbarsProvider,
   j as SwitchInput,
-  Ia as Table,
-  ba as Tabs,
-  ca as Text,
+  la as Table,
+  Ta as Tabs,
+  Ia as Text,
   v as TextAreaInput,
   y as TextInput,
-  Sa as Tile,
+  ca as Tile,
   E as TimePickerInput,
-  O as Tooltip,
+  ma as Tooltip,
   g as TopBar,
-  ha as useSnackbars
+  fa as useSnackbars
 };

package/dist/js/layouts/index.js

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

package/dist/js/navigation/index.js

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

package/dist/js/overlays/index.js

@@ -1,9 +1,10 @@
-import { B as e, D as r, M as t } from "../bottom-sheet-3W_vCYl6.js";
-import { M, T as m } from "../tooltip-C1P1eN0U.js";
+import { B as a, D as e, M as t } from "../bottom-sheet-B3Rt2JC5.js";
+import { M as m } from "../image-rectangle-oPc5hFMM.js";
+import { T as M } from "../tooltip-DNKTNCQm.js";
 export {
-  e as BottomSheet,
-  r as Drawer,
-  M as Menu,
+  a as BottomSheet,
+  e as Drawer,
+  m as Menu,
   t as Modal,
-  m as Tooltip
+  M as Tooltip
 };

package/dist/js/primitive/index.js

@@ -1,27 +1,28 @@
-import { A as t, a as e, b as r, c as o, d as l, B as n, o as c, e as i, f as u, g, h as m, C as B, i as I, F as A, I as b, l as C, n as d, m as T, N as f, T as h, j as p, k as x } from "../image-rectangle-BpMI_fTE.js";
-import { S } from "../snackbar-DH8jCh2V.js";
+import { A as t, a as e, b as o, c as r, d as n, B as l, p as u, e as c, f as i, h as B, i as I, g, C as m, j as A, F as b, I as C, m as d, o as p, n as T, N as f, T as h, k as x, l as F } from "../image-rectangle-oPc5hFMM.js";
+import { S as k } from "../snackbar-DH8jCh2V.js";
 export {
   t as Alert,
   e as Anchor,
-  r as Attribute,
-  o as AttributeList,
-  l as Avatar,
-  n as Badge,
-  c as BaseImage,
-  i as Brand,
-  u as Button,
-  g as ButtonFloat,
-  m as ButtonIcon,
-  B as Calculator,
-  I as Card,
-  A as FilterChip,
-  b as Icon,
-  C as ImageCircle,
-  d as ImageRectangle,
+  o as Attribute,
+  r as AttributeList,
+  n as Avatar,
+  l as Badge,
+  u as BaseImage,
+  c as Brand,
+  i as Button,
+  B as ButtonFloat,
+  I as ButtonIcon,
+  g as ButtonMenuIcon,
+  m as Calculator,
+  A as Card,
+  b as FilterChip,
+  C as Icon,
+  d as ImageCircle,
+  p as ImageRectangle,
   T as ImageSquare,
   f as NoResults,
-  S as Snackbar,
+  k as Snackbar,
   h as Table,
-  p as Text,
-  x as Tile
+  x as Text,
+  F as Tile
 };

package/dist/js/{tabs-BOdkXJdy.js → tabs-CKLbsCWq.js}

@@ -1,6 +1,6 @@
 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-BpMI_fTE.js";
+import { I as w } from "./image-rectangle-oPc5hFMM.js";
 import "./snackbar-DH8jCh2V.js";
 import { ChevronRight as T } from "lucide-react";
 const j = d(

package/dist/js/tooltip-DNKTNCQm.js

@@ -0,0 +1,81 @@
+import { c as v, j as c, a as w } from "./index-DOdDlCoL.js";
+import { useRef as m, useState as d, useEffect as h, useId as T, cloneElement as j } from "react";
+import { k as y } from "./image-rectangle-oPc5hFMM.js";
+function P(e = "auto") {
+  const n = m(null), [a, t] = d("bottom");
+  return h(() => {
+    if (!open || e !== "auto" || !n.current) {
+      t(e === "auto" ? "bottom" : e);
+      return;
+    }
+    const o = n.current.getBoundingClientRect(), l = window.innerWidth, r = window.innerHeight, i = {
+      top: o.top,
+      bottom: r - o.bottom,
+      left: o.left,
+      right: l - o.right
+    };
+    i.bottom > 64 ? t("bottom") : i.top > 64 ? t("top") : i.right > 128 ? t("right") : t("left");
+  }, [e, n]), { position: a, ref: n };
+}
+const E = v(
+  "absolute z-50 px-2 py-1 rounded bg-neutral pointer-events-auto transition-opacity duration-150 min-w-[max-content] max-w-sm whitespace-pre-line",
+  {
+    variants: {
+      position: {
+        top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+        bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+        left: "right-full top-1/2 -translate-y-1/2 mr-2",
+        right: "left-full top-1/2 -translate-y-1/2 ml-2",
+        auto: "top-full left-1/2 -translate-x-1/2 mt-2"
+      }
+    },
+    defaultVariants: {
+      position: "auto"
+    }
+  }
+), O = ({
+  children: e,
+  content: n,
+  position: a = "auto",
+  popoverClassName: t,
+  delay: o,
+  ...l
+}) => {
+  const r = T(), [i, u] = d(!1), s = m(null), p = () => {
+    o ? s.current = setTimeout(() => u(!0), o) : u(!0);
+  }, f = () => {
+    s.current && clearTimeout(s.current), u(!1);
+  };
+  h(() => () => {
+    s.current && clearTimeout(s.current);
+  }, []);
+  const b = {
+    tabIndex: 0,
+    "aria-describedby": r,
+    onMouseEnter: p,
+    onFocus: p,
+    onMouseLeave: f,
+    onBlur: f,
+    ...l
+  }, { ref: x, position: g } = P(a);
+  return /* @__PURE__ */ c.jsxs("div", { className: "relative w-fit", ref: x, children: [
+    j(e, b),
+    /* @__PURE__ */ c.jsx(
+      "div",
+      {
+        id: r,
+        className: w(
+          E({ position: g }),
+          t,
+          !i && "opacity-0 pointer-events-none"
+        ),
+        role: "tooltip",
+        "aria-hidden": !i,
+        children: /* @__PURE__ */ c.jsx(y, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: n })
+      }
+    )
+  ] });
+};
+export {
+  O as T
+};

package/dist/js/{top-bar-sahvpzBv.js → top-bar-Bg-zMaFY.js}

@@ -1,7 +1,7 @@
 import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
 import * as b from "react";
 import { forwardRef as o } from "react";
-import { j as u } from "./image-rectangle-BpMI_fTE.js";
+import { k as u } from "./image-rectangle-oPc5hFMM.js";
 import "./snackbar-DH8jCh2V.js";
 const j = i(
   "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",
@@ -374,7 +374,7 @@ const j = i(
       children: t
     }
   )
-), I = i("w-full mt-4"), k = i(
+), k = 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"
 ), F = i("mb-4 px-4 sm:px-6"), O = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
@@ -387,7 +387,7 @@ const j = i(
     "div",
     {
       ref: r,
-      className: l(k(), a),
+      className: l(I(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
@@ -486,7 +486,7 @@ const j = i(
       "header",
       {
         ref: g,
-        className: l(I(), a),
+        className: l(k(), a),
         role: "banner",
         ...f,
         children: [

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export type MenuSize = 'sm' | 'md';
+export type MenuPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'auto';
 /**
  * Props for Menu
  */
@@ -14,6 +15,10 @@ export interface MenuProps {
     content: ReactNode;
     /** Trigger element */
     children: ReactNode;
+    /** Preferred placement of the menu relative to trigger */
+    placement?: MenuPlacement;
+    /** Container element to respect boundaries (defaults to viewport) */
+    container?: HTMLElement | null;
 }
 /**
  * Props for MenuContent

package/dist/types/overlays/menu/use-menu.d.ts

@@ -1 +1,16 @@
+import { MenuPlacement } from './types';
 export declare function useMenuOutsideClick(isOpen: boolean, contentRef: React.RefObject<HTMLDivElement | null>, triggerRef: React.RefObject<HTMLButtonElement | null>, onOutsideClick: () => void): void;
+/**
+ * Menu-specific escape close hook that doesn't disable body scrolling
+ */
+export declare function useMenuEscapeClose(isOpen: boolean, onClose: () => void): void;
+interface MenuPosition {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    maxHeight?: number;
+    maxWidth?: number;
+}
+export declare function useMenuPosition(isOpen: boolean, triggerRef: React.RefObject<HTMLElement | null>, contentRef: React.RefObject<HTMLDivElement | null>, placement?: MenuPlacement, container?: HTMLElement | null): MenuPosition;
+export {};

package/dist/types/primitive/button-menu-icon/button-menu-icon.d.ts

@@ -0,0 +1,4 @@
+import { ButtonMenuIconProps } from './types';
+export declare const ButtonMenuIcon: import('react').ForwardRefExoticComponent<ButtonMenuIconProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('../../overlays/menu/types').MenuItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};

package/dist/types/primitive/button-menu-icon/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonMenuIcon } from './button-menu-icon';
+export type { ButtonMenuIconProps } from './types';

package/dist/types/primitive/{button-menu → button-menu-icon}/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { IconProps } from '../icon';
 import { ButtonIconProps } from '../button-icon';
-export interface ButtonMenuProps extends Omit<ButtonIconProps, 'content'>, Pick<IconProps, 'as'> {
+export interface ButtonMenuIconProps extends Omit<ButtonIconProps, 'content'>, Pick<IconProps, 'as'> {
     /**
      * Callback function triggered when the menu open state changes.
      */
@@ -9,5 +9,5 @@ export interface ButtonMenuProps extends Omit<ButtonIconProps, 'content'>, Pick<
     /**
      * The content to be displayed inside the menu.
      */
-    content: ReactNode;
+    children: ReactNode;
 }

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

@@ -6,6 +6,7 @@ export * from './avatar';
 export * from './badge';
 export * from './brand';
 export * from './button';
+export * from './button-menu-icon';
 export * from './button-float';
 export * from './button-icon';
 export * from './calculator';

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

@@ -55,7 +55,7 @@ const symbolToSubpath = {
   "Button": "primitive",
   "ButtonFloat": "primitive",
   "ButtonIcon": "primitive",
-  "ButtonMenu": "primitive",
+  "ButtonMenuIcon": "primitive",
   "Calculator": "primitive",
   "Card": "primitive",
   "FilterChip": "primitive",

package/package.json

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

package/dist/js/tooltip-C1P1eN0U.js

@@ -1,156 +0,0 @@
-import { c as h, j as i, a as f } from "./index-DOdDlCoL.js";
-import { useEffect as p, forwardRef as b, useRef as c, useId as g, cloneElement as v, useState as w } from "react";
-import { u as T } from "./bottom-sheet-3W_vCYl6.js";
-import { f as E, j as I } from "./image-rectangle-BpMI_fTE.js";
-import "./snackbar-DH8jCh2V.js";
-const C = h(
-  "absolute z-70 min-w-40 bg-background rounded-lg border border-border transition-all duration-200 ease-out will-change-transform",
-  {
-    variants: {
-      size: {
-        sm: "py-1.5 px-1",
-        md: "py-2 px-1"
-      },
-      open: {
-        true: "opacity-100 translate-y-1",
-        false: "opacity-0 pointer-events-none translate-y-3"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      open: !1
-    }
-  }
-);
-function N(t, e, r, o) {
-  p(() => {
-    if (!t) return;
-    function n(s) {
-      !e.current?.contains(s.target) && !r.current?.contains(s.target) && o();
-    }
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, [t, o, e, r]);
-}
-const R = b(
-  ({ children: t }, e) => /* @__PURE__ */ i.jsx("ul", { ref: e, className: "flex flex-col gap-1", children: t })
-), z = b(
-  ({ children: t, disabled: e, ...r }, o) => /* @__PURE__ */ i.jsx("li", { ref: o, ...r, children: /* @__PURE__ */ i.jsx(
-    E,
-    {
-      variant: "ghost",
-      className: f("block text-left w-full"),
-      disabled: e,
-      children: t
-    }
-  ) })
-), P = ({
-  isOpen: t,
-  onOutsideClick: e,
-  size: r = "md",
-  content: o,
-  children: n
-}) => {
-  const s = c(null), l = c(null), a = g();
-  return N(t, l, s, e), T(t, e), /* @__PURE__ */ i.jsxs("div", { className: "relative w-fit", children: [
-    v(n, {
-      // @ts-expect-error: ref is valid for button or forwardRef components
-      ref: s,
-      "aria-haspopup": "menu",
-      "aria-expanded": t,
-      "aria-controls": a
-    }),
-    t && /* @__PURE__ */ i.jsx(
-      "div",
-      {
-        id: a,
-        ref: l,
-        className: f(C({ size: r, open: t })),
-        role: "menu",
-        "aria-hidden": !t,
-        children: o
-      }
-    )
-  ] });
-}, H = Object.assign(P, {
-  Content: R,
-  Item: z
-});
-function k(t = "auto") {
-  const e = c(null), [r, o] = w("bottom");
-  return p(() => {
-    if (!open || t !== "auto" || !e.current) {
-      o(t === "auto" ? "bottom" : t);
-      return;
-    }
-    const n = e.current.getBoundingClientRect(), s = window.innerWidth, l = window.innerHeight, a = {
-      top: n.top,
-      bottom: l - n.bottom,
-      left: n.left,
-      right: s - n.right
-    };
-    a.bottom > 64 ? o("bottom") : a.top > 64 ? o("top") : a.right > 128 ? o("right") : o("left");
-  }, [t, e]), { position: r, ref: e };
-}
-const B = h(
-  "absolute z-50 px-2 py-1 rounded bg-neutral pointer-events-auto transition-opacity duration-150 min-w-[max-content] max-w-sm whitespace-pre-line",
-  {
-    variants: {
-      position: {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-        left: "right-full top-1/2 -translate-y-1/2 mr-2",
-        right: "left-full top-1/2 -translate-y-1/2 ml-2",
-        auto: "top-full left-1/2 -translate-x-1/2 mt-2"
-      }
-    },
-    defaultVariants: {
-      position: "auto"
-    }
-  }
-), q = ({
-  children: t,
-  content: e,
-  position: r = "auto",
-  popoverClassName: o,
-  delay: n,
-  ...s
-}) => {
-  const l = g(), [a, m] = w(!1), u = c(null), d = () => {
-    n ? u.current = setTimeout(() => m(!0), n) : m(!0);
-  }, x = () => {
-    u.current && clearTimeout(u.current), m(!1);
-  };
-  p(() => () => {
-    u.current && clearTimeout(u.current);
-  }, []);
-  const j = {
-    tabIndex: 0,
-    "aria-describedby": l,
-    onMouseEnter: d,
-    onFocus: d,
-    onMouseLeave: x,
-    onBlur: x,
-    ...s
-  }, { ref: y, position: M } = k(r);
-  return /* @__PURE__ */ i.jsxs("div", { className: "relative w-fit", ref: y, children: [
-    v(t, j),
-    /* @__PURE__ */ i.jsx(
-      "div",
-      {
-        id: l,
-        className: f(
-          B({ position: M }),
-          o,
-          !a && "opacity-0 pointer-events-none"
-        ),
-        role: "tooltip",
-        "aria-hidden": !a,
-        children: /* @__PURE__ */ i.jsx(I, { as: "p", fontSize: "xs", fontWeight: "normal", color: "black", children: e })
-      }
-    )
-  ] });
-};
-export {
-  H as M,
-  q as T
-};

package/dist/types/primitive/button-menu/button-menu.d.ts

@@ -1,4 +0,0 @@
-import { ButtonMenuProps } from './types';
-export declare const ButtonMenu: import('react').ForwardRefExoticComponent<ButtonMenuProps & import('react').RefAttributes<HTMLButtonElement>> & {
-    Item: import('react').ForwardRefExoticComponent<import('../../overlays/menu/types').MenuItemProps & import('react').RefAttributes<HTMLLIElement>>;
-};

package/dist/types/primitive/button-menu/index.d.ts

@@ -1,2 +0,0 @@
-export { ButtonMenu } from './button-menu';
-export type { ButtonMenuProps } from './types';