@ikatec/nebula-react 1.11.0-beta.5 → 1.11.0

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.
package/dist/index.d.mts CHANGED
@@ -840,7 +840,8 @@ declare enum SpaceSizeEnum {
840
840
  md = "gap-3",
841
841
  lg = "gap-4",
842
842
  xl = "gap-5",
843
- '2xl' = "gap-6"
843
+ '2xl' = "gap-6",
844
+ '3xl' = "gap-7"
844
845
  }
845
846
  declare enum SpaceDirectionEnum {
846
847
  row = "flex-row",
@@ -849,7 +850,7 @@ declare enum SpaceDirectionEnum {
849
850
  type SpaceDirectionType = keyof typeof SpaceDirectionEnum;
850
851
  type SpaceSizeType = keyof typeof SpaceSizeEnum;
851
852
  declare const spaceVariantsConfig: (props?: ({
852
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
853
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
853
854
  direction?: "row" | "column" | null | undefined;
854
855
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
855
856
  interface SpaceProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spaceVariantsConfig> {
@@ -897,6 +898,10 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
897
898
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
898
899
  noCardWrapper?: boolean;
899
900
  }
901
+ /**
902
+ * Table component that can be used with or without a card wrapper.
903
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
904
+ */
900
905
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
901
906
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
902
907
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -907,29 +912,10 @@ declare const variants: {
907
912
  second: string;
908
913
  };
909
914
  };
910
- interface TableRowDetailsProps {
911
- children: React$1.ReactNode;
912
- className?: string;
913
- }
914
- declare const TableRowDetails: {
915
- ({ children, className }: TableRowDetailsProps): react_jsx_runtime.JSX.Element;
916
- displayName: string;
917
- };
918
915
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
919
916
  variant?: keyof typeof variants.variant;
920
- open?: boolean;
921
- defaultOpen?: boolean;
922
- onOpenChange?: (open: boolean) => void;
923
917
  }
924
918
  declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
925
- interface TableRowDetailsTriggerProps {
926
- children: React$1.ReactNode;
927
- asChild?: boolean;
928
- }
929
- declare const TableRowDetailsTrigger: {
930
- ({ children, asChild, }: TableRowDetailsTriggerProps): react_jsx_runtime.JSX.Element;
931
- displayName: string;
932
- };
933
919
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
934
920
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
935
921
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1251,4 +1237,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1251
1237
 
1252
1238
  declare const useIsMobile: (breakpoint?: number) => boolean;
1253
1239
 
1254
- export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, Combobox, type Option as ComboboxOption, type ComboboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, type InputBaseProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnBodyContext, type KanbanRenderColumnContext, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, type SidebarProps, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowDetails, TableRowDetailsTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, type TagVariantsType, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
1240
+ export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, Combobox, type Option as ComboboxOption, type ComboboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, type InputBaseProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnBodyContext, type KanbanRenderColumnContext, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, type SidebarProps, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, type TagVariantsType, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
package/dist/index.d.ts CHANGED
@@ -840,7 +840,8 @@ declare enum SpaceSizeEnum {
840
840
  md = "gap-3",
841
841
  lg = "gap-4",
842
842
  xl = "gap-5",
843
- '2xl' = "gap-6"
843
+ '2xl' = "gap-6",
844
+ '3xl' = "gap-7"
844
845
  }
845
846
  declare enum SpaceDirectionEnum {
846
847
  row = "flex-row",
@@ -849,7 +850,7 @@ declare enum SpaceDirectionEnum {
849
850
  type SpaceDirectionType = keyof typeof SpaceDirectionEnum;
850
851
  type SpaceSizeType = keyof typeof SpaceSizeEnum;
851
852
  declare const spaceVariantsConfig: (props?: ({
852
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
853
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
853
854
  direction?: "row" | "column" | null | undefined;
854
855
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
855
856
  interface SpaceProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spaceVariantsConfig> {
@@ -897,6 +898,10 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
897
898
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
898
899
  noCardWrapper?: boolean;
899
900
  }
901
+ /**
902
+ * Table component that can be used with or without a card wrapper.
903
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
904
+ */
900
905
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
901
906
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
902
907
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -907,29 +912,10 @@ declare const variants: {
907
912
  second: string;
908
913
  };
909
914
  };
910
- interface TableRowDetailsProps {
911
- children: React$1.ReactNode;
912
- className?: string;
913
- }
914
- declare const TableRowDetails: {
915
- ({ children, className }: TableRowDetailsProps): react_jsx_runtime.JSX.Element;
916
- displayName: string;
917
- };
918
915
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
919
916
  variant?: keyof typeof variants.variant;
920
- open?: boolean;
921
- defaultOpen?: boolean;
922
- onOpenChange?: (open: boolean) => void;
923
917
  }
924
918
  declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
925
- interface TableRowDetailsTriggerProps {
926
- children: React$1.ReactNode;
927
- asChild?: boolean;
928
- }
929
- declare const TableRowDetailsTrigger: {
930
- ({ children, asChild, }: TableRowDetailsTriggerProps): react_jsx_runtime.JSX.Element;
931
- displayName: string;
932
- };
933
919
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
934
920
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
935
921
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1251,4 +1237,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1251
1237
 
1252
1238
  declare const useIsMobile: (breakpoint?: number) => boolean;
1253
1239
 
1254
- export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, Combobox, type Option as ComboboxOption, type ComboboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, type InputBaseProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnBodyContext, type KanbanRenderColumnContext, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, type SidebarProps, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowDetails, TableRowDetailsTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, type TagVariantsType, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
1240
+ export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, type BadgeProps, BannerAlert, type BannerAlertProps, BannerType, BannerVariant, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Caption, type CaptionProps, Checkbox, type CheckboxProps, Combobox, type Option as ComboboxOption, type ComboboxProps, StyledCreatable as Creatable, Cropper, CropperCropArea, CropperDescription, CropperImage, type CropperProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type FileMetadata, FileUpload, type FileUploadActions, FileUploadError, type FileUploadOptions, type FileUploadProps, type FileUploadState, type FileWithPreview, Heading, type HeadingProps, type InputBaseProps, InputDatePickerSingle, type InputDatePickerSingleProps, InputDateRangePicker, type InputDateRangePickerProps, InputDateTimePickerSingle, type InputDateTimePickerSingleProps, InputPhone, InputText, type InputTextProps, InputTime, type InputTimeProps, KanbanBoard, type KanbanBoardCard, type KanbanBoardColumn, type KanbanBoardProps, KanbanCard, type KanbanCardDropEvent, KanbanColumn, KanbanColumnDragHandle, type KanbanColumnDropEvent, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, type KanbanOrderingMode, type KanbanRenderCardContext, type KanbanRenderColumnBodyContext, type KanbanRenderColumnContext, Label, Link, type LinkProps, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Popover, PopoverContent, type PopoverContentProps, PopoverTrigger, ProfileImage, type ProfileImageProps, RadioGroup, RadioGroupItem, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, type SidebarProps, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, type SkeletonProps, Slider, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, type TagVariantsType, TextArea, type TextAreaProps, TipCard, TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
package/dist/index.js CHANGED
@@ -2216,6 +2216,7 @@ var SpaceSizeEnum = /* @__PURE__ */ ((SpaceSizeEnum2) => {
2216
2216
  SpaceSizeEnum2["lg"] = "gap-4";
2217
2217
  SpaceSizeEnum2["xl"] = "gap-5";
2218
2218
  SpaceSizeEnum2["2xl"] = "gap-6";
2219
+ SpaceSizeEnum2["3xl"] = "gap-7";
2219
2220
  return SpaceSizeEnum2;
2220
2221
  })(SpaceSizeEnum || {});
2221
2222
  var SpaceDirectionEnum = /* @__PURE__ */ ((SpaceDirectionEnum2) => {
@@ -2229,7 +2230,8 @@ var size3 = {
2229
2230
  md: "gap-3" /* md */,
2230
2231
  lg: "gap-4" /* lg */,
2231
2232
  xl: "gap-5" /* xl */,
2232
- "2xl": "gap-6" /* 2xl */
2233
+ "2xl": "gap-6" /* 2xl */,
2234
+ "3xl": "gap-7" /* 3xl */
2233
2235
  };
2234
2236
  var direction = {
2235
2237
  row: "flex-row" /* row */,
@@ -8062,93 +8064,17 @@ var tableRowVariantsConfig = classVarianceAuthority.cva(
8062
8064
  }
8063
8065
  }
8064
8066
  );
8065
- var TableRowContext = React25__namespace.createContext(null);
8066
- var TableRowDetails = ({ children, className }) => {
8067
- const ctx = React25__namespace.useContext(TableRowContext);
8068
- const isOpen = ctx?.isOpen ?? false;
8069
- return /* @__PURE__ */ jsxRuntime.jsx(
8067
+ var TableRow = React25__namespace.forwardRef(
8068
+ ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
8070
8069
  "tr",
8071
8070
  {
8072
- className: cn(
8073
- "border-table-cell-border transition-colors",
8074
- isOpen && "bg-table-cell-background-second-layer"
8075
- ),
8076
- children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 9999, className: "nebula-ds p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
8077
- "div",
8078
- {
8079
- className: cn(
8080
- "grid transition-all duration-200 ease-in-out",
8081
- isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
8082
- ),
8083
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden", isOpen && "p-4", className), children })
8084
- }
8085
- ) })
8071
+ ref,
8072
+ className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8073
+ ...props
8086
8074
  }
8087
- );
8088
- };
8089
- TableRowDetails.displayName = "TableRowDetails";
8090
- var TableRow = React25__namespace.forwardRef(
8091
- ({
8092
- className,
8093
- variant: variant3 = "first",
8094
- open: openProp,
8095
- defaultOpen = false,
8096
- onOpenChange,
8097
- children,
8098
- ...props
8099
- }, ref) => {
8100
- const [openState, setOpenState] = React25__namespace.useState(defaultOpen);
8101
- const isOpen = openProp !== void 0 ? openProp : openState;
8102
- const toggle = React25__namespace.useCallback(() => {
8103
- const next = !isOpen;
8104
- if (openProp === void 0) setOpenState(next);
8105
- onOpenChange?.(next);
8106
- }, [isOpen, openProp, onOpenChange]);
8107
- const mainChildren = [];
8108
- const detailsChildren = [];
8109
- React25__namespace.Children.forEach(children, (child) => {
8110
- if (React25__namespace.isValidElement(child) && child.type === TableRowDetails) {
8111
- detailsChildren.push(child);
8112
- } else {
8113
- mainChildren.push(child);
8114
- }
8115
- });
8116
- const hasDetails = detailsChildren.length > 0;
8117
- const trElement = /* @__PURE__ */ jsxRuntime.jsx(
8118
- "tr",
8119
- {
8120
- ref,
8121
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8122
- ...props,
8123
- children: hasDetails ? mainChildren : children
8124
- }
8125
- );
8126
- if (!hasDetails) return trElement;
8127
- return /* @__PURE__ */ jsxRuntime.jsxs(TableRowContext.Provider, { value: { isOpen, toggle }, children: [
8128
- trElement,
8129
- detailsChildren
8130
- ] });
8131
- }
8075
+ )
8132
8076
  );
8133
8077
  TableRow.displayName = "TableRow";
8134
- var TableRowDetailsTrigger = ({
8135
- children,
8136
- asChild = false
8137
- }) => {
8138
- const ctx = React25__namespace.useContext(TableRowContext);
8139
- const Comp = asChild ? reactSlot.Slot : "button";
8140
- return /* @__PURE__ */ jsxRuntime.jsx(
8141
- Comp,
8142
- {
8143
- ...!asChild && { type: "button" },
8144
- onClick: ctx?.toggle,
8145
- "aria-expanded": ctx?.isOpen,
8146
- "data-state": ctx?.isOpen ? "open" : "closed",
8147
- children
8148
- }
8149
- );
8150
- };
8151
- TableRowDetailsTrigger.displayName = "TableRowDetailsTrigger";
8152
8078
  var TableHead = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
8153
8079
  "th",
8154
8080
  {
@@ -9465,8 +9391,6 @@ exports.TableFooter = TableFooter;
9465
9391
  exports.TableHead = TableHead;
9466
9392
  exports.TableHeader = TableHeader;
9467
9393
  exports.TableRow = TableRow;
9468
- exports.TableRowDetails = TableRowDetails;
9469
- exports.TableRowDetailsTrigger = TableRowDetailsTrigger;
9470
9394
  exports.Tabs = Tabs;
9471
9395
  exports.TabsContent = TabsContent;
9472
9396
  exports.TabsList = TabsList;
package/dist/index.mjs CHANGED
@@ -2173,6 +2173,7 @@ var SpaceSizeEnum = /* @__PURE__ */ ((SpaceSizeEnum2) => {
2173
2173
  SpaceSizeEnum2["lg"] = "gap-4";
2174
2174
  SpaceSizeEnum2["xl"] = "gap-5";
2175
2175
  SpaceSizeEnum2["2xl"] = "gap-6";
2176
+ SpaceSizeEnum2["3xl"] = "gap-7";
2176
2177
  return SpaceSizeEnum2;
2177
2178
  })(SpaceSizeEnum || {});
2178
2179
  var SpaceDirectionEnum = /* @__PURE__ */ ((SpaceDirectionEnum2) => {
@@ -2186,7 +2187,8 @@ var size3 = {
2186
2187
  md: "gap-3" /* md */,
2187
2188
  lg: "gap-4" /* lg */,
2188
2189
  xl: "gap-5" /* xl */,
2189
- "2xl": "gap-6" /* 2xl */
2190
+ "2xl": "gap-6" /* 2xl */,
2191
+ "3xl": "gap-7" /* 3xl */
2190
2192
  };
2191
2193
  var direction = {
2192
2194
  row: "flex-row" /* row */,
@@ -8019,93 +8021,17 @@ var tableRowVariantsConfig = cva(
8019
8021
  }
8020
8022
  }
8021
8023
  );
8022
- var TableRowContext = React25.createContext(null);
8023
- var TableRowDetails = ({ children, className }) => {
8024
- const ctx = React25.useContext(TableRowContext);
8025
- const isOpen = ctx?.isOpen ?? false;
8026
- return /* @__PURE__ */ jsx(
8024
+ var TableRow = React25.forwardRef(
8025
+ ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsx(
8027
8026
  "tr",
8028
8027
  {
8029
- className: cn(
8030
- "border-table-cell-border transition-colors",
8031
- isOpen && "bg-table-cell-background-second-layer"
8032
- ),
8033
- children: /* @__PURE__ */ jsx("td", { colSpan: 9999, className: "nebula-ds p-0", children: /* @__PURE__ */ jsx(
8034
- "div",
8035
- {
8036
- className: cn(
8037
- "grid transition-all duration-200 ease-in-out",
8038
- isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
8039
- ),
8040
- children: /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden", isOpen && "p-4", className), children })
8041
- }
8042
- ) })
8028
+ ref,
8029
+ className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8030
+ ...props
8043
8031
  }
8044
- );
8045
- };
8046
- TableRowDetails.displayName = "TableRowDetails";
8047
- var TableRow = React25.forwardRef(
8048
- ({
8049
- className,
8050
- variant: variant3 = "first",
8051
- open: openProp,
8052
- defaultOpen = false,
8053
- onOpenChange,
8054
- children,
8055
- ...props
8056
- }, ref) => {
8057
- const [openState, setOpenState] = React25.useState(defaultOpen);
8058
- const isOpen = openProp !== void 0 ? openProp : openState;
8059
- const toggle = React25.useCallback(() => {
8060
- const next = !isOpen;
8061
- if (openProp === void 0) setOpenState(next);
8062
- onOpenChange?.(next);
8063
- }, [isOpen, openProp, onOpenChange]);
8064
- const mainChildren = [];
8065
- const detailsChildren = [];
8066
- React25.Children.forEach(children, (child) => {
8067
- if (React25.isValidElement(child) && child.type === TableRowDetails) {
8068
- detailsChildren.push(child);
8069
- } else {
8070
- mainChildren.push(child);
8071
- }
8072
- });
8073
- const hasDetails = detailsChildren.length > 0;
8074
- const trElement = /* @__PURE__ */ jsx(
8075
- "tr",
8076
- {
8077
- ref,
8078
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8079
- ...props,
8080
- children: hasDetails ? mainChildren : children
8081
- }
8082
- );
8083
- if (!hasDetails) return trElement;
8084
- return /* @__PURE__ */ jsxs(TableRowContext.Provider, { value: { isOpen, toggle }, children: [
8085
- trElement,
8086
- detailsChildren
8087
- ] });
8088
- }
8032
+ )
8089
8033
  );
8090
8034
  TableRow.displayName = "TableRow";
8091
- var TableRowDetailsTrigger = ({
8092
- children,
8093
- asChild = false
8094
- }) => {
8095
- const ctx = React25.useContext(TableRowContext);
8096
- const Comp = asChild ? Slot : "button";
8097
- return /* @__PURE__ */ jsx(
8098
- Comp,
8099
- {
8100
- ...!asChild && { type: "button" },
8101
- onClick: ctx?.toggle,
8102
- "aria-expanded": ctx?.isOpen,
8103
- "data-state": ctx?.isOpen ? "open" : "closed",
8104
- children
8105
- }
8106
- );
8107
- };
8108
- TableRowDetailsTrigger.displayName = "TableRowDetailsTrigger";
8109
8035
  var TableHead = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
8110
8036
  "th",
8111
8037
  {
@@ -9270,4 +9196,4 @@ var tailwind = {
9270
9196
  // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
9271
9197
  };
9272
9198
 
9273
- export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, BannerAlert, BannerType, BannerVariant, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, Combobox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateRangePicker, InputDateTimePickerSingle, InputPhone, InputText, InputTime, KanbanBoard, KanbanCard, KanbanColumn, KanbanColumnDragHandle, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, Label2 as Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowDetails, TableRowDetailsTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, TipCard, TipCardContent2 as TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages22 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
9199
+ export { Accordion, AccordionContent, AccordionDescription, AccordionItem, AccordionTitle, AccordionTrigger, ActionBar, ActionBarButton, ActionBarClose, ActionBarContent, ActionBarDivider, ActionBarPortal, ActionBarTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Avatar, AvatarFallback, AvatarHoverAction, AvatarImage, AvatarSizeEnum, AvatarStick, AvatarVariantEnum, Badge, BannerAlert, BannerType, BannerVariant, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Caption, Checkbox, Combobox, StyledCreatable as Creatable, Cropper2 as Cropper, CropperCropArea2 as CropperCropArea, CropperDescription2 as CropperDescription, CropperImage2 as CropperImage, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUpload, FileUploadError, Heading, InputDatePickerSingle, InputDateRangePicker, InputDateTimePickerSingle, InputPhone, InputText, InputTime, KanbanBoard, KanbanCard, KanbanColumn, KanbanColumnDragHandle, KanbanColumnFooter, KanbanColumnHeader, KanbanColumnTitle, Label2 as Label, Link, NebulaI18nProvider, Pagination, Paragraph, Popover, PopoverContent, PopoverTrigger, ProfileImage, RadioGroup2 as RadioGroup, RadioGroupItem, StyledSelect as Select, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenuItem, SidebarSeparator, SidebarStateEnum, SidebarTitle, SidebarTrigger, Skeleton, Slider, Space, SpaceDirectionEnum, SpaceSizeEnum, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TextArea, TipCard, TipCardContent2 as TipCardContent, TipCardFooter, TipCardHeader, TipCardItem, TipCardMedia, TipCardMediaType, TipCardProvider, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupTypeEnum, ToggleSizeEnum, Tooltip, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, dateIsAvailable, formatBytes, getNebulaLanguage, localeByi18nKey, messages22 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-react",
3
- "version": "1.11.0-beta.5",
3
+ "version": "1.11.0",
4
4
  "description": "React components for Nebula Design System",
5
5
  "publishConfig": {
6
6
  "access": "public"