@dimasbaguspm/versaur 0.0.35 → 0.0.37

package/dist/js/index.js

@@ -1,11 +1,11 @@
-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-DNHnNH-S.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 A, P as M, R as k, d as F, c as D, S as L, e as H, j as R, i as w, h as G, f as j, T as q, g as v } from "./bottom-sheet-input-Bo5LLNVg.js";
-import { B as E, D as N, M as z } from "./bottom-sheet-BYq9Nf57.js";
-import { A as K, a as O, b as Q, c as U, d as V, e as W, B as X, r as Y, f as Z, g as _, i as $, j as aa, h as ea, C as ta, k as sa, F as ra, H as oa, l as na, I as pa, o as ua, q as ia, p as la, M as Ia, N as ca, T as Sa, m as ma, n as Ba } from "./image-rectangle-BPmnlpnT.js";
-import { T as da } from "./tooltip-Dh1adQMb.js";
-import { S as Ta } from "./snackbar-DH8jCh2V.js";
-import { B as ha, T as fa } from "./tabs-C3wTfqhW.js";
+import { L as e, P as s, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, a as u, B as p, 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-C2eCjlsH.js";
+import { B as b, C as T, b as x, a as h, D as f, k as C, E as M, M as P, P as A, R as k, d as F, c as D, S as L, e as H, j as R, i as w, h as G, f as j, T as q, g as v } from "./bottom-sheet-input-CpL1KbPE.js";
+import { B as E, D as N, M as z } from "./bottom-sheet-CJfhhYkA.js";
+import { A as K, a as O, b as Q, c as U, d as V, e as W, B as X, s as Y, f as Z, g as _, j as $, k as aa, h as ta, i as ea, C as sa, l as ra, F as oa, H as na, m as ua, I as pa, p as ia, r as la, q as Ia, M as ca, N as Sa, T as ma, n as Ba, o as ga } from "./image-rectangle-DIGAUCV8.js";
+import { T as ba } from "./tooltip-IIqgfodK.js";
+import { S as xa } from "./snackbar-DH8jCh2V.js";
+import { B as fa, T as Ca } from "./tabs-Dt4NFIig.js";
 import { S as Pa, u as Aa } from "./use-snackbars-B0MaRlg1.js";
 export {
   K as Accordion,
@@ -16,45 +16,46 @@ export {
   V as AttributeList,
   W as Avatar,
   X as Badge,
-  p as BadgeGroup,
+  u as BadgeGroup,
   Y as BaseImage,
-  u as BottomBar,
+  p as BottomBar,
   E as BottomSheet,
   b as BottomSheetInput,
   Z as Brand,
-  ha as Breadcrumbs,
+  fa as Breadcrumbs,
   _ as Button,
   $ as ButtonFloat,
   i as ButtonGroup,
   aa as ButtonIcon,
+  ta as ButtonMenu,
   ea as ButtonMenuIcon,
-  ta as Calculator,
-  sa as Card,
+  sa as Calculator,
+  ra as Card,
   T as CheckboxInput,
   x as ChipMultipleInput,
   h as ChipSingleInput,
   f as DateSinglePickerInput,
   N as Drawer,
   C as DrawerInput,
-  P as EmailInput,
-  ra as FilterChip,
+  M as EmailInput,
+  oa as FilterChip,
   l as FilterChipGroup,
   I as FormLayout,
-  oa as Heading,
-  na as Hr,
+  na as Heading,
+  ua as Hr,
   pa as Icon,
-  ua as ImageCircle,
-  ia as ImageRectangle,
-  la as ImageSquare,
-  t as LoadingIndicator,
-  Ia as Menu,
+  ia as ImageCircle,
+  la as ImageRectangle,
+  Ia as ImageSquare,
+  e as LoadingIndicator,
+  ca as Menu,
   z as Modal,
-  A as ModalInput,
-  ca as NoResults,
+  P as ModalInput,
+  Sa as NoResults,
   c as PageContent,
   S as PageHeader,
   m as PageLayout,
-  M as PriceInput,
+  A as PriceInput,
   s as ProgressIndicator,
   k as RadioInput,
   F as SearchInput,
@@ -65,17 +66,17 @@ export {
   w as SelectableSingleInput,
   B as SideBar,
   r as Skeleton,
-  Ta as Snackbar,
+  xa as Snackbar,
   Pa as SnackbarsProvider,
   G as SwitchInput,
-  Sa as Table,
-  fa as Tabs,
-  ma as Text,
+  ma as Table,
+  Ca as Tabs,
+  Ba as Text,
   j as TextAreaInput,
   q as TextInput,
-  Ba as Tile,
+  ga as Tile,
   v as TimePickerInput,
-  da as Tooltip,
+  ba as Tooltip,
   g as TopBar,
   Aa 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-DNHnNH-S.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-C2eCjlsH.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-C3wTfqhW.js";
+import { B as s, T as b } from "../tabs-Dt4NFIig.js";
 export {
   s as Breadcrumbs,
   b as Tabs

package/dist/js/overlays/index.js

@@ -1,6 +1,6 @@
-import { B as a, D as e, M as t } from "../bottom-sheet-BYq9Nf57.js";
-import { M as m } from "../image-rectangle-BPmnlpnT.js";
-import { T as M } from "../tooltip-Dh1adQMb.js";
+import { B as a, D as e, M as t } from "../bottom-sheet-CJfhhYkA.js";
+import { M as m } from "../image-rectangle-DIGAUCV8.js";
+import { T as M } from "../tooltip-IIqgfodK.js";
 export {
   a as BottomSheet,
   e as Drawer,

package/dist/js/primitive/index.js

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

package/dist/js/{tabs-C3wTfqhW.js → tabs-Dt4NFIig.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-BPmnlpnT.js";
+import { I as w } from "./image-rectangle-DIGAUCV8.js";
 import "./snackbar-DH8jCh2V.js";
 import { ChevronRight as T } from "lucide-react";
 const j = d(

package/dist/js/{tooltip-Dh1adQMb.js → tooltip-IIqgfodK.js}

@@ -1,6 +1,6 @@
 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 { m as y } from "./image-rectangle-BPmnlpnT.js";
+import { n as y } from "./image-rectangle-DIGAUCV8.js";
 function P(e = "auto") {
   const n = m(null), [a, t] = d("bottom");
   return h(() => {

package/dist/js/{top-bar-DNHnNH-S.js → top-bar-C2eCjlsH.js}

@@ -1,7 +1,7 @@
 import { c as i, j as r, a as l } from "./index-DOdDlCoL.js";
 import * as v from "react";
 import { forwardRef as o } from "react";
-import { m as f } from "./image-rectangle-BPmnlpnT.js";
+import { n as f } from "./image-rectangle-DIGAUCV8.js";
 import "./snackbar-DH8jCh2V.js";
 const h = 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",
@@ -116,7 +116,7 @@ const h = i(
   Center: S,
   Bottom: y
 }), H = i(
-  "sticky bottom-0 w-full flex justify-around items-center bg-white border-t border-border shadow-xs z-40 safe-bottom gap-4 select-none",
+  "sticky bottom-0 w-full flex justify-around items-center bg-white border-t border-border shadow-xs z-40 safe-bottom gap-4 select-none px-8",
   {
     variants: {
       variant: {

package/dist/types/forms/bottom-sheet-input/bottom-sheet-input.d.ts

@@ -3,5 +3,5 @@ export declare const BottomSheetInput: import('react').ForwardRefExoticComponent
     Header: import('react').ForwardRefExoticComponent<import('../..').BottomSheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
     Body: import('react').ForwardRefExoticComponent<import('../..').BottomSheetBodyProps & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<import('../..').BottomSheetFooterProps & import('react').RefAttributes<HTMLDivElement>>;
-    Title: import('react').ForwardRefExoticComponent<import('../..').BottomSheetTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    Title: import('react').ForwardRefExoticComponent<import('../..').HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
 };

package/dist/types/forms/price-input/price-input.d.ts

@@ -1,6 +1,9 @@
 import { FC } from 'react';
 import { PriceInputProps } from './types';
 /**
- * PriceInput is a styled input for IDR currency, handling comma formatting and standard input attributes
+ * PriceInput is a specialized input component for Indonesian Rupiah (IDR) currency.
+ * It enforces proper Rupiah formatting with thousands separators (dots) and decimal separators (commas).
+ * Valid formats: 10000, 10.000, 10.000,50, 1.000.000,99
+ * Invalid formats are automatically prevented: 10...1, 10,1,1, 10,,1, 10.000.00
  */
 export declare const PriceInput: FC<PriceInputProps>;

package/dist/types/overlays/bottom-sheet/bottom-sheet.atoms.d.ts

@@ -1,8 +1,9 @@
-import { BottomSheetHeaderProps, BottomSheetBodyProps, BottomSheetFooterProps, BottomSheetTitleProps } from './types';
+import { BottomSheetHeaderProps, BottomSheetBodyProps, BottomSheetFooterProps } from './types';
 /**
  * BottomSheetTitle: Title text for the sheet header (for consistency)
  */
-export declare const BottomSheetTitle: import('react').ForwardRefExoticComponent<BottomSheetTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const BottomSheetTitle: import('react').ForwardRefExoticComponent<import('../../primitive').HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const BottomSheetCloseIcon: import('react').ForwardRefExoticComponent<Partial<import('../../primitive').ButtonIconProps> & import('react').RefAttributes<HTMLButtonElement>>;
 /**
  * BottomSheetHeader: Top section for title or actions
  */

package/dist/types/overlays/bottom-sheet/bottom-sheet.d.ts

@@ -1,7 +1,8 @@
 import { BottomSheetProps } from './types';
 export declare const BottomSheet: import('react').ForwardRefExoticComponent<BottomSheetProps & import('react').RefAttributes<HTMLDivElement>> & {
     Header: import('react').ForwardRefExoticComponent<import('./types').BottomSheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
-    Title: import('react').ForwardRefExoticComponent<import('./types').BottomSheetTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    Title: import('react').ForwardRefExoticComponent<import('../..').HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    CloseIcon: import('react').ForwardRefExoticComponent<Partial<import('../..').ButtonIconProps> & import('react').RefAttributes<HTMLButtonElement>>;
     Body: import('react').ForwardRefExoticComponent<import('./types').BottomSheetBodyProps & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<import('./types').BottomSheetFooterProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/types/overlays/bottom-sheet/types.d.ts

@@ -1,3 +1,4 @@
+import { ButtonIconProps, HeadingProps } from '../../primitive';
 import { OverlayPortalProps } from '../../utils/overlay-portal';
 import { HTMLAttributes } from 'react';
 /**
@@ -24,4 +25,5 @@ export interface BottomSheetProps extends HTMLAttributes<HTMLDivElement>, Overla
 export type BottomSheetHeaderProps = HTMLAttributes<HTMLDivElement>;
 export type BottomSheetBodyProps = HTMLAttributes<HTMLDivElement>;
 export type BottomSheetFooterProps = HTMLAttributes<HTMLDivElement>;
-export type BottomSheetTitleProps = HTMLAttributes<HTMLHeadingElement>;
+export type BottomSheetTitleProps = HeadingProps;
+export type BottomSheetCloseIconProps = Partial<ButtonIconProps>;

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

@@ -37,5 +37,8 @@ export interface MenuItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'onCl
     children: ReactNode;
     /** Whether the item is disabled */
     disabled?: boolean;
+    /** Click handler */
     onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
+    /** Whether the item is active */
+    active?: boolean;
 }

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

@@ -0,0 +1,4 @@
+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

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

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { MenuProps } from '../../overlays/menu/types';
+import { ButtonProps } from '../button/types';
+export interface ButtonMenuProps extends Omit<ButtonProps, 'content'>, Pick<MenuProps, 'placement' | 'container' | 'preserve'> {
+    /**
+     * Callback function triggered when the menu open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The content to be displayed inside the menu.
+     */
+    children: ReactNode;
+    /**
+     * The label to be displayed on the button.
+     */
+    label: ReactNode;
+}

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

@@ -32,7 +32,11 @@ export interface CardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
      */
     badge?: ReactNode;
     /**
-     * Supplementary information to display on the right side
+     * Action elements to display in the right top area
+     */
+    actions?: ReactNode;
+    /**
+     * Supplementary information to display on the bottom-right side
      * Usually used for amounts, status, or additional info
      */
     supplementaryInfo?: ReactNode;

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

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

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

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

package/package.json

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