@kismet-ux/constellation 1.2.0 → 1.4.0

package/dist/form.d.ts

@@ -1,4 +1,4 @@
-export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-YOC5H6Ls.js';
+export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-6RTzMxvi.js';
 export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
 import 'react';
 import 'class-variance-authority';

package/dist/{index-YOC5H6Ls.d.ts → index-6RTzMxvi.d.ts}

@@ -94,8 +94,8 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 declare function DatePicker({ value: valueProp, defaultValue, onChange, label, helperText, error, disabled, sizeVariant, placeholder, min, max, required, id, className, name, }: DatePickerProps): React.JSX.Element;
 
 declare const labelVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {

package/dist/{index-CPpu2Wg4.d.ts → index-BLcVtjt9.d.ts}

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
 import { R as RowProps } from './row-CS9-talZ.js';
 import { I as Input } from './input-CWHXOpeH.js';
-import { b as TooltipContent, B as Button } from './tooltip-DoCbTucr.js';
+import { b as TooltipContent, B as Button } from './tooltip-Bb0qqHZI.js';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
@@ -114,8 +114,24 @@ declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, }: App
 
 interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
     open: boolean;
+    /** Transition length in ms. Also how long the unmount is deferred. */
     duration?: number;
+    /**
+     * Unmount children once the close animation finishes. Keeps focus traps,
+     * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
+     * Set `false` to keep children mounted — cheaper for a panel toggled often,
+     * and required if they hold state you need to survive a close.
+     */
+    unmountOnClose?: boolean;
 }
+/**
+ * A panel that animates its own height, so content below slides rather than
+ * jumping.
+ *
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
+ * interpolates to the panel's real height, so there is no magic number to
+ * guess and no pause at the end when the guess was too generous.
+ */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const Column: React.FC<ColumnProps>;
@@ -127,8 +143,8 @@ declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttribu
 declare const Row: React.FC<RowProps>;
 
 declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {

package/dist/{index-DMy7AzMN.d.ts → index-CSnovrxl.d.ts}

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import './tooltip-DoCbTucr.js';
+import './tooltip-Bb0qqHZI.js';
 import { e as TypographyVariant } from './typography-DOZHFR5A.js';
 
 type AlertTheme = 'default' | 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate';
@@ -45,7 +45,7 @@ type SortContextValue = {
 };
 
 declare const alertVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface AlertProps extends VariantProps<typeof alertVariants> {
@@ -82,10 +82,10 @@ type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const chipVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
     variant?: "soft" | "outline" | "solid" | null | undefined;
-    size?: "md" | "sm" | "xs" | "2xs" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    size?: "2xs" | "xs" | "sm" | "md" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
     dashed?: boolean | null | undefined;
     mono?: boolean | null | undefined;
     uppercase?: boolean | null | undefined;
@@ -111,8 +111,8 @@ interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const codeBlockVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof codeBlockVariants> {
@@ -184,8 +184,8 @@ declare function DialogPortal({ children }: {
 }): React.JSX.Element;
 
 declare const emptyStateVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
@@ -201,9 +201,9 @@ interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantP
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const iconVariants: (props?: ({
-    variant?: "outlined" | "contained" | "ghost" | "plain" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -253,7 +253,7 @@ interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListEle
     size?: 'xs' | 'sm' | 'md' | 'lg';
     muted?: boolean;
 }
-declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>>;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement | HTMLOListElement>>;
 interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     icon?: React.ReactNode;
 }
@@ -262,8 +262,8 @@ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.Re
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
 declare const progressBarVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | null | undefined;
     animated?: boolean | null | undefined;
     indeterminate?: boolean | null | undefined;
@@ -314,8 +314,8 @@ interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
 declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const statusDotVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     glow?: boolean | null | undefined;
     pulse?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -340,8 +340,8 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'co
 declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const stepProgressVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     stretch?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -363,8 +363,8 @@ interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>,
 declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
 
 declare const switchVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'onClick'>, VariantProps<typeof switchVariants> {
@@ -456,9 +456,9 @@ interface TableToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
 declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const toggleVariants: (props?: ({
-    variant?: "outlined" | "contained" | "ghost" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     iconOnly?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 export { Logo, LogoProps } from './brand.js';
-export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-YOC5H6Ls.js';
+export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-6RTzMxvi.js';
 export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
-import { S as SidebarContextValue } from './index-CPpu2Wg4.js';
-export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-CPpu2Wg4.js';
-import { A as AlertContextValue, S as SortState } from './index-DMy7AzMN.js';
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-DMy7AzMN.js';
+import { S as SidebarContextValue } from './index-BLcVtjt9.js';
+export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-BLcVtjt9.js';
+import { A as AlertContextValue, S as SortState } from './index-CSnovrxl.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CSnovrxl.js';
 export { R as RowProps } from './row-CS9-talZ.js';
 export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuTriggerProps, Link, LinkProps, RouterAdapter, RouterProvider, Sheet, SheetBody, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetTitle, SheetTrigger, SheetTriggerProps, useRouterAdapter } from './navigation.js';
 export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CJIcWKyY.js';
@@ -12,7 +12,7 @@ export { AppearanceTabs, AppearanceToggleDropdown } from './settings.js';
 export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
 export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
 export { T as Typography, a as TypographyAlign, b as TypographyProps, c as TypographyTheme, d as TypographyTransform, e as TypographyVariant, f as TypographyWeight } from './typography-DOZHFR5A.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DoCbTucr.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-Bb0qqHZI.js';
 export { UserInfo } from './user.js';
 export { getCsrfToken } from './utils.js';
 import 'react';

package/dist/layout/Collapse/collapse.d.ts

@@ -1,8 +1,24 @@
 import * as React from 'react';
 export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
     open: boolean;
+    /** Transition length in ms. Also how long the unmount is deferred. */
     duration?: number;
+    /**
+     * Unmount children once the close animation finishes. Keeps focus traps,
+     * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
+     * Set `false` to keep children mounted — cheaper for a panel toggled often,
+     * and required if they hold state you need to survive a close.
+     */
+    unmountOnClose?: boolean;
 }
+/**
+ * A panel that animates its own height, so content below slides rather than
+ * jumping.
+ *
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
+ * interpolates to the panel's real height, so there is no magic number to
+ * guess and no pause at the end when the guess was too generous.
+ */
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 export { Collapse };
 //# sourceMappingURL=collapse.d.ts.map

package/dist/layout/Collapse/collapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/layout/Collapse/collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,sFAmBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/layout/Collapse/collapse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAID;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,sFA2Db,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/layout/Collapse/collapse.js

@@ -3,10 +3,56 @@ import cn from 'clsx';
 import * as React from 'react';
 import s from './collapse.module.scss.js';
 
-const Collapse = React.forwardRef(({ open, duration, className, children, style, ...props }, ref) => {
-    return (jsx("div", { ref: ref, "data-slot": 'collapse', className: cn(s['collapse'], open && s['collapse--open'], className), style: duration
+const DEFAULT_DURATION = 300;
+/**
+ * A panel that animates its own height, so content below slides rather than
+ * jumping.
+ *
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
+ * interpolates to the panel's real height, so there is no magic number to
+ * guess and no pause at the end when the guess was too generous.
+ */
+const Collapse = React.forwardRef(({ open, duration, unmountOnClose = false, className, children, style, ...props }, ref) => {
+    const ms = duration ?? DEFAULT_DURATION;
+    const [mounted, setMounted] = React.useState(open);
+    const [expanded, setExpanded] = React.useState(open);
+    const frame = React.useRef(0);
+    const timer = React.useRef(undefined);
+    /*
+     * Hold the last real children so the panel has something to shrink.
+     * Callers routinely clear the state that fed the panel the moment they
+     * close it, which empties the box instantly and leaves nothing to animate
+     * — the open looks smooth and the close looks like a cut.
+     */
+    const lastChildren = React.useRef(children);
+    if (children != null && children !== false)
+        lastChildren.current = children;
+    const rendered = open ? children : lastChildren.current;
+    React.useEffect(() => {
+        cancelAnimationFrame(frame.current);
+        clearTimeout(timer.current);
+        if (open) {
+            setMounted(true);
+            // Two frames: one to put 0fr on screen, one to transition away from it.
+            // A single frame can be batched with the mount and the panel snaps open.
+            frame.current = requestAnimationFrame(() => {
+                frame.current = requestAnimationFrame(() => setExpanded(true));
+            });
+        }
+        else {
+            setExpanded(false);
+            if (unmountOnClose) {
+                timer.current = setTimeout(() => setMounted(false), ms);
+            }
+        }
+        return () => {
+            cancelAnimationFrame(frame.current);
+            clearTimeout(timer.current);
+        };
+    }, [open, unmountOnClose, ms]);
+    return (jsx("div", { ref: ref, "data-slot": 'collapse', className: cn(s['collapse'], expanded && s['collapse--open'], className), style: duration
             ? { ...style, '--collapse-duration': `${duration}ms` }
-            : style, "aria-hidden": !open, ...props, children: jsx("div", { className: s['collapse-inner'], children: children }) }));
+            : style, "aria-hidden": !open, ...props, children: jsx("div", { className: s['collapse-inner'], children: mounted ? rendered : null }) }));
 });
 Collapse.displayName = 'Collapse';
 

package/dist/layout/Collapse/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sources":["../../../src/layout/Collapse/collapse.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './collapse.module.scss';\n\nexport interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  duration?: number;\n}\n\nconst Collapse = React.forwardRef<HTMLDivElement, CollapseProps>(\n  ({ open, duration, className, children, style, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot={'collapse'}\n        className={cn(s['collapse'], open && s['collapse--open'], className)}\n        style={\n          duration\n            ? ({ ...style, '--collapse-duration': `${duration}ms` } as React.CSSProperties)\n            : style\n        }\n        aria-hidden={!open}\n        {...props}\n      >\n        <div className={s['collapse-inner']}>{children}</div>\n      </div>\n    );\n  },\n);\nCollapse.displayName = 'Collapse';\n\nexport { Collapse };\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAChE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,UAAU,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EACpE,KAAK,EACH;cACK,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;cACnD,KAAK,EAAA,aAAA,EAEE,CAAC,IAAI,EAAA,GACd,KAAK,YAETA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CACjD;AAEV,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;"}
+{"version":3,"file":"collapse.js","sources":["../../../src/layout/Collapse/collapse.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './collapse.module.scss';\n\nexport interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  /** Transition length in ms. Also how long the unmount is deferred. */\n  duration?: number;\n  /**\n   * Unmount children once the close animation finishes. Keeps focus traps,\n   * `autoFocus` and dismiss handlers out of the tree while the panel is shut.\n   * Set `false` to keep children mounted — cheaper for a panel toggled often,\n   * and required if they hold state you need to survive a close.\n   */\n  unmountOnClose?: boolean;\n}\n\nconst DEFAULT_DURATION = 300;\n\n/**\n * A panel that animates its own height, so content below slides rather than\n * jumping.\n *\n * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it\n * interpolates to the panel's real height, so there is no magic number to\n * guess and no pause at the end when the guess was too generous.\n */\nconst Collapse = React.forwardRef<HTMLDivElement, CollapseProps>(\n  ({ open, duration, unmountOnClose = false, className, children, style, ...props }, ref) => {\n    const ms = duration ?? DEFAULT_DURATION;\n    const [mounted, setMounted] = React.useState(open);\n    const [expanded, setExpanded] = React.useState(open);\n    const frame = React.useRef(0);\n    const timer = React.useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    /*\n     * Hold the last real children so the panel has something to shrink.\n     * Callers routinely clear the state that fed the panel the moment they\n     * close it, which empties the box instantly and leaves nothing to animate\n     * — the open looks smooth and the close looks like a cut.\n     */\n    const lastChildren = React.useRef(children);\n    if (children != null && children !== false) lastChildren.current = children;\n    const rendered = open ? children : lastChildren.current;\n\n    React.useEffect(() => {\n      cancelAnimationFrame(frame.current);\n      clearTimeout(timer.current);\n\n      if (open) {\n        setMounted(true);\n        // Two frames: one to put 0fr on screen, one to transition away from it.\n        // A single frame can be batched with the mount and the panel snaps open.\n        frame.current = requestAnimationFrame(() => {\n          frame.current = requestAnimationFrame(() => setExpanded(true));\n        });\n      } else {\n        setExpanded(false);\n        if (unmountOnClose) {\n          timer.current = setTimeout(() => setMounted(false), ms);\n        }\n      }\n\n      return () => {\n        cancelAnimationFrame(frame.current);\n        clearTimeout(timer.current);\n      };\n    }, [open, unmountOnClose, ms]);\n\n    return (\n      <div\n        ref={ref}\n        data-slot={'collapse'}\n        className={cn(s['collapse'], expanded && s['collapse--open'], className)}\n        style={\n          duration\n            ? ({ ...style, '--collapse-duration': `${duration}ms` } as React.CSSProperties)\n            : style\n        }\n        aria-hidden={!open}\n        {...props}\n      >\n        <div className={s['collapse-inner']}>{mounted ? rendered : null}</div>\n      </div>\n    );\n  },\n);\nCollapse.displayName = 'Collapse';\n\nexport { Collapse };\n"],"names":["_jsx"],"mappings":";;;;;AAiBA,MAAM,gBAAgB,GAAG,GAAG;AAE5B;;;;;;;AAOG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACxF,IAAA,MAAM,EAAE,GAAG,QAAQ,IAAI,gBAAgB;AACvC,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;AAClD,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAgC,SAAS,CAAC;AAEpE;;;;;AAKG;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC3C,IAAA,IAAI,QAAQ,IAAI,IAAI,IAAI,QAAQ,KAAK,KAAK;AAAE,QAAA,YAAY,CAAC,OAAO,GAAG,QAAQ;AAC3E,IAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,YAAY,CAAC,OAAO;AAEvD,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC;AACnC,QAAA,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC;QAE3B,IAAI,IAAI,EAAE;YACR,UAAU,CAAC,IAAI,CAAC;;;AAGhB,YAAA,KAAK,CAAC,OAAO,GAAG,qBAAqB,CAAC,MAAK;AACzC,gBAAA,KAAK,CAAC,OAAO,GAAG,qBAAqB,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;AAChE,YAAA,CAAC,CAAC;QACJ;aAAO;YACL,WAAW,CAAC,KAAK,CAAC;YAClB,IAAI,cAAc,EAAE;AAClB,gBAAA,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACzD;QACF;AAEA,QAAA,OAAO,MAAK;AACV,YAAA,oBAAoB,CAAC,KAAK,CAAC,OAAO,CAAC;AACnC,YAAA,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC;AAC7B,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;AAE9B,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,UAAU,EACrB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,EACxE,KAAK,EACH;cACK,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;AACrD,cAAE,KAAK,EAAA,aAAA,EAEE,CAAC,IAAI,EAAA,GACd,KAAK,EAAA,QAAA,EAETA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,EAAA,CAAO,EAAA,CAClE;AAEV,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;"}

package/dist/layout.d.ts

@@ -1,10 +1,10 @@
-export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-CPpu2Wg4.js';
+export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-BLcVtjt9.js';
 export { R as RowProps } from './row-CS9-talZ.js';
 import 'react';
 import './nav-user-CJIcWKyY.js';
 import 'lucide-react';
 import './user-menu-content-D0Ldzigm.js';
 import './input-CWHXOpeH.js';
-import './tooltip-DoCbTucr.js';
+import './tooltip-Bb0qqHZI.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/navigation.d.ts

@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
 declare const linkVariants: (props?: ({
     underline?: boolean | null | undefined;
     hover?: "default" | "none" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {

package/dist/styles/tokens.d.ts

@@ -0,0 +1,2 @@
+import './tokens.scss';
+//# sourceMappingURL=tokens.d.ts.map

package/dist/styles/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC"}

package/dist/styles/tokens.js

@@ -0,0 +1,2 @@
+import '../tokens.css';
+//# sourceMappingURL=tokens.js.map

package/dist/styles/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/tokens.css

@@ -0,0 +1,435 @@
+:root {
+  --font-sans:
+    ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+  --font-serif:
+    ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+  --font-weight-default: 400;
+  --line-height-default: 1.55;
+  --letter-spacing-tight: -0.011em;
+  /*******************
+  PALETTE - LIGHT MODE
+  *******************/
+  --text-primary: #151a23;
+  --text-secondary: #4a5464;
+  --text-heading: #151a23;
+  --text-contrast: #ffffff;
+  --text-disabled: #5e6a7d;
+  --text-focus: rgba(94, 106, 125, 0.25);
+  --text-focus-visible: rgba(94, 106, 125, 0.5);
+  --text-hover: rgba(94, 106, 125, 0.1);
+  --text-outlined-border: rgba(94, 106, 125, 0.5);
+  --text-selected: rgba(94, 106, 125, 0.075);
+  --inherit-main: #151a23;
+  --inherit-dark: #0d1017;
+  --inherit-emphasis: #333c4a;
+  --inherit-light: #4a5464;
+  --inherit-contrast: #ffffff;
+  --inherit-focus: rgba(94, 106, 125, 0.25);
+  --inherit-focus-visible: rgba(94, 106, 125, 0.5);
+  --inherit-hover: rgba(94, 106, 125, 0.1);
+  --inherit-outlined-border: rgba(94, 106, 125, 0.5);
+  --inherit-selected: rgba(94, 106, 125, 0.075);
+  --primary-main: #0284c7;
+  --primary-dark: #075985;
+  --primary-emphasis: #0369a1;
+  --primary-light: #38bdf8;
+  --primary-contrast: #ffffff;
+  --primary-focus: #bae6fd;
+  --primary-focus-visible: #38bdf8;
+  --primary-hover: rgba(14, 165, 233, 0.1);
+  --primary-outlined-border: #0284c7;
+  --primary-selected: rgba(14, 165, 233, 0.075);
+  --secondary-main: #8b5cf6;
+  --secondary-dark: #462e7b;
+  --secondary-emphasis: #6f4ac5;
+  --secondary-light: rgba(139, 92, 246, 0.5);
+  --secondary-contrast: #ffffff;
+  --secondary-focus: rgba(139, 92, 246, 0.25);
+  --secondary-focus-visible: rgba(139, 92, 246, 0.5);
+  --secondary-hover: rgba(139, 92, 246, 0.1);
+  --secondary-outlined-border: #8b5cf6;
+  --secondary-selected: rgba(139, 92, 246, 0.075);
+  --destructive-main: #c3324b;
+  --destructive-dark: #7a202f;
+  --destructive-emphasis: #c3324b;
+  --destructive-light: rgba(244, 63, 94, 0.75);
+  --destructive-contrast: #ffffff;
+  --destructive-focus: rgba(244, 63, 94, 0.25);
+  --destructive-focus-visible: rgba(244, 63, 94, 0.5);
+  --destructive-hover: rgba(244, 63, 94, 0.1);
+  --destructive-outlined-border: #f43f5e;
+  --destructive-selected: rgba(244, 63, 94, 0.075);
+  --warning-main: #cc8d1a;
+  --warning-dark: #805810;
+  --warning-emphasis: #805810;
+  --warning-light: rgba(255, 176, 32, 0.5);
+  --warning-contrast: #ffffff;
+  --warning-focus: rgba(255, 176, 32, 0.25);
+  --warning-focus-visible: rgba(255, 176, 32, 0.5);
+  --warning-hover: rgba(255, 176, 32, 0.1);
+  --warning-outlined-border: #ffb020;
+  --warning-selected: rgba(255, 176, 32, 0.075);
+  --success-main: #0d9467;
+  --success-dark: #085c40;
+  --success-emphasis: #0d9467;
+  --success-light: rgba(16, 185, 129, 0.75);
+  --success-contrast: #ffffff;
+  --success-focus: rgba(16, 185, 129, 0.25);
+  --success-focus-visible: rgba(16, 185, 129, 0.5);
+  --success-hover: rgba(16, 185, 129, 0.1);
+  --success-outlined-border: #0d9467;
+  --success-selected: rgba(16, 185, 129, 0.075);
+  --info-main: #266c96;
+  --info-dark: #123e5a;
+  --info-emphasis: #1b5276;
+  --info-light: #96c4dd;
+  --info-contrast: #ffffff;
+  --info-focus: #c8e0ee;
+  --info-focus-visible: #5fa6cb;
+  --info-hover: rgba(54, 136, 179, 0.1);
+  --info-outlined-border: #3688b3;
+  --info-selected: rgba(54, 136, 179, 0.075);
+  --slate-main: #4a5464;
+  --slate-dark: #151a23;
+  --slate-emphasis: #1d2430;
+  --slate-light: #5e6a7d;
+  --slate-contrast: #ffffff;
+  --slate-focus: rgba(94, 106, 125, 0.25);
+  --slate-focus-visible: rgba(94, 106, 125, 0.5);
+  --slate-hover: rgba(94, 106, 125, 0.1);
+  --slate-outlined-border: rgba(94, 106, 125, 0.75);
+  --slate-selected: rgba(94, 106, 125, 0.05);
+  --action-active: #333c4a;
+  --action-disabled: rgba(94, 106, 125, 0.5);
+  --action-disabled-background: rgba(94, 106, 125, 0.1);
+  --action-focus: rgba(94, 106, 125, 0.25);
+  --action-hover: rgba(94, 106, 125, 0.075);
+  --action-selected: rgba(94, 106, 125, 0.25);
+  --avatar-fallback: rgba(94, 106, 125, 0.25);
+  --common-black-main: #151a23;
+  --common-black-focus: rgba(94, 106, 125, 0.75);
+  --common-black-focus-visible: #5e6a7d;
+  --common-black-hover: rgba(94, 106, 125, 0.25);
+  --common-black-outlined-border: #5e6a7d;
+  --common-black-selected: rgba(94, 106, 125, 0.1);
+  --common-white-main: #ffffff;
+  --common-white-focus: rgba(255, 255, 255, 0.24);
+  --common-white-focus-visible: rgba(255, 255, 255, 0.32);
+  --common-white-hover: rgba(255, 255, 255, 0.16);
+  --common-white-outlined-border: rgba(255, 255, 255, 0.72);
+  --common-white-selected: rgba(255, 255, 255, 0.08);
+  --background-default: #ffffff;
+  --background-contrast: #151a23;
+  --background-modal: rgba(21, 26, 35, 0.55);
+  --background-darker-12: rgba(51, 60, 74, 0.02);
+  --background-darker-25: rgba(51, 60, 74, 0.05);
+  --background-darker-50: rgba(51, 60, 74, 0.16);
+  --background-darker-75: rgba(51, 60, 74, 0.24);
+  --surface: #ffffff;
+  --surface-muted: #f7f8f8;
+  --overlay-strong: rgba(21, 26, 35, 0.9);
+  --border-subtle: rgba(94, 106, 125, 0.25);
+  --elevation-outlined: var(--divider);
+  --elevation-outlined-dark: var(--divider-dark);
+  --background-elevation-0: #ffffff;
+  --background-elevation-1: #ffffff;
+  --background-elevation-2: #ffffff;
+  --background-elevation-3: #ffffff;
+  --background-elevation-4: #ffffff;
+  --background-elevation-5: #ffffff;
+  --background-elevation-6: #ffffff;
+  --background-elevation-7: #ffffff;
+  --background-elevation-8: #ffffff;
+  --background-elevation-9: #ffffff;
+  --background-elevation-10: #ffffff;
+  --background-elevation-11: #ffffff;
+  --background-elevation-12: #ffffff;
+  --background-elevation-13: #ffffff;
+  --background-elevation-14: #ffffff;
+  --background-elevation-15: #ffffff;
+  --background-elevation-16: #ffffff;
+  --background-elevation-17: #ffffff;
+  --background-elevation-18: #ffffff;
+  --background-elevation-19: #ffffff;
+  --background-elevation-20: #ffffff;
+  --background-elevation-21: #ffffff;
+  --background-elevation-22: #ffffff;
+  --background-elevation-23: #ffffff;
+  --background-elevation-24: #ffffff;
+  --shadow-elevation-1: 0 1px 1px rgba(0, 0, 0, 0.122), 0 1px 3px 0px rgba(0, 0, 0, 0.052);
+  --shadow-elevation-2: 0 1px 2px rgba(0, 0, 0, 0.124), 0 2px 5px 1px rgba(0, 0, 0, 0.053);
+  --shadow-elevation-3: 0 2px 3px rgba(0, 0, 0, 0.126), 0 3px 8px 1px rgba(0, 0, 0, 0.055);
+  --shadow-elevation-4: 0 2px 4px rgba(0, 0, 0, 0.128), 0 4px 10px 2px rgba(0, 0, 0, 0.057);
+  --shadow-elevation-5: 0 3px 5px rgba(0, 0, 0, 0.13), 0 5px 13px 2px rgba(0, 0, 0, 0.059);
+  --shadow-elevation-6: 0 3px 6px rgba(0, 0, 0, 0.132), 0 6px 15px 3px rgba(0, 0, 0, 0.06);
+  --shadow-elevation-7: 0 4px 7px rgba(0, 0, 0, 0.134), 0 7px 18px 3px rgba(0, 0, 0, 0.062);
+  --shadow-elevation-8: 0 4px 8px rgba(0, 0, 0, 0.136), 0 8px 20px 3px rgba(0, 0, 0, 0.064);
+  --shadow-elevation-9: 0 5px 9px rgba(0, 0, 0, 0.138), 0 9px 23px 4px rgba(0, 0, 0, 0.065);
+  --shadow-elevation-10: 0 5px 10px rgba(0, 0, 0, 0.14), 0 10px 25px 4px rgba(0, 0, 0, 0.067);
+  --shadow-elevation-11: 0 6px 11px rgba(0, 0, 0, 0.142), 0 11px 28px 5px rgba(0, 0, 0, 0.069);
+  --shadow-elevation-12: 0 6px 12px rgba(0, 0, 0, 0.144), 0 12px 30px 5px rgba(0, 0, 0, 0.07);
+  --shadow-elevation-13: 0 7px 13px rgba(0, 0, 0, 0.146), 0 13px 33px 5px rgba(0, 0, 0, 0.072);
+  --shadow-elevation-14: 0 7px 14px rgba(0, 0, 0, 0.148), 0 14px 35px 6px rgba(0, 0, 0, 0.074);
+  --shadow-elevation-15: 0 8px 15px rgba(0, 0, 0, 0.15), 0 15px 38px 6px rgba(0, 0, 0, 0.076);
+  --shadow-elevation-16: 0 8px 16px rgba(0, 0, 0, 0.152), 0 16px 40px 7px rgba(0, 0, 0, 0.077);
+  --shadow-elevation-17: 0 9px 17px rgba(0, 0, 0, 0.154), 0 17px 43px 7px rgba(0, 0, 0, 0.079);
+  --shadow-elevation-18: 0 9px 18px rgba(0, 0, 0, 0.156), 0 18px 45px 8px rgba(0, 0, 0, 0.081);
+  --shadow-elevation-19: 0 10px 19px rgba(0, 0, 0, 0.158), 0 19px 48px 8px rgba(0, 0, 0, 0.082);
+  --shadow-elevation-20: 0 10px 20px rgba(0, 0, 0, 0.16), 0 20px 50px 8px rgba(0, 0, 0, 0.084);
+  --shadow-elevation-21: 0 11px 21px rgba(0, 0, 0, 0.162), 0 21px 53px 9px rgba(0, 0, 0, 0.086);
+  --shadow-elevation-22: 0 11px 22px rgba(0, 0, 0, 0.164), 0 22px 55px 9px rgba(0, 0, 0, 0.087);
+  --shadow-elevation-23: 0 12px 23px rgba(0, 0, 0, 0.166), 0 23px 58px 10px rgba(0, 0, 0, 0.089);
+  --shadow-elevation-24: 0 12px 24px rgba(0, 0, 0, 0.168), 0 24px 60px 10px rgba(0, 0, 0, 0.091);
+  --shadow-xs: 0 1px 2px rgba(21, 26, 35, 0.06);
+  --shadow-sm: 0 1px 3px rgba(21, 26, 35, 0.1);
+  --z-raised: 10;
+  --z-sticky: 20;
+  --z-modal: 100;
+  --z-popover: 200;
+  --z-tooltip: 300;
+  --z-toast: 400;
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --radius-2xl: 1.5rem;
+  --radius-full: 9999px;
+  --text-base--line-height: var(--line-height-default);
+  --appbar-default-fill: var(--background-default);
+  --divider: rgba(94, 106, 125, 0.1);
+  --divider-dark: rgba(94, 106, 125, 0.25);
+  --input-filled-enabled-fill: var(--action-active);
+  --input-filled-hover-fill: var(--action-hover);
+  --input-outlined-enabled-border: rgba(94, 106, 125, 0.25);
+  --input-outlined-hover-border: rgba(94, 106, 125, 0.75);
+  --input-standard-enabled-border: rgba(94, 106, 125, 0.25);
+  --input-standard-hover-border: rgba(94, 106, 125, 0.75);
+  --link-primary: var(--primary-emphasis);
+  --link-primary-hover: var(--action-hover);
+  --link-primary-disabled: var(--action-disabled);
+  --logo-fill: #151a23;
+  --logo-mark: #0284c7;
+  --sidebar: #fbfbfc;
+  --sidebar-foreground: #151a23;
+  --sidebar-primary: #0284c7;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: rgba(14, 165, 233, 0.1);
+  --sidebar-accent-foreground: #075985;
+  --sidebar-border: rgba(94, 106, 125, 0.1);
+  --sidebar-ring: #7dd3fc;
+  --dashboard-hex-partial: #bae6fd;
+  --size-1: 0.5rem;
+  --size-2: 1rem;
+  --size-3: 1.5rem;
+  --size-4: 2rem;
+  --size-5: 2.5rem;
+  --size-6: 3rem;
+  --size-7: 3.5rem;
+  --size-8: 4rem;
+  --size-9: 4.5rem;
+  --size-10: 5rem;
+  --size-11: 5.5rem;
+  --size-12: 6rem;
+  --appbar-height: 64px;
+  --footer-height: 52px;
+  --main-body-height: calc(100vh - var(--appbar-height) - var(--footer-height));
+  --main-padding-width: var(--size-3);
+  --main-padding-height: var(--size-3);
+}
+@media (min-width: 769px) {
+  :root {
+    --main-padding-width: var(--size-5);
+    --main-padding-height: var(--size-6);
+  }
+}
+
+/*******************
+PALETTE - DARK MODE
+*******************/
+.dark {
+  --text-primary: rgba(255, 255, 255, 0.92);
+  --text-secondary: rgba(255, 255, 255, 0.64);
+  --text-heading: #ffffff;
+  --text-contrast: #0d1017;
+  --text-disabled: var(--action-disabled);
+  --text-focus: rgba(255, 255, 255, 0.24);
+  --text-focus-visible: rgba(255, 255, 255, 0.32);
+  --text-hover: rgba(255, 255, 255, 0.16);
+  --text-outlined-border: rgba(255, 255, 255, 0.72);
+  --text-selected: rgba(255, 255, 255, 0.12);
+  --inherit-main: #ffffff;
+  --inherit-dark: rgba(255, 255, 255, 0.8);
+  --inherit-emphasis: rgba(255, 255, 255, 0.8);
+  --inherit-light: #ffffff;
+  --inherit-contrast: #0d1017;
+  --inherit-focus: rgba(255, 255, 255, 0.24);
+  --inherit-focus-visible: rgba(255, 255, 255, 0.32);
+  --inherit-hover: rgba(255, 255, 255, 0.16);
+  --inherit-outlined-border: rgba(255, 255, 255, 0.72);
+  --inherit-selected: rgba(255, 255, 255, 0.12);
+  --primary-main: #0ea5e9;
+  --primary-dark: #0369a1;
+  --primary-emphasis: #7dd3fc;
+  --primary-light: #38bdf8;
+  --primary-contrast: #0d1017;
+  --primary-focus: #38bdf8;
+  --primary-focus-visible: #38bdf8;
+  --primary-hover: rgba(125, 211, 252, 0.16);
+  --primary-outlined-border: #7dd3fc;
+  --primary-selected: rgba(125, 211, 252, 0.12);
+  --secondary-main: #8b5cf6;
+  --secondary-dark: #462e7b;
+  --secondary-emphasis: rgba(139, 92, 246, 0.5);
+  --secondary-light: rgba(139, 92, 246, 0.75);
+  --secondary-contrast: #ffffff;
+  --secondary-focus: rgba(139, 92, 246, 0.5);
+  --secondary-focus-visible: rgba(139, 92, 246, 0.5);
+  --secondary-hover: rgba(139, 92, 246, 0.1);
+  --secondary-outlined-border: rgba(139, 92, 246, 0.5);
+  --secondary-selected: rgba(139, 92, 246, 0.075);
+  --destructive-main: #f43f5e;
+  --destructive-dark: #7a202f;
+  --destructive-emphasis: rgba(244, 63, 94, 0.5);
+  --destructive-light: rgba(244, 63, 94, 0.75);
+  --destructive-contrast: #ffffff;
+  --destructive-focus: rgba(244, 63, 94, 0.5);
+  --destructive-focus-visible: rgba(244, 63, 94, 0.5);
+  --destructive-hover: rgba(244, 63, 94, 0.1);
+  --destructive-outlined-border: rgba(244, 63, 94, 0.5);
+  --destructive-selected: rgba(244, 63, 94, 0.075);
+  --warning-main: #ffb020;
+  --warning-dark: #805810;
+  --warning-emphasis: rgba(255, 176, 32, 0.5);
+  --warning-light: rgba(255, 176, 32, 0.75);
+  --warning-contrast: #0d1017;
+  --warning-focus: rgba(255, 176, 32, 0.5);
+  --warning-focus-visible: rgba(255, 176, 32, 0.5);
+  --warning-hover: rgba(255, 176, 32, 0.1);
+  --warning-outlined-border: rgba(255, 176, 32, 0.5);
+  --warning-selected: rgba(255, 176, 32, 0.075);
+  --success-main: #10b981;
+  --success-dark: #085c40;
+  --success-emphasis: rgba(16, 185, 129, 0.5);
+  --success-light: rgba(16, 185, 129, 0.75);
+  --success-contrast: #0d1017;
+  --success-focus: rgba(16, 185, 129, 0.5);
+  --success-focus-visible: rgba(16, 185, 129, 0.5);
+  --success-hover: rgba(16, 185, 129, 0.1);
+  --success-outlined-border: rgba(16, 185, 129, 0.5);
+  --success-selected: rgba(16, 185, 129, 0.075);
+  --info-main: #3688b3;
+  --info-dark: #1b5276;
+  --info-emphasis: #96c4dd;
+  --info-light: #7bb6d4;
+  --info-contrast: #ffffff;
+  --info-focus: #5fa6cb;
+  --info-focus-visible: #5fa6cb;
+  --info-hover: rgba(54, 136, 179, 0.1);
+  --info-outlined-border: #96c4dd;
+  --info-selected: rgba(54, 136, 179, 0.075);
+  --slate-main: #5e6a7d;
+  --slate-dark: #333c4a;
+  --slate-emphasis: rgba(255, 255, 255, 0.72);
+  --slate-light: rgba(94, 106, 125, 0.75);
+  --slate-contrast: #0d1017;
+  --slate-focus: rgba(255, 255, 255, 0.24);
+  --slate-focus-visible: rgba(255, 255, 255, 0.32);
+  --slate-hover: rgba(255, 255, 255, 0.08);
+  --slate-outlined-border: rgba(255, 255, 255, 0.4);
+  --slate-selected: rgba(255, 255, 255, 0.08);
+  --action-active: rgba(255, 255, 255, 0.64);
+  --action-disabled: rgba(255, 255, 255, 0.32);
+  --action-disabled-background: rgba(255, 255, 255, 0.08);
+  --action-focus: rgba(255, 255, 255, 0.24);
+  --action-hover: rgba(255, 255, 255, 0.08);
+  --action-selected: rgba(255, 255, 255, 0.16);
+  --avatar-fallback: rgba(255, 255, 255, 0.16);
+  --background-default: #0d1017;
+  --background-contrast: #ffffff;
+  --background-modal: rgba(0, 0, 0, 0.7);
+  --background-darker-12: rgba(0, 0, 0, 0.08);
+  --background-darker-25: rgba(0, 0, 0, 0.16);
+  --background-darker-50: rgba(0, 0, 0, 0.24);
+  --background-darker-75: rgba(0, 0, 0, 0.3);
+  --surface: #151a23;
+  --surface-muted: #1d2430;
+  --overlay-strong: rgba(13, 16, 23, 0.9);
+  --border-subtle: rgba(255, 255, 255, 0.12);
+  --background-elevation-0: transparent;
+  --background-elevation-1: rgba(255, 255, 255, 0.04);
+  --background-elevation-2: rgba(255, 255, 255, 0.052);
+  --background-elevation-3: rgba(255, 255, 255, 0.064);
+  --background-elevation-4: rgba(255, 255, 255, 0.076);
+  --background-elevation-5: rgba(255, 255, 255, 0.088);
+  --background-elevation-6: rgba(255, 255, 255, 0.1);
+  --background-elevation-7: rgba(255, 255, 255, 0.112);
+  --background-elevation-8: rgba(255, 255, 255, 0.124);
+  --background-elevation-9: rgba(255, 255, 255, 0.136);
+  --background-elevation-10: rgba(255, 255, 255, 0.148);
+  --background-elevation-11: rgba(255, 255, 255, 0.16);
+  --background-elevation-12: rgba(255, 255, 255, 0.172);
+  --background-elevation-13: rgba(255, 255, 255, 0.184);
+  --background-elevation-14: rgba(255, 255, 255, 0.196);
+  --background-elevation-15: rgba(255, 255, 255, 0.208);
+  --background-elevation-16: rgba(255, 255, 255, 0.22);
+  --background-elevation-17: rgba(255, 255, 255, 0.232);
+  --background-elevation-18: rgba(255, 255, 255, 0.244);
+  --background-elevation-19: rgba(255, 255, 255, 0.256);
+  --background-elevation-20: rgba(255, 255, 255, 0.268);
+  --background-elevation-21: rgba(255, 255, 255, 0.28);
+  --background-elevation-22: rgba(255, 255, 255, 0.292);
+  --background-elevation-23: rgba(255, 255, 255, 0.304);
+  --background-elevation-24: rgba(255, 255, 255, 0.316);
+  --shadow-elevation-1: 0 1px 1px rgba(0, 0, 0, 0.244), 0 1px 3px 0px rgba(0, 0, 0, 0.123);
+  --shadow-elevation-2: 0 1px 2px rgba(0, 0, 0, 0.248), 0 2px 5px 1px rgba(0, 0, 0, 0.127);
+  --shadow-elevation-3: 0 2px 3px rgba(0, 0, 0, 0.252), 0 3px 8px 1px rgba(0, 0, 0, 0.13);
+  --shadow-elevation-4: 0 2px 4px rgba(0, 0, 0, 0.256), 0 4px 10px 2px rgba(0, 0, 0, 0.134);
+  --shadow-elevation-5: 0 3px 5px rgba(0, 0, 0, 0.26), 0 5px 13px 2px rgba(0, 0, 0, 0.137);
+  --shadow-elevation-6: 0 3px 6px rgba(0, 0, 0, 0.264), 0 6px 15px 3px rgba(0, 0, 0, 0.14);
+  --shadow-elevation-7: 0 4px 7px rgba(0, 0, 0, 0.268), 0 7px 18px 3px rgba(0, 0, 0, 0.144);
+  --shadow-elevation-8: 0 4px 8px rgba(0, 0, 0, 0.272), 0 8px 20px 3px rgba(0, 0, 0, 0.147);
+  --shadow-elevation-9: 0 5px 9px rgba(0, 0, 0, 0.276), 0 9px 23px 4px rgba(0, 0, 0, 0.151);
+  --shadow-elevation-10: 0 5px 10px rgba(0, 0, 0, 0.28), 0 10px 25px 4px rgba(0, 0, 0, 0.154);
+  --shadow-elevation-11: 0 6px 11px rgba(0, 0, 0, 0.284), 0 11px 28px 5px rgba(0, 0, 0, 0.157);
+  --shadow-elevation-12: 0 6px 12px rgba(0, 0, 0, 0.288), 0 12px 30px 5px rgba(0, 0, 0, 0.161);
+  --shadow-elevation-13: 0 7px 13px rgba(0, 0, 0, 0.292), 0 13px 33px 5px rgba(0, 0, 0, 0.164);
+  --shadow-elevation-14: 0 7px 14px rgba(0, 0, 0, 0.296), 0 14px 35px 6px rgba(0, 0, 0, 0.168);
+  --shadow-elevation-15: 0 8px 15px rgba(0, 0, 0, 0.3), 0 15px 38px 6px rgba(0, 0, 0, 0.171);
+  --shadow-elevation-16: 0 8px 16px rgba(0, 0, 0, 0.304), 0 16px 40px 7px rgba(0, 0, 0, 0.174);
+  --shadow-elevation-17: 0 9px 17px rgba(0, 0, 0, 0.308), 0 17px 43px 7px rgba(0, 0, 0, 0.178);
+  --shadow-elevation-18: 0 9px 18px rgba(0, 0, 0, 0.312), 0 18px 45px 8px rgba(0, 0, 0, 0.181);
+  --shadow-elevation-19: 0 10px 19px rgba(0, 0, 0, 0.316), 0 19px 48px 8px rgba(0, 0, 0, 0.185);
+  --shadow-elevation-20: 0 10px 20px rgba(0, 0, 0, 0.32), 0 20px 50px 8px rgba(0, 0, 0, 0.188);
+  --shadow-elevation-21: 0 11px 21px rgba(0, 0, 0, 0.324), 0 21px 53px 9px rgba(0, 0, 0, 0.191);
+  --shadow-elevation-22: 0 11px 22px rgba(0, 0, 0, 0.328), 0 22px 55px 9px rgba(0, 0, 0, 0.195);
+  --shadow-elevation-23: 0 12px 23px rgba(0, 0, 0, 0.332), 0 23px 58px 10px rgba(0, 0, 0, 0.198);
+  --shadow-elevation-24: 0 12px 24px rgba(0, 0, 0, 0.336), 0 24px 60px 10px rgba(0, 0, 0, 0.202);
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
+  --divider: rgba(255, 255, 255, 0.08);
+  --divider-dark: rgba(255, 255, 255, 0.16);
+  --input-filled-enabled-fill: var(--action-selected);
+  --input-filled-hover-fill: var(--action-hover);
+  --input-outlined-enabled-border: rgba(255, 255, 255, 0.16);
+  --input-outlined-hover-border: rgba(255, 255, 255, 0.32);
+  --input-standard-enabled-border: rgba(255, 255, 255, 0.16);
+  --input-standard-hover-border: rgba(255, 255, 255, 0.32);
+  --link-primary: var(--primary-emphasis);
+  --link-primary-hover: var(--primary-emphasis);
+  --link-primary-disabled: var(--action-disabled);
+  --logo-fill: #ffffff;
+  --logo-mark: #7dd3fc;
+  --sidebar: #151a23;
+  --sidebar-foreground: rgba(255, 255, 255, 0.88);
+  --sidebar-primary: #38bdf8;
+  --sidebar-primary-foreground: #0d1017;
+  --sidebar-accent: rgba(125, 211, 252, 0.14);
+  --sidebar-accent-foreground: #7dd3fc;
+  --sidebar-border: rgba(255, 255, 255, 0.08);
+  --sidebar-ring: #38bdf8;
+  --dashboard-hex-partial: rgba(56, 189, 248, 0.6);
+}

package/dist/{tooltip-DoCbTucr.d.ts → tooltip-Bb0qqHZI.d.ts}

@@ -3,9 +3,9 @@ import * as React from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const buttonVariants: (props?: ({
-    variant?: "outlined" | "contained" | "ghost" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
-    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     iconOnly?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-DMy7AzMN.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DoCbTucr.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CSnovrxl.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-Bb0qqHZI.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -86,6 +86,10 @@
       "import": "./dist/index.css",
       "default": "./dist/index.css"
     },
+    "./styles/tokens": {
+      "import": "./dist/tokens.css",
+      "default": "./dist/tokens.css"
+    },
     "./styles/mixins": {
       "import": "./src/styles/mixins.scss",
       "default": "./src/styles/mixins.scss"