@tollerud/ui 1.0.1 → 1.0.2

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 (3) hide show
  1. package/dist/index.d.cts +10 -11
  2. package/dist/index.d.ts +10 -11
  3. package/package.json +9 -9
package/dist/index.d.cts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { ClassValue } from 'clsx';
2
2
  import * as react from 'react';
3
3
  import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, CSSProperties, ReactNode, TextareaHTMLAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
4
- import * as react_jsx_runtime from 'react/jsx-runtime';
5
4
  import * as DialogPrimitive from '@radix-ui/react-dialog';
6
5
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
7
6
  import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -162,7 +161,7 @@ interface NoirGlowBackgroundProps {
162
161
  * The CSS fallback classes live in `globals.css` and are used during Suspense,
163
162
  * reduced-motion contexts, or when `forceCssFallback` is true.
164
163
  */
165
- declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react_jsx_runtime.JSX.Element;
164
+ declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react.JSX.Element;
166
165
 
167
166
  interface KbdProps extends HTMLAttributes<HTMLSpanElement> {
168
167
  /**
@@ -578,18 +577,18 @@ declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.Dialo
578
577
  declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
579
578
  declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
580
579
  declare const DialogHeader: {
581
- ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
580
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
582
581
  displayName: string;
583
582
  };
584
583
  declare const DialogFooter: {
585
- ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
584
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
586
585
  displayName: string;
587
586
  };
588
587
  declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
589
588
  declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
590
589
 
591
590
  declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
592
- declare function Tooltip({ children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: react.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
591
+ declare function Tooltip({ children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: react.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react.JSX.Element;
593
592
  declare namespace Tooltip {
594
593
  var displayName: string;
595
594
  }
@@ -601,7 +600,7 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
601
600
  declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
602
601
  declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
603
602
 
604
- declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
603
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
605
604
 
606
605
  declare const Progress: react.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
607
606
 
@@ -609,7 +608,7 @@ type TollerudToasterProps = ToasterProps & {
609
608
  /** Toast color theme. Wire to your app theme when you have one. */
610
609
  theme?: ToasterProps['theme'];
611
610
  };
612
- declare const Toaster: ({ theme, ...props }: TollerudToasterProps) => react_jsx_runtime.JSX.Element;
611
+ declare const Toaster: ({ theme, ...props }: TollerudToasterProps) => react.JSX.Element;
613
612
 
614
613
  interface EmptyProps extends HTMLAttributes<HTMLDivElement> {
615
614
  }
@@ -637,7 +636,7 @@ interface SheetProps {
637
636
  onOpenChange?: (open: boolean) => void;
638
637
  children: ReactNode;
639
638
  }
640
- declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react_jsx_runtime.JSX.Element;
639
+ declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react.JSX.Element;
641
640
  declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
642
641
  declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
643
642
  interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
@@ -647,7 +646,7 @@ declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps &
647
646
  declare const SheetHeader: ({ className, ...props }: {
648
647
  className?: string;
649
648
  children?: ReactNode;
650
- }) => react_jsx_runtime.JSX.Element;
649
+ }) => react.JSX.Element;
651
650
  declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
652
651
  declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
653
652
 
@@ -679,7 +678,7 @@ interface GlowCardProps {
679
678
  /** Glow intensity (0–1). Default: 0.15 */
680
679
  intensity?: number;
681
680
  }
682
- declare function GlowCard({ children, className, glowColor, intensity, }: GlowCardProps): react_jsx_runtime.JSX.Element;
681
+ declare function GlowCard({ children, className, glowColor, intensity, }: GlowCardProps): react.JSX.Element;
683
682
 
684
683
  interface BentoDashboardProps {
685
684
  title: string;
@@ -699,6 +698,6 @@ interface BentoDashboardProps {
699
698
  /** Render the incident list footer */
700
699
  renderIncidentFooter?: () => ReactNode;
701
700
  }
702
- declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react_jsx_runtime.JSX.Element;
701
+ declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react.JSX.Element;
703
702
 
704
703
  export { ActionDiff, type ActionDiffProps, type ActionItem, ActionRow, type ActionRowProps, Alert, AlertInbox, type AlertInboxProps, type AlertProps, ApprovalCard, type ApprovalCardProps, BackupStatusPanel, type BackupStatusPanelProps, Badge, type BadgeProps, BentoDashboard, type BentoDashboardProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, type Column, type CommandGroup, CommandMenu, type CommandMenuProps, Container, type ContainerProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DockerStackCard, type DockerStackCardProps, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIcon, EmptyTitle, Footer, type FooterLabels, type FooterProps, GlowCard, type GlowCardProps, HostCard, type HostCardProps, IncidentCard, type IncidentCardProps, type IncidentSeverity, Input, type InputProps, Kbd, type KbdProps, LogViewer, type LogViewerProps, NoirGlowBackground, type NoirGlowBackgroundProps, Progress, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RollbackPlan, type RollbackPlanProps, Select, type SelectProps, ServiceHealthCard, type ServiceHealthCardProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, StatCard, type StatCardProps, type Status, StatusDot, type StatusDotProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Timeline, type TimelineItemData, type TimelineProps, Toaster, type TollerudToasterProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { ClassValue } from 'clsx';
2
2
  import * as react from 'react';
3
3
  import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, CSSProperties, ReactNode, TextareaHTMLAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
4
- import * as react_jsx_runtime from 'react/jsx-runtime';
5
4
  import * as DialogPrimitive from '@radix-ui/react-dialog';
6
5
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
7
6
  import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -162,7 +161,7 @@ interface NoirGlowBackgroundProps {
162
161
  * The CSS fallback classes live in `globals.css` and are used during Suspense,
163
162
  * reduced-motion contexts, or when `forceCssFallback` is true.
164
163
  */
165
- declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react_jsx_runtime.JSX.Element;
164
+ declare function NoirGlowBackground({ className, style, shape, intensity, speed, grain, softness, colorBack, colors, preserveCenter, noiseOverlay, forceCssFallback, inert, }: NoirGlowBackgroundProps): react.JSX.Element;
166
165
 
167
166
  interface KbdProps extends HTMLAttributes<HTMLSpanElement> {
168
167
  /**
@@ -578,18 +577,18 @@ declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.Dialo
578
577
  declare const DialogOverlay: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
579
578
  declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
580
579
  declare const DialogHeader: {
581
- ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
580
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
582
581
  displayName: string;
583
582
  };
584
583
  declare const DialogFooter: {
585
- ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
584
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
586
585
  displayName: string;
587
586
  };
588
587
  declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
589
588
  declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
590
589
 
591
590
  declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
592
- declare function Tooltip({ children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: react.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
591
+ declare function Tooltip({ children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, ...props }: react.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): react.JSX.Element;
593
592
  declare namespace Tooltip {
594
593
  var displayName: string;
595
594
  }
@@ -601,7 +600,7 @@ declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
601
600
  declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
602
601
  declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
603
602
 
604
- declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
603
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react.JSX.Element;
605
604
 
606
605
  declare const Progress: react.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
607
606
 
@@ -609,7 +608,7 @@ type TollerudToasterProps = ToasterProps & {
609
608
  /** Toast color theme. Wire to your app theme when you have one. */
610
609
  theme?: ToasterProps['theme'];
611
610
  };
612
- declare const Toaster: ({ theme, ...props }: TollerudToasterProps) => react_jsx_runtime.JSX.Element;
611
+ declare const Toaster: ({ theme, ...props }: TollerudToasterProps) => react.JSX.Element;
613
612
 
614
613
  interface EmptyProps extends HTMLAttributes<HTMLDivElement> {
615
614
  }
@@ -637,7 +636,7 @@ interface SheetProps {
637
636
  onOpenChange?: (open: boolean) => void;
638
637
  children: ReactNode;
639
638
  }
640
- declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react_jsx_runtime.JSX.Element;
639
+ declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react.JSX.Element;
641
640
  declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
642
641
  declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
643
642
  interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
@@ -647,7 +646,7 @@ declare const SheetContent: react.ForwardRefExoticComponent<SheetContentProps &
647
646
  declare const SheetHeader: ({ className, ...props }: {
648
647
  className?: string;
649
648
  children?: ReactNode;
650
- }) => react_jsx_runtime.JSX.Element;
649
+ }) => react.JSX.Element;
651
650
  declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
652
651
  declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
653
652
 
@@ -679,7 +678,7 @@ interface GlowCardProps {
679
678
  /** Glow intensity (0–1). Default: 0.15 */
680
679
  intensity?: number;
681
680
  }
682
- declare function GlowCard({ children, className, glowColor, intensity, }: GlowCardProps): react_jsx_runtime.JSX.Element;
681
+ declare function GlowCard({ children, className, glowColor, intensity, }: GlowCardProps): react.JSX.Element;
683
682
 
684
683
  interface BentoDashboardProps {
685
684
  title: string;
@@ -699,6 +698,6 @@ interface BentoDashboardProps {
699
698
  /** Render the incident list footer */
700
699
  renderIncidentFooter?: () => ReactNode;
701
700
  }
702
- declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react_jsx_runtime.JSX.Element;
701
+ declare function BentoDashboard({ title, hosts, metrics, services, incidents, className, }: BentoDashboardProps): react.JSX.Element;
703
702
 
704
703
  export { ActionDiff, type ActionDiffProps, type ActionItem, ActionRow, type ActionRowProps, Alert, AlertInbox, type AlertInboxProps, type AlertProps, ApprovalCard, type ApprovalCardProps, BackupStatusPanel, type BackupStatusPanelProps, Badge, type BadgeProps, BentoDashboard, type BentoDashboardProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, type Column, type CommandGroup, CommandMenu, type CommandMenuProps, Container, type ContainerProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DockerStackCard, type DockerStackCardProps, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIcon, EmptyTitle, Footer, type FooterLabels, type FooterProps, GlowCard, type GlowCardProps, HostCard, type HostCardProps, IncidentCard, type IncidentCardProps, type IncidentSeverity, Input, type InputProps, Kbd, type KbdProps, LogViewer, type LogViewerProps, NoirGlowBackground, type NoirGlowBackgroundProps, Progress, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RollbackPlan, type RollbackPlanProps, Select, type SelectProps, ServiceHealthCard, type ServiceHealthCardProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, StatCard, type StatCardProps, type Status, StatusDot, type StatusDotProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Timeline, type TimelineItemData, type TimelineProps, Toaster, type TollerudToasterProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn };
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@tollerud/ui",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "repository": {
8
8
  "type": "git",
9
- "url": "git+https://github.com/Tollerud/design-system.git"
9
+ "url": "git+https://github.com/Tollerud/ui.git"
10
10
  },
11
11
  "homepage": "https://tollerud.github.io/design-system/",
12
12
  "bugs": {
13
- "url": "https://github.com/Tollerud/design-system/issues"
13
+ "url": "https://github.com/Tollerud/ui/issues"
14
14
  },
15
15
  "license": "MIT",
16
16
  "sideEffects": [
@@ -67,7 +67,7 @@
67
67
  }
68
68
  },
69
69
  "dependencies": {
70
- "@radix-ui/react-dialog": "^1.1.15",
70
+ "@radix-ui/react-dialog": "^1.1.16",
71
71
  "@radix-ui/react-dropdown-menu": "^2.1.17",
72
72
  "@radix-ui/react-progress": "^1.1.9",
73
73
  "@radix-ui/react-tabs": "^1.1.13",
@@ -78,14 +78,14 @@
78
78
  "sonner": "^2.0.7"
79
79
  },
80
80
  "devDependencies": {
81
- "@types/react": "^18.3.29",
82
- "@types/react-dom": "^18.3.7",
81
+ "@types/react": "^19.2.17",
82
+ "@types/react-dom": "^19.2.3",
83
83
  "clsx": "^2.1.1",
84
- "react": "^18.3.1",
84
+ "react": "^19.2.7",
85
85
  "react-dom": "^18.3.1",
86
- "tailwind-merge": "^2.6.1",
86
+ "tailwind-merge": "^3.6.0",
87
87
  "tsup": "^8.4.0",
88
- "typescript": "^5.6.0"
88
+ "typescript": "^6.0.3"
89
89
  },
90
90
  "keywords": [
91
91
  "tollerud",