@ikatec/nebula-react 1.11.0 → 1.12.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -898,10 +898,6 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
898
898
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
899
899
  noCardWrapper?: boolean;
900
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
- */
905
901
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
906
902
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
907
903
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -912,10 +908,29 @@ declare const variants: {
912
908
  second: string;
913
909
  };
914
910
  };
911
+ interface TableRowDetailsProps {
912
+ children: React$1.ReactNode;
913
+ className?: string;
914
+ }
915
+ declare const TableRowDetails: {
916
+ ({ children, className }: TableRowDetailsProps): react_jsx_runtime.JSX.Element;
917
+ displayName: string;
918
+ };
915
919
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
916
920
  variant?: keyof typeof variants.variant;
921
+ open?: boolean;
922
+ defaultOpen?: boolean;
923
+ onOpenChange?: (open: boolean) => void;
917
924
  }
918
925
  declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
926
+ interface TableRowDetailsTriggerProps {
927
+ children: React$1.ReactNode;
928
+ asChild?: boolean;
929
+ }
930
+ declare const TableRowDetailsTrigger: {
931
+ ({ children, asChild, }: TableRowDetailsTriggerProps): react_jsx_runtime.JSX.Element;
932
+ displayName: string;
933
+ };
919
934
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
920
935
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
921
936
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1237,4 +1252,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1237
1252
 
1238
1253
  declare const useIsMobile: (breakpoint?: number) => boolean;
1239
1254
 
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 };
1255
+ 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
@@ -898,10 +898,6 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.Sw
898
898
  interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
899
899
  noCardWrapper?: boolean;
900
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
- */
905
901
  declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
906
902
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
907
903
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -912,10 +908,29 @@ declare const variants: {
912
908
  second: string;
913
909
  };
914
910
  };
911
+ interface TableRowDetailsProps {
912
+ children: React$1.ReactNode;
913
+ className?: string;
914
+ }
915
+ declare const TableRowDetails: {
916
+ ({ children, className }: TableRowDetailsProps): react_jsx_runtime.JSX.Element;
917
+ displayName: string;
918
+ };
915
919
  interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
916
920
  variant?: keyof typeof variants.variant;
921
+ open?: boolean;
922
+ defaultOpen?: boolean;
923
+ onOpenChange?: (open: boolean) => void;
917
924
  }
918
925
  declare const TableRow: React$1.ForwardRefExoticComponent<TableRowProps & React$1.RefAttributes<HTMLTableRowElement>>;
926
+ interface TableRowDetailsTriggerProps {
927
+ children: React$1.ReactNode;
928
+ asChild?: boolean;
929
+ }
930
+ declare const TableRowDetailsTrigger: {
931
+ ({ children, asChild, }: TableRowDetailsTriggerProps): react_jsx_runtime.JSX.Element;
932
+ displayName: string;
933
+ };
919
934
  declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
920
935
  declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
921
936
  declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
@@ -1237,4 +1252,4 @@ declare function useKeyPress(key: string, callback: VoidFunction): void;
1237
1252
 
1238
1253
  declare const useIsMobile: (breakpoint?: number) => boolean;
1239
1254
 
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 };
1255
+ 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
@@ -8064,17 +8064,93 @@ var tableRowVariantsConfig = classVarianceAuthority.cva(
8064
8064
  }
8065
8065
  }
8066
8066
  );
8067
- var TableRow = React25__namespace.forwardRef(
8068
- ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
8067
+ var TableRowContext = React25__namespace.createContext(null);
8068
+ var TableRowDetails = ({ children, className }) => {
8069
+ const ctx = React25__namespace.useContext(TableRowContext);
8070
+ const isOpen = ctx?.isOpen ?? false;
8071
+ return /* @__PURE__ */ jsxRuntime.jsx(
8069
8072
  "tr",
8070
8073
  {
8071
- ref,
8072
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8073
- ...props
8074
+ className: cn(
8075
+ "border-table-cell-border transition-colors",
8076
+ isOpen && "bg-table-cell-background-second-layer"
8077
+ ),
8078
+ children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 9999, className: "nebula-ds p-0", children: /* @__PURE__ */ jsxRuntime.jsx(
8079
+ "div",
8080
+ {
8081
+ className: cn(
8082
+ "grid transition-all duration-200 ease-in-out",
8083
+ isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
8084
+ ),
8085
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden", isOpen && "p-4", className), children })
8086
+ }
8087
+ ) })
8074
8088
  }
8075
- )
8089
+ );
8090
+ };
8091
+ TableRowDetails.displayName = "TableRowDetails";
8092
+ var TableRow = React25__namespace.forwardRef(
8093
+ ({
8094
+ className,
8095
+ variant: variant3 = "first",
8096
+ open: openProp,
8097
+ defaultOpen = false,
8098
+ onOpenChange,
8099
+ children,
8100
+ ...props
8101
+ }, ref) => {
8102
+ const [openState, setOpenState] = React25__namespace.useState(defaultOpen);
8103
+ const isOpen = openProp !== void 0 ? openProp : openState;
8104
+ const toggle = React25__namespace.useCallback(() => {
8105
+ const next = !isOpen;
8106
+ if (openProp === void 0) setOpenState(next);
8107
+ onOpenChange?.(next);
8108
+ }, [isOpen, openProp, onOpenChange]);
8109
+ const mainChildren = [];
8110
+ const detailsChildren = [];
8111
+ React25__namespace.Children.forEach(children, (child) => {
8112
+ if (React25__namespace.isValidElement(child) && child.type === TableRowDetails) {
8113
+ detailsChildren.push(child);
8114
+ } else {
8115
+ mainChildren.push(child);
8116
+ }
8117
+ });
8118
+ const hasDetails = detailsChildren.length > 0;
8119
+ const trElement = /* @__PURE__ */ jsxRuntime.jsx(
8120
+ "tr",
8121
+ {
8122
+ ref,
8123
+ className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8124
+ ...props,
8125
+ children: hasDetails ? mainChildren : children
8126
+ }
8127
+ );
8128
+ if (!hasDetails) return trElement;
8129
+ return /* @__PURE__ */ jsxRuntime.jsxs(TableRowContext.Provider, { value: { isOpen, toggle }, children: [
8130
+ trElement,
8131
+ detailsChildren
8132
+ ] });
8133
+ }
8076
8134
  );
8077
8135
  TableRow.displayName = "TableRow";
8136
+ var TableRowDetailsTrigger = ({
8137
+ children,
8138
+ asChild = false
8139
+ }) => {
8140
+ const ctx = React25__namespace.useContext(TableRowContext);
8141
+ const Comp = asChild ? reactSlot.Slot : "button";
8142
+ return /* @__PURE__ */ jsxRuntime.jsx(
8143
+ Comp,
8144
+ {
8145
+ ...!asChild && { type: "button" },
8146
+ onClick: ctx?.toggle,
8147
+ "aria-expanded": ctx?.isOpen,
8148
+ "data-state": ctx?.isOpen ? "open" : "closed",
8149
+ children
8150
+ }
8151
+ );
8152
+ };
8153
+ TableRowDetailsTrigger.displayName = "TableRowDetailsTrigger";
8078
8154
  var TableHead = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
8079
8155
  "th",
8080
8156
  {
@@ -8248,7 +8324,7 @@ var TextArea = React25__namespace.forwardRef(
8248
8324
  if (!textarea || !autoResize) return;
8249
8325
  const adjustHeight = () => {
8250
8326
  textarea.style.height = "auto";
8251
- textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
8327
+ textarea.style.height = asInput && !textarea.value ? "22px" : `${textarea.scrollHeight}px`;
8252
8328
  };
8253
8329
  adjustHeight();
8254
8330
  textarea.addEventListener("input", adjustHeight);
@@ -9391,6 +9467,8 @@ exports.TableFooter = TableFooter;
9391
9467
  exports.TableHead = TableHead;
9392
9468
  exports.TableHeader = TableHeader;
9393
9469
  exports.TableRow = TableRow;
9470
+ exports.TableRowDetails = TableRowDetails;
9471
+ exports.TableRowDetailsTrigger = TableRowDetailsTrigger;
9394
9472
  exports.Tabs = Tabs;
9395
9473
  exports.TabsContent = TabsContent;
9396
9474
  exports.TabsList = TabsList;
package/dist/index.mjs CHANGED
@@ -8021,17 +8021,93 @@ var tableRowVariantsConfig = cva(
8021
8021
  }
8022
8022
  }
8023
8023
  );
8024
- var TableRow = React25.forwardRef(
8025
- ({ className, variant: variant3 = "first", ...props }, ref) => /* @__PURE__ */ jsx(
8024
+ var TableRowContext = React25.createContext(null);
8025
+ var TableRowDetails = ({ children, className }) => {
8026
+ const ctx = React25.useContext(TableRowContext);
8027
+ const isOpen = ctx?.isOpen ?? false;
8028
+ return /* @__PURE__ */ jsx(
8026
8029
  "tr",
8027
8030
  {
8028
- ref,
8029
- className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8030
- ...props
8031
+ className: cn(
8032
+ "border-table-cell-border transition-colors",
8033
+ isOpen && "bg-table-cell-background-second-layer"
8034
+ ),
8035
+ children: /* @__PURE__ */ jsx("td", { colSpan: 9999, className: "nebula-ds p-0", children: /* @__PURE__ */ jsx(
8036
+ "div",
8037
+ {
8038
+ className: cn(
8039
+ "grid transition-all duration-200 ease-in-out",
8040
+ isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
8041
+ ),
8042
+ children: /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden", isOpen && "p-4", className), children })
8043
+ }
8044
+ ) })
8031
8045
  }
8032
- )
8046
+ );
8047
+ };
8048
+ TableRowDetails.displayName = "TableRowDetails";
8049
+ var TableRow = React25.forwardRef(
8050
+ ({
8051
+ className,
8052
+ variant: variant3 = "first",
8053
+ open: openProp,
8054
+ defaultOpen = false,
8055
+ onOpenChange,
8056
+ children,
8057
+ ...props
8058
+ }, ref) => {
8059
+ const [openState, setOpenState] = React25.useState(defaultOpen);
8060
+ const isOpen = openProp !== void 0 ? openProp : openState;
8061
+ const toggle = React25.useCallback(() => {
8062
+ const next = !isOpen;
8063
+ if (openProp === void 0) setOpenState(next);
8064
+ onOpenChange?.(next);
8065
+ }, [isOpen, openProp, onOpenChange]);
8066
+ const mainChildren = [];
8067
+ const detailsChildren = [];
8068
+ React25.Children.forEach(children, (child) => {
8069
+ if (React25.isValidElement(child) && child.type === TableRowDetails) {
8070
+ detailsChildren.push(child);
8071
+ } else {
8072
+ mainChildren.push(child);
8073
+ }
8074
+ });
8075
+ const hasDetails = detailsChildren.length > 0;
8076
+ const trElement = /* @__PURE__ */ jsx(
8077
+ "tr",
8078
+ {
8079
+ ref,
8080
+ className: cn(tableRowVariantsConfig({ variant: variant3, className })),
8081
+ ...props,
8082
+ children: hasDetails ? mainChildren : children
8083
+ }
8084
+ );
8085
+ if (!hasDetails) return trElement;
8086
+ return /* @__PURE__ */ jsxs(TableRowContext.Provider, { value: { isOpen, toggle }, children: [
8087
+ trElement,
8088
+ detailsChildren
8089
+ ] });
8090
+ }
8033
8091
  );
8034
8092
  TableRow.displayName = "TableRow";
8093
+ var TableRowDetailsTrigger = ({
8094
+ children,
8095
+ asChild = false
8096
+ }) => {
8097
+ const ctx = React25.useContext(TableRowContext);
8098
+ const Comp = asChild ? Slot : "button";
8099
+ return /* @__PURE__ */ jsx(
8100
+ Comp,
8101
+ {
8102
+ ...!asChild && { type: "button" },
8103
+ onClick: ctx?.toggle,
8104
+ "aria-expanded": ctx?.isOpen,
8105
+ "data-state": ctx?.isOpen ? "open" : "closed",
8106
+ children
8107
+ }
8108
+ );
8109
+ };
8110
+ TableRowDetailsTrigger.displayName = "TableRowDetailsTrigger";
8035
8111
  var TableHead = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
8036
8112
  "th",
8037
8113
  {
@@ -8205,7 +8281,7 @@ var TextArea = React25.forwardRef(
8205
8281
  if (!textarea || !autoResize) return;
8206
8282
  const adjustHeight = () => {
8207
8283
  textarea.style.height = "auto";
8208
- textarea.style.height = asInput && !textarea.value || !textarea.value.match("\n") ? "22px" : `${textarea.scrollHeight}px`;
8284
+ textarea.style.height = asInput && !textarea.value ? "22px" : `${textarea.scrollHeight}px`;
8209
8285
  };
8210
8286
  adjustHeight();
8211
8287
  textarea.addEventListener("input", adjustHeight);
@@ -9196,4 +9272,4 @@ var tailwind = {
9196
9272
  // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
9197
9273
  };
9198
9274
 
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 };
9275
+ 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",
3
+ "version": "1.12.0-beta.1",
4
4
  "description": "React components for Nebula Design System",
5
5
  "publishConfig": {
6
6
  "access": "public"
Binary file