@rungalileo/jupiter-ds 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _mantine_core from '@mantine/core';
-import { MantineTheme, MantineProviderProps, ButtonProps as ButtonProps$1, ElementProps, CheckboxProps as CheckboxProps$1, BadgeProps as BadgeProps$1, TextInputProps, RadioProps as RadioProps$1, SwitchProps as SwitchProps$1, TabsProps as TabsProps$1, TooltipProps as TooltipProps$1, MenuProps, TableProps as TableProps$1, HoverCardProps } from '@mantine/core';
+import { MantineTheme, MantineProviderProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, BadgeProps as BadgeProps$1, TextInputProps, RadioProps as RadioProps$1, SwitchProps as SwitchProps$1, TabsProps as TabsProps$1, TextareaProps as TextareaProps$1, TooltipProps as TooltipProps$1, MenuProps, TableProps as TableProps$1, HoverCardProps } from '@mantine/core';
 export { TooltipProps as MantineTooltipProps } from '@mantine/core';
 import * as react from 'react';
 import react__default, { ReactNode, CSSProperties, JSX } from 'react';
@@ -161,7 +161,7 @@ declare const typography: {
         readonly base: "24px";
         readonly xs: "16px";
         readonly sm: "20px";
-        readonly lg: "28px";
+        readonly lg: "24px";
         readonly xl: "28px";
         readonly '2xl': "32px";
         readonly '3xl': "36px";
@@ -227,7 +227,7 @@ declare const jupiterTheme: {
     headings?: {
         fontFamily?: string | undefined;
         fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
+        textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
         sizes?: {
             h1?: {
                 fontSize?: string | undefined;
@@ -406,7 +406,7 @@ declare const jupiterCSSVariablesResolver: (theme: MantineTheme) => {
         '--jds-line-height-base': "24px";
         '--jds-line-height-xs': "16px";
         '--jds-line-height-sm': "20px";
-        '--jds-line-height-lg': "28px";
+        '--jds-line-height-lg': "24px";
         '--jds-line-height-xl': "28px";
         '--jds-line-height-2xl': "32px";
         '--jds-line-height-3xl': "36px";
@@ -508,6 +508,8 @@ declare const jupiterCSSVariablesResolver: (theme: MantineTheme) => {
         '--jds-color-neutral-9': "#171717";
         '--jds-color-menu-hover-bg': string;
         '--jds-color-menu-hover-accent': string;
+        '--jds-color-hover-card-bg': "#DAEAFD";
+        '--jds-color-hover-card-border': "#0085FF";
     };
     dark: {
         '--jds-color-primary': "#f3e8ff";
@@ -583,6 +585,8 @@ declare const jupiterCSSVariablesResolver: (theme: MantineTheme) => {
         '--jds-color-neutral-9': "#f5f5f5";
         '--jds-color-menu-hover-bg': string;
         '--jds-color-menu-hover-accent': string;
+        '--jds-color-hover-card-bg': string;
+        '--jds-color-hover-card-border': "#DAEAFD";
     };
 };
 declare const JupiterThemeProvider: ({ children, ...props }: {
@@ -629,7 +633,7 @@ interface BadgeProps {
  */
 declare const Badge: react.NamedExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
-interface ButtonProps extends Omit<ButtonProps$1, 'color' | 'variant' | 'size'>, ElementProps<'button'> {
+interface ButtonProps extends Omit<ButtonProps$1, 'color' | 'variant' | 'size'> {
     /**
      * Button variant
      * @default 'filled'
@@ -665,10 +669,20 @@ interface ButtonProps extends Omit<ButtonProps$1, 'color' | 'variant' | 'size'>,
     'data-testid': string;
 }
 /**
- * Button component based on Jupiter Design System
- * Supports multiple variants, sizes, and states
+ * Button component with polymorphic support
+ * Can be rendered as any element using the `component` prop
+ * @example
+ * <Button component={Link} href="/path">Link Button</Button>
  */
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Button: (<C = "button">(props: _mantine_core.PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement) & Omit<react.FunctionComponent<(ButtonProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, keyof ButtonProps | "component"> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ButtonProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
 
 interface CardProps {
     /** Will be hidden if no title is provided */
@@ -917,11 +931,12 @@ interface SwitchProps extends Omit<SwitchProps$1, 'description'> {
  */
 declare const Switch: react.NamedExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
 
+type TabsVariant = 'pills' | 'line';
 interface TabItem {
     /** Unique identifier for the tab */
     value: string;
-    /** Tab label text */
-    label: string;
+    /** Tab label text or element */
+    label: ReactNode;
     /** Tab content. If not provided, you will need to control the content outside the Tabs component.*/
     children?: ReactNode;
     /** Tab icon (optional) */
@@ -933,7 +948,9 @@ interface TabItem {
     /** Test identifier for testing purposes */
     'data-testid'?: string;
 }
-interface TabsProps extends Omit<TabsProps$1, 'children'> {
+interface TabsProps extends Omit<TabsProps$1, 'children' | 'variant'> {
+    /** Variant (supports Mantine and Jupiter DS variants) */
+    variant?: TabsProps$1['variant'] | TabsVariant;
     /** Array of tab items */
     items: TabItem[];
     /** Currently active tab value */
@@ -953,6 +970,22 @@ interface TabsProps extends Omit<TabsProps$1, 'children'> {
  */
 declare const Tabs: react.NamedExoticComponent<TabsProps & react.RefAttributes<HTMLDivElement>>;
 
+interface TextareaProps extends TextareaProps$1 {
+    /** Main label text for the textarea field */
+    label?: string;
+    /** Optional description text below the textarea */
+    description?: string;
+    /** Position of the label relative to the textarea */
+    labelPosition?: 'above' | 'left';
+    /** Test identifier for testing purposes */
+    'data-testid'?: string;
+}
+/**
+ * Textarea component that provides a consistent multi-line text input with optional
+ * label and description text following design system specifications.
+ */
+declare const Textarea: react.NamedExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
 interface TooltipProps extends TooltipProps$1 {
     /**
      * Test ID for testing and automation purposes
@@ -1052,6 +1085,63 @@ declare const calendarClassNames: {
     readonly day: string;
 };
 
+type TimeRangeType = 'last5Mins' | 'last15Mins' | 'last30Mins' | 'lastHour' | 'last3Hours' | 'last6Hours' | 'last12Hours' | 'last24Hours' | 'last2Days' | 'lastWeek' | 'lastMonth' | 'last6Months' | 'lastYear' | 'custom';
+interface TimeRangeOption {
+    /** Display label for the option */
+    label: string;
+    /** Value identifier */
+    value: TimeRangeType;
+}
+interface TimeRangeValue {
+    /** Selected time range type */
+    type: TimeRangeType;
+    /** Custom start date (ISO string) */
+    customStart?: string;
+    /** Custom end date (ISO string) */
+    customEnd?: string;
+    /** Custom start time (HH:mm:ss format) */
+    customFromTime?: string;
+    /** Custom end time (HH:mm:ss format) */
+    customToTime?: string;
+}
+interface TimeRangeSwitchProps {
+    /** Current value */
+    value: TimeRangeValue;
+    /** Callback when value changes */
+    onChange: (value: TimeRangeValue) => void;
+    /** Quick segment options (shown as buttons) */
+    segmentOptions?: TimeRangeOption[];
+    /** All time range options for dropdown menu */
+    menuOptions?: TimeRangeOption[];
+    /** Whether the dropdown menu is open */
+    isMenuOpen?: boolean;
+    /** Callback when menu open state changes */
+    onMenuOpenChange?: (isOpen: boolean) => void;
+    /** Maximum selectable date (defaults to today) */
+    maxDate?: Date;
+    /** Minimum time range in milliseconds */
+    minRangeMs?: number;
+    /** Timezone display string */
+    timezone?: string;
+    /** Additional CSS class name */
+    className?: string;
+    /** Additional inline styles (for CSS variables only) */
+    style?: React.CSSProperties;
+    /** Data test id for testing */
+    'data-testid'?: string;
+}
+/**
+ * TimeRangeSwitch component for selecting time ranges.
+ *
+ * Features:
+ * - Quick segment options (12H, 1D, 1W, etc.)
+ * - Dropdown with all relative time options
+ * - Custom absolute date/time range picker
+ * - Timezone display
+ * - Validation for minimum range
+ */
+declare const TimeRangeSwitch: react.NamedExoticComponent<TimeRangeSwitchProps & react.RefAttributes<HTMLDivElement>>;
+
 type DropdownMenuItemType = 'checkbox' | 'radio' | 'text' | 'title' | 'link' | 'divider' | 'menu';
 interface DropdownMenuItem {
     /** Unique identifier for the item, used for click handling */
@@ -1091,7 +1181,7 @@ interface DropdownMenuProps extends Omit<MenuProps, 'children'> {
     /** Trigger element for the dropdown */
     children?: ReactNode;
     /** Label for the default dropdown button */
-    label?: string;
+    label?: string | ReactNode;
     /** Handler for checkbox changes. This handler should be memoized. */
     onCheckboxChange?: (itemValue: string, checked: boolean) => void;
     /** Handler for radio group changes. This handler should be memoized. */
@@ -1161,6 +1251,8 @@ interface TableProps<T> extends Omit<TableProps$1, 'children' | 'data'> {
     sorting?: SortingState;
     /** Handler for sorting change (controlled) */
     onSortingChange?: OnChangeFn<SortingState>;
+    /** Maximum height of the table (enables vertical scrolling with sticky header) */
+    maxHeight?: number | string;
 }
 /**
  * Flexible table component built with TanStack Table and Mantine.
@@ -1213,5 +1305,5 @@ declare const DetailedPopover: react.NamedExoticComponent<DetailedPopoverProps>;
 
 declare const TemporaryFakeOrganism: () => null;
 
-export { Badge, Button, Calendar, Card, Checkbox, CodeBlock, DataPill, DateInput, DateTimePicker, DetailedPopover, DropdownMenu, FileInput, Input, InteractiveChip, JupiterThemeProvider, Link, Radio, Switch, Table, Tabs, TemporaryFakeOrganism, Tooltip, buttonVariants, calendarClassNames, colors, componentVariantVariables, createButtonVars, jupiterCSSVariablesResolver, jupiterTheme, radius, shadows, spacing, typography, zIndex };
-export type { BadgeProps, ButtonProps, ButtonVariant, CalendarProps, CardProps, CheckboxProps, CodeBlockProps, DataPillProps, DateInputProps, DateTimePickerProps, DetailedPopoverProps, DropdownMenuItem, DropdownMenuItemType, DropdownMenuProps, FileInputProps, InputProps, InteractiveChipProps, InteractiveChipRightSection, JupiterLinkProps as LinkProps, RadioProps, RadiusToken, ShadowToken, SpacingToken, SwitchProps, TabItem, TableProps, TabsProps, TooltipProps, TypographyToken, ZIndexToken };
+export { Badge, Button, Calendar, Card, Checkbox, CodeBlock, DataPill, DateInput, DateTimePicker, DetailedPopover, DropdownMenu, FileInput, Input, InteractiveChip, JupiterThemeProvider, Link, Radio, Switch, Table, Tabs, TemporaryFakeOrganism, Textarea, TimeRangeSwitch, Tooltip, buttonVariants, calendarClassNames, colors, componentVariantVariables, createButtonVars, jupiterCSSVariablesResolver, jupiterTheme, radius, shadows, spacing, typography, zIndex };
+export type { BadgeProps, ButtonProps, ButtonVariant, CalendarProps, CardProps, CheckboxProps, CodeBlockProps, DataPillProps, DateInputProps, DateTimePickerProps, DetailedPopoverProps, DropdownMenuItem, DropdownMenuItemType, DropdownMenuProps, FileInputProps, InputProps, InteractiveChipProps, InteractiveChipRightSection, JupiterLinkProps as LinkProps, RadioProps, RadiusToken, ShadowToken, SpacingToken, SwitchProps, TabItem, TableProps, TabsProps, TabsVariant, TextareaProps, TimeRangeOption, TimeRangeSwitchProps, TimeRangeType, TimeRangeValue, TooltipProps, TypographyToken, ZIndexToken };

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}