@dimasbaguspm/versaur 0.0.28 → 0.0.30

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.
Files changed (31) hide show
  1. package/dist/js/{bottom-sheet-tOKkkgJA.js → bottom-sheet-DUcwK0Yd.js} +1 -1
  2. package/dist/js/{bottom-sheet-input-BIbHW5ME.js → bottom-sheet-input-Bzx0ecmU.js} +629 -722
  3. package/dist/js/forms/index.js +1 -1
  4. package/dist/js/{image-rectangle-C1zMt0DR.js → image-rectangle-BMEGIW-6.js} +354 -256
  5. package/dist/js/index.js +43 -41
  6. package/dist/js/layouts/index.js +1 -1
  7. package/dist/js/navigation/index.js +1 -1
  8. package/dist/js/overlays/index.js +2 -2
  9. package/dist/js/primitive/index.js +25 -23
  10. package/dist/js/{tabs-CtPlBMP4.js → tabs-CIWr5hdb.js} +1 -1
  11. package/dist/js/{tooltip-C_riAXZP.js → tooltip-IazSAgsg.js} +16 -16
  12. package/dist/js/{top-bar-BqLv8_hy.js → top-bar-BdmaTpTp.js} +179 -166
  13. package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts +2 -3
  14. package/dist/types/forms/chip-multiple-input/types.d.ts +1 -21
  15. package/dist/types/forms/chip-single-input/chip-single-input.d.ts +2 -3
  16. package/dist/types/forms/chip-single-input/types.d.ts +1 -9
  17. package/dist/types/layouts/page-header/page-header.atoms.d.ts +2 -1
  18. package/dist/types/layouts/page-header/page-header.d.ts +4 -0
  19. package/dist/types/layouts/page-header/types.d.ts +6 -0
  20. package/dist/types/primitive/attribute/attribute.d.ts +10 -0
  21. package/dist/types/primitive/attribute/index.d.ts +2 -0
  22. package/dist/types/primitive/attribute/types.d.ts +14 -0
  23. package/dist/types/primitive/attribute-list/attribute.atoms.d.ts +5 -0
  24. package/dist/types/primitive/attribute-list/attribute.d.ts +4 -0
  25. package/dist/types/primitive/attribute-list/index.d.ts +2 -0
  26. package/dist/types/primitive/attribute-list/types.d.ts +24 -0
  27. package/dist/types/primitive/card/card.d.ts +1 -1
  28. package/dist/types/primitive/card/types.d.ts +7 -2
  29. package/dist/types/primitive/index.d.ts +2 -0
  30. package/dist/utils/enforce-subpath-import.js +2 -0
  31. package/package.json +1 -1
@@ -1,5 +1,4 @@
1
- import { default as React } from 'react';
2
1
  import { ChipMultipleInputProps } from './types';
3
- export declare const ChipMultipleInput: React.ForwardRefExoticComponent<ChipMultipleInputProps & React.RefAttributes<HTMLDivElement>> & {
4
- Option: React.ForwardRefExoticComponent<import('./types').ChipMultipleInputOptionProps & React.RefAttributes<HTMLInputElement>>;
2
+ export declare const ChipMultipleInput: import('react').ForwardRefExoticComponent<ChipMultipleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
3
+ Option: import('react').ForwardRefExoticComponent<import('./types').ChipMultipleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
5
4
  };
@@ -17,7 +17,7 @@ export interface ChipMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInp
17
17
  * Semantic variants: success, info, warning, danger
18
18
  * Each variant supports outline form for flexible design expression
19
19
  */
20
- variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
20
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
21
21
  /**
22
22
  * Label text to display above the chip group
23
23
  */
@@ -56,24 +56,4 @@ export interface ChipMultipleInputOptionProps extends Omit<InputHTMLAttributes<H
56
56
  * The value for this chip option
57
57
  */
58
58
  value: string;
59
- /**
60
- * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
61
- */
62
- check?: React.ReactNode;
63
- /**
64
- * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
65
- */
66
- defaultCheck?: boolean;
67
- /**
68
- * Disabled state for this option
69
- */
70
- disabled?: boolean;
71
- /**
72
- * Optional id for the input
73
- */
74
- id?: string;
75
- /**
76
- * Additional className for styling
77
- */
78
- className?: string;
79
59
  }
@@ -1,5 +1,4 @@
1
- import { default as React } from 'react';
2
1
  import { ChipSingleInputProps } from './types';
3
- export declare const ChipSingleInput: React.ForwardRefExoticComponent<ChipSingleInputProps & React.RefAttributes<HTMLDivElement>> & {
4
- Option: React.ForwardRefExoticComponent<import('./types').ChipSingleInputOptionProps & React.RefAttributes<HTMLInputElement>>;
2
+ export declare const ChipSingleInput: import('react').ForwardRefExoticComponent<ChipSingleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
3
+ Option: import('react').ForwardRefExoticComponent<import('./types').ChipSingleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
5
4
  };
@@ -17,7 +17,7 @@ export interface ChipSingleInputProps extends Omit<InputHTMLAttributes<HTMLInput
17
17
  * Semantic variants: success, info, warning, danger
18
18
  * Each variant supports outline form for flexible design expression
19
19
  */
20
- variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
20
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
21
21
  /**
22
22
  * Label text to display above the chip group
23
23
  */
@@ -56,12 +56,4 @@ export interface ChipSingleInputOptionProps extends Omit<InputHTMLAttributes<HTM
56
56
  * The value for this chip option
57
57
  */
58
58
  value: string;
59
- /**
60
- * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
61
- */
62
- check?: React.ReactNode;
63
- /**
64
- * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
65
- */
66
- defaultCheck?: boolean;
67
59
  }
@@ -1,4 +1,4 @@
1
- import { PageHeaderTopProps, PageHeaderBreadcrumbsProps, PageHeaderContentProps, PageHeaderBadgesProps, PageHeaderActionsProps, PageHeaderBottomProps } from './types';
1
+ import { PageHeaderTopProps, PageHeaderBreadcrumbsProps, PageHeaderContentProps, PageHeaderBadgesProps, PageHeaderActionsProps, PageHeaderBottomProps, PageHeaderMobileActionsProps } from './types';
2
2
  /**
3
3
  * PageHeaderTop - main header area containing breadcrumbs, content, and actions
4
4
  */
@@ -29,6 +29,7 @@ export declare const PageHeaderBadges: import('react').ForwardRefExoticComponent
29
29
  * PageHeaderActions - actions section for buttons and button groups
30
30
  */
31
31
  export declare const PageHeaderActions: import('react').ForwardRefExoticComponent<PageHeaderActionsProps & import('react').RefAttributes<HTMLDivElement>>;
32
+ export declare const PageHeaderMobileActions: import('react').ForwardRefExoticComponent<PageHeaderMobileActionsProps & import('react').RefAttributes<HTMLDivElement>>;
32
33
  /**
33
34
  * PageHeaderBottom - bottom section for tabs and filters
34
35
  */
@@ -31,6 +31,10 @@ interface PageHeaderRootProps extends Omit<PageHeaderProps, 'title'> {
31
31
  * Simplified API: Action buttons/button groups
32
32
  */
33
33
  actions?: ReactNode;
34
+ /**
35
+ * Simplified API: Mobile action buttons/button groups
36
+ */
37
+ mobileActions?: ReactNode;
34
38
  /**
35
39
  * Simplified API: Bottom content (tabs, filters)
36
40
  */
@@ -44,6 +44,12 @@ export interface PageHeaderBadgesProps extends HTMLAttributes<HTMLDivElement> {
44
44
  export interface PageHeaderActionsProps extends HTMLAttributes<HTMLDivElement> {
45
45
  children: ReactNode;
46
46
  }
47
+ /**
48
+ * Props for PageHeaderMobileActions - mobile actions section
49
+ */
50
+ export interface PageHeaderMobileActionsProps extends HTMLAttributes<HTMLDivElement> {
51
+ children: ReactNode;
52
+ }
47
53
  /**
48
54
  * Props for PageHeaderBottom - bottom section (tabs, filters, etc.)
49
55
  */
@@ -0,0 +1,10 @@
1
+ import { AttributeProps } from './types';
2
+ /**
3
+ * Attribute component for Versaur UI
4
+ *
5
+ * A simple component that displays a title and content in a structured format.
6
+ *
7
+ * Usage:
8
+ * <Attribute title="Name">John Doe</Attribute>
9
+ */
10
+ export declare const Attribute: import('react').ForwardRefExoticComponent<AttributeProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,2 @@
1
+ export { Attribute } from './attribute';
2
+ export type { AttributeProps } from './types';
@@ -0,0 +1,14 @@
1
+ import { ReactNode, HTMLAttributes } from 'react';
2
+ /**
3
+ * Props for the Attribute component
4
+ */
5
+ export interface AttributeProps extends HTMLAttributes<HTMLDivElement> {
6
+ /**
7
+ * The attribute title (displayed as h4)
8
+ */
9
+ title: string;
10
+ /**
11
+ * The attribute content (displayed as p)
12
+ */
13
+ children: ReactNode;
14
+ }
@@ -0,0 +1,5 @@
1
+ import { AttributeListItemProps } from './types';
2
+ /**
3
+ * AttributeList.Item atom
4
+ */
5
+ export declare const AttributeListItem: import('react').ForwardRefExoticComponent<AttributeListItemProps & import('react').RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,4 @@
1
+ import { AttributeListProps } from './types';
2
+ export declare const AttributeList: import('react').ForwardRefExoticComponent<AttributeListProps & import('react').RefAttributes<HTMLUListElement>> & {
3
+ Item: import('react').ForwardRefExoticComponent<import('./types').AttributeListItemProps & import('react').RefAttributes<HTMLLIElement>>;
4
+ };
@@ -0,0 +1,2 @@
1
+ export { AttributeList } from './attribute';
2
+ export type { AttributeListProps, AttributeListItemProps } from './types';
@@ -0,0 +1,24 @@
1
+ import { ReactNode, HTMLAttributes } from 'react';
2
+ import { AttributeProps } from '../attribute/types';
3
+ /**
4
+ * Props for the AttributeList root component
5
+ */
6
+ export interface AttributeListProps extends HTMLAttributes<HTMLUListElement> {
7
+ /**
8
+ * Number of grid columns (default: 4)
9
+ */
10
+ columns?: number;
11
+ /**
12
+ * Children should be AttributeList.Item elements
13
+ */
14
+ children: ReactNode;
15
+ }
16
+ /**
17
+ * Props for AttributeList.Item
18
+ */
19
+ export interface AttributeListItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title' | 'children'>, Pick<AttributeProps, 'title' | 'children'> {
20
+ /**
21
+ * Number of grid columns to span (default: 1)
22
+ */
23
+ span?: number;
24
+ }
@@ -21,4 +21,4 @@ import { CardProps } from './types';
21
21
  * />
22
22
  * ```
23
23
  */
24
- export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
24
+ export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -1,10 +1,10 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
1
+ import { ButtonHTMLAttributes, ReactNode } from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  import { cardVariants } from './helpers';
4
4
  /**
5
5
  * Props for the Card component
6
6
  */
7
- export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'>, VariantProps<typeof cardVariants> {
7
+ export interface CardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'children'>, VariantProps<typeof cardVariants> {
8
8
  /**
9
9
  * Size variant affecting padding
10
10
  * @default 'md'
@@ -36,4 +36,9 @@ export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
36
36
  * Usually used for amounts, status, or additional info
37
37
  */
38
38
  supplementaryInfo?: ReactNode;
39
+ /**
40
+ * Whether the card is bordered
41
+ * @default false
42
+ */
43
+ bordered?: boolean;
39
44
  }
@@ -1,5 +1,7 @@
1
1
  export * from './alert';
2
2
  export * from './anchor';
3
+ export * from './attribute';
4
+ export * from './attribute-list';
3
5
  export * from './avatar';
4
6
  export * from './badge';
5
7
  export * from './brand';
@@ -47,6 +47,8 @@ const symbolToSubpath = {
47
47
  "Tooltip": "overlays",
48
48
  "Alert": "primitive",
49
49
  "Anchor": "primitive",
50
+ "Attribute": "primitive",
51
+ "AttributeList": "primitive",
50
52
  "Avatar": "primitive",
51
53
  "Badge": "primitive",
52
54
  "Brand": "primitive",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dimasbaguspm/versaur",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
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",