@dimasbaguspm/versaur 0.0.36 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/js/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
2
- 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-o8F7AMVL.js";
3
- 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-DzZ1xoOR.js";
4
- import { B as E, D as N, M as z } from "./bottom-sheet-CoR7hCZO.js";
5
- 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-B48Z5AzG.js";
6
- import { T as da } from "./tooltip-D5V0M0cy.js";
7
- import { S as Ta } from "./snackbar-DH8jCh2V.js";
8
- import { B as ha, T as fa } from "./tabs-Cs-qKwI3.js";
1
+ import { L as e, P as s, S as r } from "./skeleton-BNZyaRjo.js";
2
+ 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";
3
+ 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";
4
+ import { B as E, D as N, M as z } from "./bottom-sheet-CJfhhYkA.js";
5
+ 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";
6
+ import { T as ba } from "./tooltip-IIqgfodK.js";
7
+ import { S as xa } from "./snackbar-DH8jCh2V.js";
8
+ import { B as fa, T as Ca } from "./tabs-Dt4NFIig.js";
9
9
  import { S as Pa, u as Aa } from "./use-snackbars-B0MaRlg1.js";
10
10
  export {
11
11
  K as Accordion,
@@ -16,45 +16,46 @@ export {
16
16
  V as AttributeList,
17
17
  W as Avatar,
18
18
  X as Badge,
19
- p as BadgeGroup,
19
+ u as BadgeGroup,
20
20
  Y as BaseImage,
21
- u as BottomBar,
21
+ p as BottomBar,
22
22
  E as BottomSheet,
23
23
  b as BottomSheetInput,
24
24
  Z as Brand,
25
- ha as Breadcrumbs,
25
+ fa as Breadcrumbs,
26
26
  _ as Button,
27
27
  $ as ButtonFloat,
28
28
  i as ButtonGroup,
29
29
  aa as ButtonIcon,
30
+ ta as ButtonMenu,
30
31
  ea as ButtonMenuIcon,
31
- ta as Calculator,
32
- sa as Card,
32
+ sa as Calculator,
33
+ ra as Card,
33
34
  T as CheckboxInput,
34
35
  x as ChipMultipleInput,
35
36
  h as ChipSingleInput,
36
37
  f as DateSinglePickerInput,
37
38
  N as Drawer,
38
39
  C as DrawerInput,
39
- P as EmailInput,
40
- ra as FilterChip,
40
+ M as EmailInput,
41
+ oa as FilterChip,
41
42
  l as FilterChipGroup,
42
43
  I as FormLayout,
43
- oa as Heading,
44
- na as Hr,
44
+ na as Heading,
45
+ ua as Hr,
45
46
  pa as Icon,
46
- ua as ImageCircle,
47
- ia as ImageRectangle,
48
- la as ImageSquare,
49
- t as LoadingIndicator,
50
- Ia as Menu,
47
+ ia as ImageCircle,
48
+ la as ImageRectangle,
49
+ Ia as ImageSquare,
50
+ e as LoadingIndicator,
51
+ ca as Menu,
51
52
  z as Modal,
52
- A as ModalInput,
53
- ca as NoResults,
53
+ P as ModalInput,
54
+ Sa as NoResults,
54
55
  c as PageContent,
55
56
  S as PageHeader,
56
57
  m as PageLayout,
57
- M as PriceInput,
58
+ A as PriceInput,
58
59
  s as ProgressIndicator,
59
60
  k as RadioInput,
60
61
  F as SearchInput,
@@ -65,17 +66,17 @@ export {
65
66
  w as SelectableSingleInput,
66
67
  B as SideBar,
67
68
  r as Skeleton,
68
- Ta as Snackbar,
69
+ xa as Snackbar,
69
70
  Pa as SnackbarsProvider,
70
71
  G as SwitchInput,
71
- Sa as Table,
72
- fa as Tabs,
73
- ma as Text,
72
+ ma as Table,
73
+ Ca as Tabs,
74
+ Ba as Text,
74
75
  j as TextAreaInput,
75
76
  q as TextInput,
76
- Ba as Tile,
77
+ ga as Tile,
77
78
  v as TimePickerInput,
78
- da as Tooltip,
79
+ ba as Tooltip,
79
80
  g as TopBar,
80
81
  Aa as useSnackbars
81
82
  };
@@ -1,4 +1,4 @@
1
- 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-o8F7AMVL.js";
1
+ 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";
2
2
  export {
3
3
  r as AppBar,
4
4
  e as BadgeGroup,
@@ -1,4 +1,4 @@
1
- import { B as s, T as b } from "../tabs-Cs-qKwI3.js";
1
+ import { B as s, T as b } from "../tabs-Dt4NFIig.js";
2
2
  export {
3
3
  s as Breadcrumbs,
4
4
  b as Tabs
@@ -1,6 +1,6 @@
1
- import { B as a, D as e, M as t } from "../bottom-sheet-CoR7hCZO.js";
2
- import { M as m } from "../image-rectangle-B48Z5AzG.js";
3
- import { T as M } from "../tooltip-D5V0M0cy.js";
1
+ import { B as a, D as e, M as t } from "../bottom-sheet-CJfhhYkA.js";
2
+ import { M as m } from "../image-rectangle-DIGAUCV8.js";
3
+ import { T as M } from "../tooltip-IIqgfodK.js";
4
4
  export {
5
5
  a as BottomSheet,
6
6
  e as Drawer,
@@ -1,31 +1,32 @@
1
- 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-B48Z5AzG.js";
1
+ 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";
2
2
  import { S as N } from "../snackbar-DH8jCh2V.js";
3
3
  export {
4
4
  t as Accordion,
5
5
  e as Alert,
6
- r as Anchor,
7
- o as Attribute,
6
+ o as Anchor,
7
+ r as Attribute,
8
8
  n as AttributeList,
9
- c as Avatar,
10
- l as Badge,
11
- i as BaseImage,
12
- u as Brand,
13
- g as Button,
14
- B as ButtonFloat,
9
+ u as Avatar,
10
+ c as Badge,
11
+ l as BaseImage,
12
+ i as Brand,
13
+ B as Button,
14
+ g as ButtonFloat,
15
15
  I as ButtonIcon,
16
- m as ButtonMenuIcon,
17
- A as Calculator,
18
- d as Card,
19
- b as FilterChip,
20
- C as Heading,
21
- p as Hr,
22
- T as Icon,
23
- f as ImageCircle,
24
- h as ImageRectangle,
25
- x as ImageSquare,
26
- F as NoResults,
16
+ m as ButtonMenu,
17
+ A as ButtonMenuIcon,
18
+ d as Calculator,
19
+ b as Card,
20
+ C as FilterChip,
21
+ p as Heading,
22
+ T as Hr,
23
+ f as Icon,
24
+ h as ImageCircle,
25
+ x as ImageRectangle,
26
+ F as ImageSquare,
27
+ H as NoResults,
27
28
  N as Snackbar,
28
- H as Table,
29
- S as Text,
30
- k as Tile
29
+ S as Table,
30
+ k as Text,
31
+ q as Tile
31
32
  };
@@ -1,6 +1,6 @@
1
1
  import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
2
2
  import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
3
- import { I as w } from "./image-rectangle-B48Z5AzG.js";
3
+ import { I as w } from "./image-rectangle-DIGAUCV8.js";
4
4
  import "./snackbar-DH8jCh2V.js";
5
5
  import { ChevronRight as T } from "lucide-react";
6
6
  const j = d(
@@ -1,6 +1,6 @@
1
1
  import { c as v, j as c, a as w } from "./index-DOdDlCoL.js";
2
2
  import { useRef as m, useState as d, useEffect as h, useId as T, cloneElement as j } from "react";
3
- import { m as y } from "./image-rectangle-B48Z5AzG.js";
3
+ import { n as y } from "./image-rectangle-DIGAUCV8.js";
4
4
  function P(e = "auto") {
5
5
  const n = m(null), [a, t] = d("bottom");
6
6
  return h(() => {
@@ -1,7 +1,7 @@
1
1
  import { c as i, j as r, a as l } from "./index-DOdDlCoL.js";
2
2
  import * as v from "react";
3
3
  import { forwardRef as o } from "react";
4
- import { m as f } from "./image-rectangle-B48Z5AzG.js";
4
+ import { n as f } from "./image-rectangle-DIGAUCV8.js";
5
5
  import "./snackbar-DH8jCh2V.js";
6
6
  const h = i(
7
7
  "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",
@@ -1,6 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { PriceInputProps } from './types';
3
3
  /**
4
- * PriceInput is a styled input for IDR currency, handling comma formatting and standard input attributes
4
+ * PriceInput is a specialized input component for Indonesian Rupiah (IDR) currency.
5
+ * It enforces proper Rupiah formatting with thousands separators (dots) and decimal separators (commas).
6
+ * Valid formats: 10000, 10.000, 10.000,50, 1.000.000,99
7
+ * Invalid formats are automatically prevented: 10...1, 10,1,1, 10,,1, 10.000.00
5
8
  */
6
9
  export declare const PriceInput: FC<PriceInputProps>;
@@ -37,5 +37,8 @@ export interface MenuItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'onCl
37
37
  children: ReactNode;
38
38
  /** Whether the item is disabled */
39
39
  disabled?: boolean;
40
+ /** Click handler */
40
41
  onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
42
+ /** Whether the item is active */
43
+ active?: boolean;
41
44
  }
@@ -0,0 +1,4 @@
1
+ import { ButtonMenuProps } from './types';
2
+ export declare const ButtonMenu: import('react').ForwardRefExoticComponent<ButtonMenuProps & import('react').RefAttributes<HTMLButtonElement>> & {
3
+ Item: import('react').ForwardRefExoticComponent<import('../../overlays/menu/types').MenuItemProps & import('react').RefAttributes<HTMLLIElement>>;
4
+ };
@@ -0,0 +1,2 @@
1
+ export { ButtonMenu } from './button-menu';
2
+ export type { ButtonMenuProps } from './types';
@@ -0,0 +1,17 @@
1
+ import { ReactNode } from 'react';
2
+ import { MenuProps } from '../../overlays/menu/types';
3
+ import { ButtonProps } from '../button/types';
4
+ export interface ButtonMenuProps extends Omit<ButtonProps, 'content'>, Pick<MenuProps, 'placement' | 'container' | 'preserve'> {
5
+ /**
6
+ * Callback function triggered when the menu open state changes.
7
+ */
8
+ onOpenChange?: (isOpen: boolean) => void;
9
+ /**
10
+ * The content to be displayed inside the menu.
11
+ */
12
+ children: ReactNode;
13
+ /**
14
+ * The label to be displayed on the button.
15
+ */
16
+ label: ReactNode;
17
+ }
@@ -32,7 +32,11 @@ export interface CardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
32
32
  */
33
33
  badge?: ReactNode;
34
34
  /**
35
- * Supplementary information to display on the right side
35
+ * Action elements to display in the right top area
36
+ */
37
+ actions?: ReactNode;
38
+ /**
39
+ * Supplementary information to display on the bottom-right side
36
40
  * Usually used for amounts, status, or additional info
37
41
  */
38
42
  supplementaryInfo?: ReactNode;
@@ -7,6 +7,7 @@ export * from './avatar';
7
7
  export * from './badge';
8
8
  export * from './brand';
9
9
  export * from './button';
10
+ export * from './button-menu';
10
11
  export * from './button-menu-icon';
11
12
  export * from './button-float';
12
13
  export * from './button-icon';
@@ -56,6 +56,7 @@ const symbolToSubpath = {
56
56
  "Button": "primitive",
57
57
  "ButtonFloat": "primitive",
58
58
  "ButtonIcon": "primitive",
59
+ "ButtonMenu": "primitive",
59
60
  "ButtonMenuIcon": "primitive",
60
61
  "Calculator": "primitive",
61
62
  "Card": "primitive",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dimasbaguspm/versaur",
3
- "version": "0.0.36",
3
+ "version": "0.0.37",
4
4
  "description": "React UI library with Tailwind CSS",
5
5
  "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
6
6
  "license": "MIT",