@upbound/monarch-blocks 0.4.0 → 0.5.0

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.
@@ -1,12 +1,12 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as React$1 from 'react';
2
2
 
3
- declare function PageHeader({ className, children, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
4
- declare function PageHeaderAvatar({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
5
- declare function PageHeaderContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
6
- declare function PageHeaderTitle({ className, ...props }: React.ComponentProps<'h1'>): react_jsx_runtime.JSX.Element;
7
- declare function PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
8
- declare function PageHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
9
- declare function PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
10
- declare function PageHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
3
+ declare function PageHeader({ className, children, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
4
+ declare function PageHeaderAvatar({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
5
+ declare function PageHeaderContent({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
6
+ declare function PageHeaderTitle({ className, ...props }: React.ComponentProps<'h1'>): React$1.JSX.Element;
7
+ declare function PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): React$1.JSX.Element;
8
+ declare function PageHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
9
+ declare function PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
10
+ declare function PageHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
11
11
 
12
12
  export { PageHeader, PageHeaderActions, PageHeaderAvatar, PageHeaderContent, PageHeaderDescription, PageHeaderMeta, PageHeaderTabs, PageHeaderTitle };
@@ -1,4 +1,3 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
 
4
3
  interface RelativeTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime' | 'title'> {
@@ -27,7 +26,7 @@ interface RelativeTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElemen
27
26
  *
28
27
  * @see https://design.upbound.io/components/date-and-time
29
28
  */
30
- declare function RelativeTime({ date, variant, title, className, ...props }: RelativeTimeProps): react_jsx_runtime.JSX.Element;
29
+ declare function RelativeTime({ date, variant, title, className, ...props }: RelativeTimeProps): React.JSX.Element;
31
30
  interface AbsoluteTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime'> {
32
31
  /** The timestamp to display. */
33
32
  date: Date | string | number;
@@ -40,7 +39,7 @@ interface AbsoluteTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeE
40
39
  * Formats a date as an absolute timestamp following the Content Principles.
41
40
  * Use for deadlines, certificate expiry, audit logs, and date-only displays.
42
41
  */
43
- declare function AbsoluteTimestamp({ date, variant, end, className, ...props }: AbsoluteTimestampProps): react_jsx_runtime.JSX.Element;
42
+ declare function AbsoluteTimestamp({ date, variant, end, className, ...props }: AbsoluteTimestampProps): React.JSX.Element;
44
43
  interface ElapsedTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, 'dateTime'> {
45
44
  /** Total elapsed seconds. Ignored if startedAt is provided. */
46
45
  seconds?: number;
@@ -55,6 +54,6 @@ interface ElapsedTimeProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement
55
54
  * Formats a duration as elapsed time following the Content Principles.
56
55
  * Use for reconciliation loops, build jobs, health checks, and running operations.
57
56
  */
58
- declare function ElapsedTime({ seconds: secondsProp, variant, live, startedAt, className, ...props }: ElapsedTimeProps): react_jsx_runtime.JSX.Element;
57
+ declare function ElapsedTime({ seconds: secondsProp, variant, live, startedAt, className, ...props }: ElapsedTimeProps): React.JSX.Element;
59
58
 
60
59
  export { AbsoluteTimestamp, type AbsoluteTimestampProps, ElapsedTime, type ElapsedTimeProps, RelativeTime, type RelativeTimeProps };
@@ -1,11 +1,11 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
1
+ import * as React$1 from 'react';
2
2
 
3
- declare function SectionHeader({ className, children, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
4
- declare function SectionHeaderContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
5
- declare function SectionHeaderTitle({ className, ...props }: React.ComponentProps<'h2'>): react_jsx_runtime.JSX.Element;
6
- declare function SectionHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
7
- declare function SectionHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
8
- declare function SectionHeaderActions({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
9
- declare function SectionHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
3
+ declare function SectionHeader({ className, children, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
4
+ declare function SectionHeaderContent({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
5
+ declare function SectionHeaderTitle({ className, ...props }: React.ComponentProps<'h2'>): React$1.JSX.Element;
6
+ declare function SectionHeaderDescription({ className, ...props }: React.ComponentProps<'p'>): React$1.JSX.Element;
7
+ declare function SectionHeaderMeta({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
8
+ declare function SectionHeaderActions({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
9
+ declare function SectionHeaderTabs({ className, ...props }: React.ComponentProps<'div'>): React$1.JSX.Element;
10
10
 
11
11
  export { SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderDescription, SectionHeaderMeta, SectionHeaderTabs, SectionHeaderTitle };
@@ -1,4 +1,3 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
 
4
3
  /**
@@ -30,10 +29,10 @@ import * as React from 'react';
30
29
  * <Link href="/settings">Account</Link>
31
30
  * </SectionNavItem>
32
31
  */
33
- declare function SectionNav({ className, ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
34
- declare function SectionNavList({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
35
- declare function SectionNavGroup({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
36
- declare function SectionNavGroupLabel({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
32
+ declare function SectionNav({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
33
+ declare function SectionNavList({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
34
+ declare function SectionNavGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
35
+ declare function SectionNavGroupLabel({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
37
36
  interface SectionNavItemProps extends React.ComponentProps<'a'> {
38
37
  /**
39
38
  * Marks the item as the current page. Applies active styling and sets
@@ -43,8 +42,8 @@ interface SectionNavItemProps extends React.ComponentProps<'a'> {
43
42
  isActive?: boolean;
44
43
  asChild?: boolean;
45
44
  }
46
- declare function SectionNavItem({ className, isActive, asChild, children, ...props }: SectionNavItemProps): react_jsx_runtime.JSX.Element;
47
- declare function SectionNavItemDescription({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
48
- declare function SectionNavSub({ className, ...props }: React.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
45
+ declare function SectionNavItem({ className, isActive, asChild, children, ...props }: SectionNavItemProps): React.JSX.Element;
46
+ declare function SectionNavItemDescription({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
47
+ declare function SectionNavSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
49
48
 
50
49
  export { SectionNav, SectionNavGroup, SectionNavGroupLabel, SectionNavItem, SectionNavItemDescription, SectionNavList, SectionNavSub };
@@ -1,8 +1,7 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
1
  import * as React from 'react';
3
2
  import { ItemGroup, Item } from '@upbound/monarch-core';
4
3
 
5
- declare function Timeline({ className, ...props }: React.ComponentProps<typeof ItemGroup>): react_jsx_runtime.JSX.Element;
6
- declare function TimelineItem({ className, children, ...props }: React.ComponentProps<typeof Item>): react_jsx_runtime.JSX.Element;
4
+ declare function Timeline({ className, ...props }: React.ComponentProps<typeof ItemGroup>): React.JSX.Element;
5
+ declare function TimelineItem({ className, children, ...props }: React.ComponentProps<typeof Item>): React.JSX.Element;
7
6
 
8
7
  export { Timeline, TimelineItem };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@upbound/monarch-blocks",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Upbound's design system — composed components.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -39,25 +39,25 @@
39
39
  "access": "public"
40
40
  },
41
41
  "peerDependencies": {
42
- "react": "^18.3.0 || ^19.0.0",
42
+ "react": "^19.2.8",
43
43
  "react-dom": "^18.3.0 || ^19.0.0",
44
44
  "tailwindcss": "^4.0.0"
45
45
  },
46
46
  "dependencies": {
47
- "@upbound/monarch-core": "^0.4.0",
48
- "recharts": "^3.8.0",
47
+ "@upbound/monarch-core": "^0.6.0",
49
48
  "@tanstack/react-table": "^8.21.3",
49
+ "clsx": "^2.1.1",
50
50
  "radix-ui": "^1.4.3",
51
51
  "react-day-picker": "^10.0.1",
52
- "clsx": "^2.1.1",
52
+ "recharts": "^3.8.0",
53
53
  "tailwind-merge": "^3.5.0"
54
54
  },
55
55
  "devDependencies": {
56
- "tsup": "^8.5.1",
56
+ "@babel/preset-env": "^8.0.2",
57
+ "@types/node": "^20.19.37",
58
+ "babel-jest": "^30.5.1",
57
59
  "glob": "^13.0.6",
58
60
  "ts-jest": "^29.4.12",
59
- "babel-jest": "^30.5.1",
60
- "@babel/preset-env": "^8.0.2",
61
- "@types/node": "^20.19.37"
61
+ "tsup": "^8.5.1"
62
62
  }
63
63
  }