@kismet-ux/constellation 1.3.0 → 1.4.1

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.
@@ -0,0 +1,202 @@
1
+ import * as React from 'react';
2
+ import React__default from 'react';
3
+ import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
4
+ import { R as RowProps } from './row-CS9-talZ.js';
5
+ import { I as Input } from './input-CWHXOpeH.js';
6
+ import { b as TooltipContent, B as Button } from './tooltip-zOT3UHCF.js';
7
+ import { VariantProps } from 'class-variance-authority';
8
+ import * as class_variance_authority_types from 'class-variance-authority/types';
9
+
10
+ interface ColumnProps extends React__default.HTMLAttributes<HTMLDivElement> {
11
+ children?: React__default.ReactNode;
12
+ el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
13
+ gap?: number;
14
+ full?: boolean;
15
+ fullHeight?: boolean;
16
+ align?: 'start' | 'center' | 'end';
17
+ flex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
18
+ }
19
+
20
+ interface ContainerProps extends React__default.HTMLAttributes<HTMLDivElement> {
21
+ children?: React__default.ReactNode;
22
+ el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
23
+ styled?: boolean;
24
+ direction?: 'column' | 'row';
25
+ align?: 'start' | 'center' | 'end' | 'stretch';
26
+ justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
27
+ full?: boolean;
28
+ rounded?: boolean | 'extra';
29
+ outlined?: boolean;
30
+ theme?: 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate' | 'light-slate';
31
+ elevation?: number;
32
+ padding?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'xl' | 'lg' | 'md' | 'sm' | 'none';
33
+ darkMode?: boolean;
34
+ gap?: number;
35
+ }
36
+
37
+ type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
38
+ interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
39
+ children?: React__default.ReactNode;
40
+ /** Number of columns (1–12). Default: 1. */
41
+ columns?: GridColumns;
42
+ /** Responsive column overrides. Each breakpoint sets the column count at that width and above. */
43
+ sm?: GridColumns;
44
+ md?: GridColumns;
45
+ lg?: GridColumns;
46
+ xl?: GridColumns;
47
+ /** Gap between items (0–12, maps to --size-N tokens). Default: 2. */
48
+ gap?: number;
49
+ /** Horizontal alignment of items within cells. */
50
+ align?: 'start' | 'center' | 'end' | 'stretch';
51
+ /** Vertical alignment of items within cells. */
52
+ justify?: 'start' | 'center' | 'end' | 'stretch';
53
+ /** Whether the grid fills its parent width. */
54
+ full?: boolean;
55
+ /** Semantic HTML element to render. Default: div. */
56
+ el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
57
+ }
58
+
59
+ type SidebarVariant = 'sidebar' | 'floating' | 'inset';
60
+ type SidebarContextValue = {
61
+ state: 'expanded' | 'collapsed';
62
+ open: boolean;
63
+ setOpen: React__default.Dispatch<React__default.SetStateAction<boolean>>;
64
+ isMobile: boolean;
65
+ openMobile: boolean;
66
+ setOpenMobile: React__default.Dispatch<React__default.SetStateAction<boolean>>;
67
+ toggleSidebar: () => void;
68
+ variant: SidebarVariant;
69
+ setVariant: React__default.Dispatch<React__default.SetStateAction<SidebarVariant>>;
70
+ };
71
+
72
+ declare function AppContent({ children, className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
73
+
74
+ interface AppFooterProps {
75
+ brand: string;
76
+ links: {
77
+ label: string;
78
+ href: string;
79
+ }[];
80
+ }
81
+ declare function AppFooter({ brand, links }: AppFooterProps): React.JSX.Element;
82
+
83
+ interface AppShellProps {
84
+ children: React.ReactNode;
85
+ /**
86
+ * Initial sidebar state. Persist this server-side (cookie, session) or in
87
+ * localStorage and pass it in, so the sidebar doesn't flash open on load.
88
+ */
89
+ defaultSidebarOpen?: boolean;
90
+ }
91
+ declare function AppShell({ children, defaultSidebarOpen }: AppShellProps): React.JSX.Element;
92
+
93
+ interface AppSidebarProps {
94
+ logo: React.ReactNode;
95
+ homeHref?: string;
96
+ currentPath?: string;
97
+ linkComponent?: React.ElementType;
98
+ sections: SidebarSection[];
99
+ footerItems?: SidebarNavItem[];
100
+ footerSeparator?: boolean;
101
+ children?: React.ReactNode;
102
+ }
103
+ declare function AppSidebar({ logo, homeHref, currentPath, linkComponent, sections, footerItems, footerSeparator, children, }: AppSidebarProps): React.JSX.Element;
104
+
105
+ interface AppSidebarHeaderProps {
106
+ breadcrumbs?: BreadcrumbItemData[];
107
+ /** Omit to hide the account menu (e.g. on signed-out chrome). */
108
+ user?: NavUserProps['user'];
109
+ userMenu?: Omit<NavUserProps, 'user'>;
110
+ /** Extra controls between the appearance toggle and the account menu. */
111
+ actions?: React.ReactNode;
112
+ }
113
+ declare function AppSidebarHeader({ breadcrumbs, user, userMenu, actions, }: AppSidebarHeaderProps): React.JSX.Element;
114
+
115
+ interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
116
+ open: boolean;
117
+ /** Transition length in ms. Also how long the unmount is deferred. */
118
+ duration?: number;
119
+ /**
120
+ * Unmount children once the close animation finishes. Keeps focus traps,
121
+ * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
122
+ * Set `false` to keep children mounted — cheaper for a panel toggled often,
123
+ * and required if they hold state you need to survive a close.
124
+ */
125
+ unmountOnClose?: boolean;
126
+ }
127
+ /**
128
+ * A panel that animates its own height, so content below slides rather than
129
+ * jumping.
130
+ *
131
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
132
+ * interpolates to the panel's real height, so there is no magic number to
133
+ * guess and no pause at the end when the guess was too generous.
134
+ */
135
+ declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
136
+
137
+ declare const Column: React.FC<ColumnProps>;
138
+
139
+ declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
140
+
141
+ declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
142
+
143
+ declare const Row: React.FC<RowProps>;
144
+
145
+ declare const sidebarMenuButtonVariants: (props?: ({
146
+ variant?: "default" | "outline" | null | undefined;
147
+ size?: "sm" | "md" | "lg" | null | undefined;
148
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
149
+
150
+ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
151
+ defaultOpen?: boolean;
152
+ open?: boolean;
153
+ onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
154
+ }): React.JSX.Element;
155
+ declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
156
+ side?: 'left' | 'right';
157
+ variant?: SidebarVariant;
158
+ collapsible?: 'offcanvas' | 'icon' | 'none';
159
+ }): React.JSX.Element;
160
+ declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
161
+ declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
162
+ declare function SidebarInset({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
163
+ declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
164
+ declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
165
+ declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
166
+ declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
167
+ declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
168
+ declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
169
+ asChild?: boolean;
170
+ }): React.JSX.Element;
171
+ declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
172
+ asChild?: boolean;
173
+ }): React.JSX.Element;
174
+ declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
175
+ declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
176
+ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
177
+ declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
178
+ asChild?: boolean;
179
+ isActive?: boolean;
180
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
181
+ } & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
182
+ declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
183
+ asChild?: boolean;
184
+ showOnHover?: boolean;
185
+ }): React.JSX.Element;
186
+ declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
187
+ declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
188
+ showIcon?: boolean;
189
+ }): React.JSX.Element;
190
+ declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
191
+ declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
192
+ declare function SidebarMenuSubButton({ asChild, size, isActive, tooltip, className, ...props }: React.ComponentProps<'a'> & {
193
+ asChild?: boolean;
194
+ size?: 'sm' | 'md';
195
+ isActive?: boolean;
196
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
197
+ }): React.JSX.Element;
198
+
199
+ declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
200
+
201
+ export { AppContent as A, SidebarMenuAction as B, Collapse as C, SidebarMenuBadge as D, SidebarMenuButton as E, SidebarMenuItem as F, Grid as G, SidebarMenuSkeleton as H, SidebarMenuSub as I, SidebarMenuSubButton as J, SidebarMenuSubItem as K, SidebarProvider as L, SidebarRail as M, SidebarTrigger as N, Skeleton as P, Row as R, AppFooter as a, AppShell as c, AppSidebar as e, AppSidebarHeader as f, Column as j, Container as l, Sidebar as p, SidebarContent as q, SidebarFooter as r, SidebarGroup as s, SidebarGroupAction as t, SidebarGroupContent as u, SidebarGroupLabel as v, SidebarHeader as w, SidebarInput as x, SidebarInset as y, SidebarMenu as z };
202
+ export type { SidebarVariant as O, SidebarContextValue as S, AppFooterProps as b, AppShellProps as d, AppSidebarHeaderProps as g, AppSidebarProps as h, CollapseProps as i, ColumnProps as k, ContainerProps as m, GridColumns as n, GridProps as o };
package/dist/index.css CHANGED
@@ -186,6 +186,7 @@ svg {
186
186
  --font-weight-default: 400;
187
187
  --line-height-default: 1.55;
188
188
  --letter-spacing-tight: -0.011em;
189
+ --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
189
190
  /*******************
190
191
  PALETTE - LIGHT MODE
191
192
  *******************/
@@ -768,9 +769,6 @@ img {
768
769
  text-align: right;
769
770
  }
770
771
 
771
- :root {
772
- --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
773
- }
774
772
  :root a,
775
773
  :root button,
776
774
  :root .button,
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export { Logo, LogoProps } from './brand.js';
2
- 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-h4thndEb.js';
2
+ 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-Bzf20Rpc.js';
3
3
  export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
4
- import { S as SidebarContextValue } from './index-BwTP9oMP.js';
5
- 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-BwTP9oMP.js';
6
- import { A as AlertContextValue, S as SortState } from './index-DCtv8Gm1.js';
7
- 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-DCtv8Gm1.js';
4
+ import { S as SidebarContextValue } from './index-B2OAQ0Io.js';
5
+ 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-B2OAQ0Io.js';
6
+ import { A as AlertContextValue, S as SortState } from './index-cmvXElP9.js';
7
+ 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-cmvXElP9.js';
8
8
  export { R as RowProps } from './row-CS9-talZ.js';
9
9
  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';
10
10
  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';
12
12
  export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
13
13
  export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
14
14
  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';
15
- 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-C25-bG7o.js';
15
+ 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-XagXjWLB.js';
16
16
  export { UserInfo } from './user.js';
17
17
  export { getCsrfToken } from './utils.js';
18
18
  import 'react';
@@ -1,8 +1,24 @@
1
1
  import * as React from 'react';
2
2
  export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  open: boolean;
4
+ /** Transition length in ms. Also how long the unmount is deferred. */
4
5
  duration?: number;
6
+ /**
7
+ * Unmount children once the close animation finishes. Keeps focus traps,
8
+ * `autoFocus` and dismiss handlers out of the tree while the panel is shut.
9
+ * Set `false` to keep children mounted — cheaper for a panel toggled often,
10
+ * and required if they hold state you need to survive a close.
11
+ */
12
+ unmountOnClose?: boolean;
5
13
  }
14
+ /**
15
+ * A panel that animates its own height, so content below slides rather than
16
+ * jumping.
17
+ *
18
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
19
+ * interpolates to the panel's real height, so there is no magic number to
20
+ * guess and no pause at the end when the guess was too generous.
21
+ */
6
22
  declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
7
23
  export { Collapse };
8
24
  //# sourceMappingURL=collapse.d.ts.map
@@ -1 +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"}
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,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"}
@@ -3,10 +3,56 @@ import cn from 'clsx';
3
3
  import * as React from 'react';
4
4
  import s from './collapse.module.scss.js';
5
5
 
6
- const Collapse = React.forwardRef(({ open, duration, className, children, style, ...props }, ref) => {
7
- return (jsx("div", { ref: ref, "data-slot": 'collapse', className: cn(s['collapse'], open && s['collapse--open'], className), style: duration
6
+ const DEFAULT_DURATION = 300;
7
+ /**
8
+ * A panel that animates its own height, so content below slides rather than
9
+ * jumping.
10
+ *
11
+ * Uses `grid-template-rows: 0fr → 1fr` rather than animating `max-height`: it
12
+ * interpolates to the panel's real height, so there is no magic number to
13
+ * guess and no pause at the end when the guess was too generous.
14
+ */
15
+ const Collapse = React.forwardRef(({ open, duration, unmountOnClose = false, className, children, style, ...props }, ref) => {
16
+ const ms = duration ?? DEFAULT_DURATION;
17
+ const [mounted, setMounted] = React.useState(open);
18
+ const [expanded, setExpanded] = React.useState(open);
19
+ const frame = React.useRef(0);
20
+ const timer = React.useRef(undefined);
21
+ /*
22
+ * Hold the last real children so the panel has something to shrink.
23
+ * Callers routinely clear the state that fed the panel the moment they
24
+ * close it, which empties the box instantly and leaves nothing to animate
25
+ * — the open looks smooth and the close looks like a cut.
26
+ */
27
+ const lastChildren = React.useRef(children);
28
+ if (children != null && children !== false)
29
+ lastChildren.current = children;
30
+ const rendered = open ? children : lastChildren.current;
31
+ React.useEffect(() => {
32
+ cancelAnimationFrame(frame.current);
33
+ clearTimeout(timer.current);
34
+ if (open) {
35
+ setMounted(true);
36
+ // Two frames: one to put 0fr on screen, one to transition away from it.
37
+ // A single frame can be batched with the mount and the panel snaps open.
38
+ frame.current = requestAnimationFrame(() => {
39
+ frame.current = requestAnimationFrame(() => setExpanded(true));
40
+ });
41
+ }
42
+ else {
43
+ setExpanded(false);
44
+ if (unmountOnClose) {
45
+ timer.current = setTimeout(() => setMounted(false), ms);
46
+ }
47
+ }
48
+ return () => {
49
+ cancelAnimationFrame(frame.current);
50
+ clearTimeout(timer.current);
51
+ };
52
+ }, [open, unmountOnClose, ms]);
53
+ return (jsx("div", { ref: ref, "data-slot": 'collapse', className: cn(s['collapse'], expanded && s['collapse--open'], className), style: duration
8
54
  ? { ...style, '--collapse-duration': `${duration}ms` }
9
- : style, "aria-hidden": !open, ...props, children: jsx("div", { className: s['collapse-inner'], children: children }) }));
55
+ : style, "aria-hidden": !open, ...props, children: jsx("div", { className: s['collapse-inner'], children: mounted ? rendered : null }) }));
10
56
  });
11
57
  Collapse.displayName = 'Collapse';
12
58
 
@@ -1 +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;;"}
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 /** 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 CHANGED
@@ -1,10 +1,10 @@
1
- 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-BwTP9oMP.js';
1
+ 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-B2OAQ0Io.js';
2
2
  export { R as RowProps } from './row-CS9-talZ.js';
3
3
  import 'react';
4
4
  import './nav-user-CJIcWKyY.js';
5
5
  import 'lucide-react';
6
6
  import './user-menu-content-D0Ldzigm.js';
7
7
  import './input-CWHXOpeH.js';
8
- import './tooltip-C25-bG7o.js';
8
+ import './tooltip-XagXjWLB.js';
9
9
  import 'class-variance-authority';
10
10
  import 'class-variance-authority/types';
@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
62
62
  declare const linkVariants: (props?: ({
63
63
  underline?: boolean | null | undefined;
64
64
  hover?: "default" | "none" | null | undefined;
65
- theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
65
+ theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
66
66
  } & class_variance_authority_types.ClassProp) | undefined) => string;
67
67
 
68
68
  interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {
package/dist/tokens.css CHANGED
@@ -9,6 +9,7 @@
9
9
  --font-weight-default: 400;
10
10
  --line-height-default: 1.55;
11
11
  --letter-spacing-tight: -0.011em;
12
+ --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
12
13
  /*******************
13
14
  PALETTE - LIGHT MODE
14
15
  *******************/
@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
6
  variant?: "outlined" | "contained" | "ghost" | null | undefined;
7
- theme?: "inherit" | "primary" | "secondary" | "success" | "destructive" | "warning" | "info" | "slate" | null | undefined;
7
+ theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
8
8
  size?: "sm" | "md" | "lg" | "xs" | null | undefined;
9
9
  iconOnly?: boolean | null | undefined;
10
10
  rounded?: boolean | "extra" | null | undefined;
@@ -0,0 +1,41 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
4
+
5
+ declare const buttonVariants: (props?: ({
6
+ variant?: "contained" | "outlined" | "ghost" | null | undefined;
7
+ theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
8
+ size?: "xs" | "sm" | "md" | "lg" | null | undefined;
9
+ iconOnly?: boolean | null | undefined;
10
+ rounded?: boolean | "extra" | null | undefined;
11
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
12
+
13
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
14
+ asChild?: boolean;
15
+ }
16
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
17
+
18
+ declare function TooltipProvider({ children, delayDuration, }: {
19
+ children?: React.ReactNode;
20
+ delayDuration?: number;
21
+ }): React.JSX.Element;
22
+ interface TooltipProps {
23
+ children?: React.ReactNode;
24
+ open?: boolean;
25
+ defaultOpen?: boolean;
26
+ onOpenChange?: (open: boolean) => void;
27
+ delayDuration?: number;
28
+ }
29
+ declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
30
+ interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
31
+ asChild?: boolean;
32
+ }
33
+ declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
34
+ interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
35
+ side?: 'top' | 'right' | 'bottom' | 'left';
36
+ sideOffset?: number;
37
+ }
38
+ declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
39
+
40
+ export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
41
+ export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };
@@ -0,0 +1,41 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
4
+
5
+ declare const buttonVariants: (props?: ({
6
+ variant?: "contained" | "outlined" | "ghost" | null | undefined;
7
+ theme?: "destructive" | "inherit" | "primary" | "secondary" | "warning" | "success" | "info" | "slate" | null | undefined;
8
+ size?: "sm" | "md" | "lg" | "xs" | null | undefined;
9
+ iconOnly?: boolean | null | undefined;
10
+ rounded?: boolean | "extra" | null | undefined;
11
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
12
+
13
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
14
+ asChild?: boolean;
15
+ }
16
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
17
+
18
+ declare function TooltipProvider({ children, delayDuration, }: {
19
+ children?: React.ReactNode;
20
+ delayDuration?: number;
21
+ }): React.JSX.Element;
22
+ interface TooltipProps {
23
+ children?: React.ReactNode;
24
+ open?: boolean;
25
+ defaultOpen?: boolean;
26
+ onOpenChange?: (open: boolean) => void;
27
+ delayDuration?: number;
28
+ }
29
+ declare function Tooltip({ children, open: controlledOpen, defaultOpen, onOpenChange, delayDuration, }: TooltipProps): React.JSX.Element;
30
+ interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {
31
+ asChild?: boolean;
32
+ }
33
+ declare function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, ...props }: TooltipTriggerProps): React.JSX.Element;
34
+ interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
35
+ side?: 'top' | 'right' | 'bottom' | 'left';
36
+ sideOffset?: number;
37
+ }
38
+ declare function TooltipContent({ className, children, side, sideOffset, ...props }: TooltipContentProps): React.ReactPortal | null;
39
+
40
+ export { Button as B, Tooltip as T, TooltipContent as b, TooltipProvider as e, TooltipTrigger as f };
41
+ export type { ButtonProps as a, TooltipContentProps as c, TooltipProps as d, TooltipTriggerProps as g };
package/dist/ui.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- 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-DCtv8Gm1.js';
2
- 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-C25-bG7o.js';
1
+ 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-cmvXElP9.js';
2
+ 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-XagXjWLB.js';
3
3
  import 'class-variance-authority';
4
4
  import 'react';
5
5
  import 'class-variance-authority/types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kismet-ux/constellation",
3
- "version": "1.3.0",
3
+ "version": "1.4.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -140,6 +140,7 @@
140
140
  "dev": "vite",
141
141
  "build": "rollup -c && npm run build:types",
142
142
  "build:types": "rollup -c rollup.config.dts.mjs",
143
+ "check:tokens": "node build/check-tokens.mjs",
143
144
  "preview": "vite build && vite preview",
144
145
  "format": "prettier --write src/ dev/",
145
146
  "format:check": "prettier --check src/ dev/",