@ikatec/nebula-react 1.11.0-beta.4 → 1.11.0-beta.6

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
@@ -897,10 +897,6 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
897
897
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
898
898
  noCardWrapper?: boolean;
899
899
  }
900
- /**
901
- * Table component that can be used with or without a card wrapper.
902
- * If `noCardWrapper` is true, it renders a simple table without the card styling.
903
- */
904
900
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
905
901
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
906
902
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -911,10 +907,29 @@ declare const variants: {
911
907
  second: string;
912
908
  };
913
909
  };
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
+ };
914
918
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
915
919
  variant?: keyof typeof variants.variant;
920
+ open?: boolean;
921
+ defaultOpen?: boolean;
922
+ onOpenChange?: (open: boolean) => void;
916
923
  }
917
924
  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
+ };
918
933
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
919
934
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
920
935
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1236,4 +1251,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1236
1251
 
1237
1252
  declare const useIsMobile: (breakpoint?: number) => boolean;
1238
1253
 
1239
- 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 };
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 };
package/dist/index.d.ts CHANGED
@@ -897,10 +897,6 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
897
897
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
898
898
  noCardWrapper?: boolean;
899
899
  }
900
- /**
901
- * Table component that can be used with or without a card wrapper.
902
- * If `noCardWrapper` is true, it renders a simple table without the card styling.
903
- */
904
900
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
905
901
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
906
902
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -911,10 +907,29 @@ declare const variants: {
911
907
  second: string;
912
908
  };
913
909
  };
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
+ };
914
918
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
915
919
  variant?: keyof typeof variants.variant;
920
+ open?: boolean;
921
+ defaultOpen?: boolean;
922
+ onOpenChange?: (open: boolean) => void;
916
923
  }
917
924
  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
+ };
918
933
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
919
934
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
920
935
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1236,4 +1251,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1236
1251
 
1237
1252
  declare const useIsMobile: (breakpoint?: number) => boolean;
1238
1253
 
1239
- 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 };
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 };
package/dist/index.js CHANGED
@@ -8062,17 +8062,93 @@ var tableRowVariantsConfig = classVarianceAuthority.cva(
8062
8062
  }
8063
8063
  }
8064
8064
  );
8065
- var TableRow = React25__namespace.forwardRef(
8066
- ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
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
8070
  "tr",
8068
8071
  {
8069
- ref,
8070
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8071
- ...props
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
+ ) })
8072
8086
  }
8073
- )
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
+ }
8074
8132
  );
8075
8133
  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";
8076
8152
  var TableHead = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
8077
8153
  "th",
8078
8154
  {
@@ -8246,7 +8322,7 @@ var TextArea = React25__namespace.forwardRef(
8246
8322
  if (!textarea || !autoResize) return;
8247
8323
  const adjustHeight = () => {
8248
8324
  textarea.style.height = "auto";
8249
- textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
8325
+ textarea.style.height = asInput && !textarea.value ? "22px" : `${textarea.scrollHeight}px`;
8250
8326
  };
8251
8327
  adjustHeight();
8252
8328
  textarea.addEventListener("input", adjustHeight);
@@ -9389,6 +9465,8 @@ exports.TableFooter = TableFooter;
9389
9465
  exports.TableHead = TableHead;
9390
9466
  exports.TableHeader = TableHeader;
9391
9467
  exports.TableRow = TableRow;
9468
+ exports.TableRowDetails = TableRowDetails;
9469
+ exports.TableRowDetailsTrigger = TableRowDetailsTrigger;
9392
9470
  exports.Tabs = Tabs;
9393
9471
  exports.TabsContent = TabsContent;
9394
9472
  exports.TabsList = TabsList;
package/dist/index.mjs CHANGED
@@ -8019,17 +8019,93 @@ var tableRowVariantsConfig = cva(
8019
8019
  }
8020
8020
  }
8021
8021
  );
8022
- var TableRow = React25.forwardRef(
8023
- ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsx(
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
8027
  "tr",
8025
8028
  {
8026
- ref,
8027
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8028
- ...props
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
+ ) })
8029
8043
  }
8030
- )
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
+ }
8031
8089
  );
8032
8090
  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";
8033
8109
  var TableHead = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
8034
8110
  "th",
8035
8111
  {
@@ -8203,7 +8279,7 @@ var TextArea = React25.forwardRef(
8203
8279
  if (!textarea || !autoResize) return;
8204
8280
  const adjustHeight = () => {
8205
8281
  textarea.style.height = "auto";
8206
- textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
8282
+ textarea.style.height = asInput && !textarea.value ? "22px" : `${textarea.scrollHeight}px`;
8207
8283
  };
8208
8284
  adjustHeight();
8209
8285
  textarea.addEventListener("input", adjustHeight);
@@ -9194,4 +9270,4 @@ var tailwind = {
9194
9270
  // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
9195
9271
  };
9196
9272
 
9197
- 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 };
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-react",
3
- "version": "1.11.0-beta.4",
3
+ "version": "1.11.0-beta.6",
4
4
  "description": "React components for Nebula Design System",
5
5
  "publishConfig": {
6
6
  "access": "public"