@gv-tech/design-system 2.20.0 → 2.21.1

package/dist/packages/design-tokens/src/preset.d.ts

@@ -0,0 +1,107 @@
+export declare const preset: {
+    theme: {
+        extend: {
+            colors: {
+                background: string;
+                foreground: string;
+                card: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                popover: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                primary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                secondary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                muted: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                destructive: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                border: string;
+                input: string;
+                ring: string;
+                brand: {
+                    blue: string;
+                    green: string;
+                    'floral-white': string;
+                };
+                neutral: {
+                    white: string;
+                    black: string;
+                    gray50: string;
+                    gray100: string;
+                    gray200: string;
+                    gray300: string;
+                    gray400: string;
+                    gray500: string;
+                    gray600: string;
+                    gray700: string;
+                    gray800: string;
+                    gray900: string;
+                    gray950: string;
+                    gray975: string;
+                    gray990: string;
+                };
+                semantic: {
+                    success: string;
+                    'success-dark': string;
+                    destructive: string;
+                    'destructive-dark': string;
+                };
+            };
+            borderRadius: {
+                lg: string;
+                md: string;
+                sm: string;
+                xl: string;
+                '2xl': string;
+            };
+            boxShadow: {
+                sm: string;
+                DEFAULT: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                inner: string;
+            };
+            keyframes: {
+                'accordion-down': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                'accordion-up': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+            };
+            animation: {
+                'accordion-down': string;
+                'accordion-up': string;
+            };
+        };
+    };
+};

package/dist/packages/design-tokens/src/radii.d.ts

@@ -0,0 +1,20 @@
+export declare const radii: {
+    readonly none: "0";
+    readonly sm: "calc(var(--radius) - 4px)";
+    readonly md: "calc(var(--radius) - 2px)";
+    readonly lg: "var(--radius)";
+    readonly xl: "calc(var(--radius) + 4px)";
+    readonly '2xl': "calc(var(--radius) + 8px)";
+    readonly full: "9999px";
+};
+export declare const radiiNumeric: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly '2xl': 16;
+    readonly full: 9999;
+};
+export type RadiiTokens = typeof radii;
+export type RadiiNumericTokens = typeof radiiNumeric;

package/dist/packages/design-tokens/src/shadows.d.ts

@@ -0,0 +1,11 @@
+export declare const shadows: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly default: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
+    readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
+};
+export type ShadowTokens = typeof shadows;

package/dist/packages/design-tokens/src/spacing.d.ts

@@ -0,0 +1,29 @@
+export declare const spacing: {
+    readonly px: "1px";
+    readonly 0: "0";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 3.5: "0.875rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 9: "2.25rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 14: "3.5rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 32: "8rem";
+    readonly 40: "10rem";
+    readonly 48: "12rem";
+    readonly 56: "14rem";
+    readonly 64: "16rem";
+};
+export type SpacingTokens = typeof spacing;

package/dist/packages/design-tokens/src/theme.d.ts

@@ -0,0 +1,47 @@
+export declare const theme: {
+    readonly light: {
+        readonly background: "hsl(0 0% 96%)";
+        readonly foreground: "hsl(222 47% 11%)";
+        readonly card: "hsl(0 0% 100%)";
+        readonly cardForeground: "hsl(222 47% 11%)";
+        readonly popover: "hsl(0 0% 100%)";
+        readonly popoverForeground: "hsl(222 47% 11%)";
+        readonly primary: "hsl(225 73% 57%)";
+        readonly primaryForeground: "hsl(0 0% 100%)";
+        readonly secondary: "hsl(93 28% 54%)";
+        readonly secondaryForeground: "hsl(0 0% 100%)";
+        readonly muted: "hsl(0 0% 92%)";
+        readonly mutedForeground: "hsl(215 16% 47%)";
+        readonly accent: "hsl(0 0% 88%)";
+        readonly accentForeground: "hsl(222 47% 11%)";
+        readonly destructive: "hsl(0 84.2% 60.2%)";
+        readonly destructiveForeground: "hsl(0 0% 100%)";
+        readonly border: "hsl(0 0% 89%)";
+        readonly input: "hsl(0 0% 89%)";
+        readonly ring: "hsl(222 47% 11%)";
+        readonly radius: "0.5rem";
+    };
+    readonly dark: {
+        readonly background: "hsl(0 0% 9%)";
+        readonly foreground: "hsl(0 0% 100%)";
+        readonly card: "hsl(0 0% 14%)";
+        readonly cardForeground: "hsl(0 0% 100%)";
+        readonly popover: "hsl(0 0% 11%)";
+        readonly popoverForeground: "hsl(0 0% 100%)";
+        readonly primary: "hsl(227 96% 71%)";
+        readonly primaryForeground: "hsl(0 0% 9%)";
+        readonly secondary: "hsl(96 44% 61%)";
+        readonly secondaryForeground: "hsl(0 0% 9%)";
+        readonly muted: "hsl(0 0% 6%)";
+        readonly mutedForeground: "hsl(0 0% 70%)";
+        readonly accent: "hsl(0 0% 15%)";
+        readonly accentForeground: "hsl(0 0% 100%)";
+        readonly destructive: "hsl(0 62.8% 30.6%)";
+        readonly destructiveForeground: "hsl(0 0% 100%)";
+        readonly border: "hsl(0 0% 18%)";
+        readonly input: "hsl(0 0% 18%)";
+        readonly ring: "hsl(0 0% 90%)";
+        readonly radius: "0.5rem";
+    };
+};
+export type ThemeTokens = typeof theme.light;

package/dist/packages/design-tokens/src/typography.d.ts

@@ -0,0 +1,32 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.875rem";
+        readonly '4xl': "2.25rem";
+        readonly '5xl': "3rem";
+    };
+    readonly fontWeight: {
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "2";
+    };
+};
+export type TypographyTokens = typeof typography;

package/dist/packages/ui-core/src/contracts/accordion.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface AccordionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionItemBaseProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionTriggerBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AccordionContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/alert-dialog.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export interface AlertDialogBaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+export interface AlertDialogContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogHeaderBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogFooterBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogTitleBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogDescriptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogActionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogCancelBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDialogTriggerBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+}

package/dist/packages/ui-core/src/contracts/alert.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface AlertBaseProps {
+    variant?: 'default' | 'destructive' | 'warning' | 'info';
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertTitleBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AlertDescriptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/aspect-ratio.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface AspectRatioBaseProps {
+    ratio?: number;
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/avatar.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface AvatarBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface AvatarImageBaseProps {
+    className?: string;
+    src?: string;
+    alt?: string;
+}
+export interface AvatarFallbackBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/badge.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface BadgeBaseProps {
+    variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/breadcrumb.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+export interface BreadcrumbBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbListBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbLinkBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+}
+export interface BreadcrumbPageBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbSeparatorBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface BreadcrumbEllipsisBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/button.d.ts

@@ -0,0 +1,9 @@
+export declare const buttonVariantValues: readonly ["default", "destructive", "outline", "secondary", "ghost", "link"];
+export type ButtonVariant = (typeof buttonVariantValues)[number];
+export declare const buttonSizeValues: readonly ["default", "sm", "lg", "icon"];
+export type ButtonSize = (typeof buttonSizeValues)[number];
+export interface ButtonBaseProps {
+    disabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/calendar.d.ts

@@ -0,0 +1,4 @@
+export interface CalendarBaseProps {
+    className?: string;
+    showOutsideDays?: boolean;
+}

package/dist/packages/ui-core/src/contracts/card.d.ts

@@ -0,0 +1,5 @@
+export interface CardBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export type CardSubComponent = 'Card' | 'CardHeader' | 'CardTitle' | 'CardDescription' | 'CardContent' | 'CardFooter';

package/dist/packages/ui-core/src/contracts/carousel.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface CarouselBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface CarouselContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CarouselItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CarouselPreviousBaseProps {
+    className?: string;
+    variant?: string;
+    size?: string;
+}
+export interface CarouselNextBaseProps {
+    className?: string;
+    variant?: string;
+    size?: string;
+}

package/dist/packages/ui-core/src/contracts/chart.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<string, string>;
+    });
+};
+export interface ChartContainerBaseProps {
+    config: ChartConfig;
+    className?: string;
+    children?: React.ReactNode;
+    id?: string;
+}
+export interface ChartTooltipContentBaseProps {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+    className?: string;
+    labelClassName?: string;
+}
+export interface ChartLegendContentBaseProps {
+    hideIcon?: boolean;
+    nameKey?: string;
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/checkbox.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxBaseProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    className?: string;
+    onCheckedChange?: (checked: boolean) => void;
+}

package/dist/packages/ui-core/src/contracts/collapsible.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface CollapsibleBaseProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface CollapsibleTriggerBaseProps {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface CollapsibleContentBaseProps {
+    asChild?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}

package/dist/packages/ui-core/src/contracts/command.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface CommandBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CommandInputBaseProps {
+    className?: string;
+    placeholder?: string;
+}
+export interface CommandListBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CommandEmptyBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CommandGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    heading?: React.ReactNode;
+}
+export interface CommandItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    onSelect?: (value: string) => void;
+    value?: string;
+}
+export interface CommandSeparatorBaseProps {
+    className?: string;
+}
+export interface CommandShortcutBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/packages/ui-core/src/contracts/context-menu.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+export interface ContextMenuBaseProps {
+    children?: React.ReactNode;
+}
+export interface ContextMenuTriggerBaseProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export interface ContextMenuContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ContextMenuItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    inset?: boolean;
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+}
+export interface ContextMenuCheckboxItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    checked?: boolean | 'indeterminate';
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+}
+export interface ContextMenuRadioItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface ContextMenuLabelBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    inset?: boolean;
+}
+export interface ContextMenuSeparatorBaseProps {
+    className?: string;
+}
+export interface ContextMenuShortcutBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ContextMenuSubBaseProps {
+    children?: React.ReactNode;
+}
+export interface ContextMenuSubTriggerBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    inset?: boolean;
+}
+export interface ContextMenuSubContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface ContextMenuGroupBaseProps {
+    children?: React.ReactNode;
+}
+export interface ContextMenuRadioGroupBaseProps {
+    children?: React.ReactNode;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}

package/dist/packages/ui-core/src/contracts/dialog.d.ts

@@ -0,0 +1,13 @@
+export interface DialogBaseProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+export interface DialogContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    title?: string;
+    description?: string;
+}
+export type DialogSubComponent = 'Dialog' | 'DialogTrigger' | 'DialogContent' | 'DialogHeader' | 'DialogTitle' | 'DialogDescription' | 'DialogFooter' | 'DialogClose';

package/dist/packages/ui-core/src/contracts/drawer.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface DrawerBaseProps {
+    children?: React.ReactNode;
+    shouldScaleBackground?: boolean;
+}
+export interface DrawerTriggerBaseProps {
+    children: React.ReactNode;
+}
+export interface DrawerContentBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface DrawerHeaderBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface DrawerFooterBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface DrawerTitleBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface DrawerDescriptionBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface DrawerCloseBaseProps {
+    children?: React.ReactNode;
+}