@ikatec/nebula-react 1.9.0-beta.2 → 1.9.0-beta.4

package/dist/index.d.mts

@@ -108,7 +108,10 @@ interface SeparatorProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Se
 }
 declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const ActionBar: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogProps & React$1.RefAttributes<void>>;
+declare const ActionBar: {
+    ({ ...props }: React$1.ComponentProps<typeof DrawerPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const ActionBarTrigger: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ActionBarPortal: {
     (props: React$1.ComponentProps<typeof DrawerPrimitive.Portal>): react_jsx_runtime.JSX.Element;
@@ -1085,6 +1088,53 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
+declare enum SidebarStateEnum {
+    expanded = "expanded",
+    rail = "rail",
+    collapsed = "collapsed"
+}
+type SidebarState = keyof typeof SidebarStateEnum;
+type SidebarContextType = {
+    state: SidebarState;
+    setState: (s: SidebarState) => void;
+    isMobile: boolean;
+};
+declare function useSidebar(): SidebarContextType;
+interface SidebarProps {
+    children: React$1.ReactNode;
+    defaultState?: SidebarState;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare function Sidebar({ children, defaultState, open, onOpenChange, }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarTitle({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+declare function SidebarFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare function SidebarGroup({ children, className, }: {
+    children: React$1.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ children }: {
+    children: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function SidebarSeparator(): react_jsx_runtime.JSX.Element;
+type SidebarMenuItemProps = {
+    icon?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    counter?: number;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    children?: React$1.ReactNode;
+};
+declare function SidebarMenuItem({ icon, action, label, active, disabled, counter, collapsible, defaultOpen, children, }: SidebarMenuItemProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Context type to use the NebulaI18nProvider.
  */
@@ -1155,4 +1205,6 @@ declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, o
 
 declare function useKeyPress(key: string, callback: VoidFunction): void;
 
-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, 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, 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, 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, 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, useKeyPress, useNebulaI18n, useTipCard };
+declare const useIsMobile: (breakpoint?: number) => boolean;
+
+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, 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, 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, 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

@@ -108,7 +108,10 @@ interface SeparatorProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Se
 }
 declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const ActionBar: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogProps & React$1.RefAttributes<void>>;
+declare const ActionBar: {
+    ({ ...props }: React$1.ComponentProps<typeof DrawerPrimitive.Root>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const ActionBarTrigger: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const ActionBarPortal: {
     (props: React$1.ComponentProps<typeof DrawerPrimitive.Portal>): react_jsx_runtime.JSX.Element;
@@ -1085,6 +1088,53 @@ interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElemen
 }
 declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
+declare enum SidebarStateEnum {
+    expanded = "expanded",
+    rail = "rail",
+    collapsed = "collapsed"
+}
+type SidebarState = keyof typeof SidebarStateEnum;
+type SidebarContextType = {
+    state: SidebarState;
+    setState: (s: SidebarState) => void;
+    isMobile: boolean;
+};
+declare function useSidebar(): SidebarContextType;
+interface SidebarProps {
+    children: React$1.ReactNode;
+    defaultState?: SidebarState;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare function Sidebar({ children, defaultState, open, onOpenChange, }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function SidebarTitle({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
+declare function SidebarFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare function SidebarGroup({ children, className, }: {
+    children: React$1.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ children }: {
+    children: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function SidebarSeparator(): react_jsx_runtime.JSX.Element;
+type SidebarMenuItemProps = {
+    icon?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    counter?: number;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    children?: React$1.ReactNode;
+};
+declare function SidebarMenuItem({ icon, action, label, active, disabled, counter, collapsible, defaultOpen, children, }: SidebarMenuItemProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Context type to use the NebulaI18nProvider.
  */
@@ -1155,4 +1205,6 @@ declare function useClickOutside<T extends HTMLElement>(refs: PossibleRefs<T>, o
 
 declare function useKeyPress(key: string, callback: VoidFunction): void;
 
-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, 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, 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, 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, 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, useKeyPress, useNebulaI18n, useTipCard };
+declare const useIsMobile: (breakpoint?: number) => boolean;
+
+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, 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, 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, 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

@@ -415,7 +415,9 @@ var Separator = React25__namespace.forwardRef(
   }
 );
 Separator.displayName = "Separator";
-var ActionBar = React25__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
+var ActionBar = ({
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props });
 ActionBar.displayName = "ActionBar";
 var ActionBarTrigger = React25__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ref, ...props }));
 ActionBarTrigger.displayName = "ActionBarTrigger";
@@ -8833,6 +8835,271 @@ var Tooltip = React25__namespace.forwardRef(
   }
 );
 Tooltip.displayName = "Tooltip";
+var useIsMobile = (breakpoint = 768) => {
+  const [isMobile, setIsMobile] = React25.useState(false);
+  React25.useEffect(() => {
+    const mediaQuery = window.matchMedia(`(max-width: ${breakpoint}px)`);
+    const handleMediaQueryChange = (event) => setIsMobile(event.matches);
+    setIsMobile(mediaQuery.matches);
+    mediaQuery.addEventListener("change", handleMediaQueryChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleMediaQueryChange);
+    };
+  }, [breakpoint]);
+  return isMobile;
+};
+var SidebarStateEnum = /* @__PURE__ */ ((SidebarStateEnum2) => {
+  SidebarStateEnum2["expanded"] = "expanded";
+  SidebarStateEnum2["rail"] = "rail";
+  SidebarStateEnum2["collapsed"] = "collapsed";
+  return SidebarStateEnum2;
+})(SidebarStateEnum || {});
+var SidebarContext = React25__namespace.createContext(null);
+function useSidebar() {
+  const ctx = React25__namespace.useContext(SidebarContext);
+  if (!ctx) throw new Error("Sidebar must be used inside Sidebar");
+  return ctx;
+}
+function Sidebar({
+  children,
+  defaultState = "expanded",
+  open,
+  onOpenChange
+}) {
+  const isMobile = useIsMobile();
+  const isControlled = open !== void 0;
+  const [internalState, setInternalState] = React25__namespace.useState(defaultState);
+  const state = isControlled ? open ? "expanded" : "collapsed" : internalState;
+  const setState = React25__namespace.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInternalState(next);
+      }
+      if (onOpenChange) {
+        onOpenChange(next !== "collapsed");
+      }
+    },
+    [isControlled, onOpenChange]
+  );
+  const contextValue = React25__namespace.useMemo(
+    () => ({ state, setState, isMobile }),
+    [state, isMobile, setState]
+  );
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Drawer,
+      {
+        open: state !== "collapsed",
+        onOpenChange: (o) => setState(o ? "expanded" : "collapsed"),
+        children: /* @__PURE__ */ jsxRuntime.jsx(DrawerContent, { className: "nebula-ds w-[var(--sidebar-width)] p-0 shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex h-full flex-col bg-sidebar-background", children }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "aside",
+    {
+      "data-state": state,
+      className: cn(
+        "relative hidden md:flex flex-col border-r border-sidebar-border bg-sidebar-background transition-all duration-300 ease-in-out",
+        state === "expanded" && "w-[var(--sidebar-width)]",
+        state === "rail" && "w-[var(--sidebar-rail-width)]",
+        state === "collapsed" && "w-0 overflow-hidden"
+      ),
+      children
+    }
+  ) });
+}
+function SidebarHeader({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-state": state,
+      className: cn(
+        "sticky top-0 z-20 flex h-14 items-center border-b border-sidebar-border bg-sidebar-background transition-all duration-300",
+        state === "expanded" && "justify-between px-4",
+        state === "rail" && "justify-center px-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarContent({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex-1 overflow-y-auto py-3 space-y-4",
+        state === "rail" && "flex flex-col items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarTitle({
+  className,
+  children,
+  ...props
+}) {
+  const { state } = useSidebar();
+  if (state === "rail") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-state": state,
+      className: cn(
+        "font-semibold text-sidebar-text whitespace-nowrap transition-all duration-300",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarFooter({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0 bg-sidebar-background p-3",
+        state === "rail" && "flex justify-center p-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var SidebarTrigger = React25__namespace.forwardRef(({ asChild = false, className, onClick, children, ...props }, ref) => {
+  const { state, setState, isMobile } = useSidebar();
+  const Comp = asChild ? reactSlot.Slot : Button;
+  function handleToggle(e) {
+    if (isMobile) {
+      setState(state === "collapsed" ? "expanded" : "collapsed");
+    } else {
+      setState(state === "expanded" ? "rail" : "expanded");
+    }
+    onClick?.(e);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      ref,
+      onClick: handleToggle,
+      "aria-label": "Toggle sidebar",
+      className: cn(
+        !asChild && "size-9",
+        state === "rail" && "mx-auto",
+        className
+      ),
+      ...!asChild && { variant: "ghost", icon: true },
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { className: "nebula-ds size-5" })
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+function SidebarGroup({
+  children,
+  className
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col space-y-1 px-2",
+        state === "rail" && "items-center",
+        className
+      ),
+      children
+    }
+  );
+}
+function SidebarGroupLabel({ children }) {
+  const { state } = useSidebar();
+  if (state === "rail") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds px-3 py-1 text-xs font-medium tracking-wide text-sidebar-label", children });
+}
+function SidebarSeparator() {
+  return /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "horizontal" });
+}
+var SidebarLevelContext = React25__namespace.createContext(0);
+function SidebarMenuItem({
+  icon,
+  action,
+  label,
+  active,
+  disabled,
+  counter,
+  collapsible,
+  defaultOpen = false,
+  children
+}) {
+  const { state } = useSidebar();
+  const [open, setOpen] = React25__namespace.useState(defaultOpen);
+  const level = React25__namespace.useContext(SidebarLevelContext);
+  const isRail = state === "rail";
+  const paddingLeft = level > 0 ? "pl-11" : "";
+  const content2 = /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      variant: "ghost",
+      disabled,
+      "aria-expanded": collapsible ? open : void 0,
+      onClick: () => collapsible && setOpen((p) => !p),
+      className: cn(
+        "group font-medium relative flex items-center rounded-lg py-2 text-sm transition-colors",
+        active && "font-semibold",
+        isRail ? "justify-center w-10 h-10 mx-auto px-0 rounded-full" : cn("w-full pr-3", paddingLeft)
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              "flex items-center justify-center size-4 shrink-0",
+              !isRail && "mr-3"
+            ),
+            children: icon
+          }
+        ),
+        !isRail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds flex-1 truncate text-left", children: label }),
+          (action || counter !== void 0 || collapsible) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nebula-ds flex items-center gap-2 shrink-0", children: [
+            action,
+            counter !== void 0 && counter > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-xs font-medium bg-muted px-2 py-0.5 rounded-md", children: counter }),
+            collapsible && /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronDown,
+              {
+                className: cn(
+                  "size-4 transition-transform",
+                  open && "rotate-180"
+                )
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(isRail && "flex justify-center"), children: [
+    isRail ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: label, side: "right", children: content2 }) : content2,
+    collapsible && open && !isRail && /* @__PURE__ */ jsxRuntime.jsx(SidebarLevelContext.Provider, { value: level + 1, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds mt-1 space-y-1", children }) })
+  ] });
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -8963,6 +9230,17 @@ exports.RadioGroup = RadioGroup2;
 exports.RadioGroupItem = RadioGroupItem;
 exports.Select = StyledSelect;
 exports.Separator = Separator;
+exports.Sidebar = Sidebar;
+exports.SidebarContent = SidebarContent;
+exports.SidebarFooter = SidebarFooter;
+exports.SidebarGroup = SidebarGroup;
+exports.SidebarGroupLabel = SidebarGroupLabel;
+exports.SidebarHeader = SidebarHeader;
+exports.SidebarMenuItem = SidebarMenuItem;
+exports.SidebarSeparator = SidebarSeparator;
+exports.SidebarStateEnum = SidebarStateEnum;
+exports.SidebarTitle = SidebarTitle;
+exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Space = Space;
@@ -9024,6 +9302,8 @@ exports.toast = toast;
 exports.toggleVariants = toggleVariants;
 exports.useClickOutside = useClickOutside;
 exports.useFileUpload = useFileUpload;
+exports.useIsMobile = useIsMobile;
 exports.useKeyPress = useKeyPress;
 exports.useNebulaI18n = useNebulaI18n;
+exports.useSidebar = useSidebar;
 exports.useTipCard = useTipCard;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { Minus, Check, X, ChevronRight, Circle, CircleX, Eye, EyeOff, ClockIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDown, XIcon, MoreHorizontal, ChevronDownIcon, MinusIcon, PlusIcon, ImageUpIcon, CalendarIcon, ChevronsLeft, ChevronLeft, ChevronsRight, UserIcon, LoaderCircleIcon, CheckIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, PhoneIcon, InfoIcon, TriangleAlertIcon, CircleCheckBigIcon, Info, CircleCheckBig } from 'lucide-react';
+import { Minus, Check, X, ChevronRight, Circle, CircleX, Eye, EyeOff, ClockIcon, ChevronLeftIcon, ChevronRightIcon, PanelLeft, ChevronDown, XIcon, MoreHorizontal, ChevronDownIcon, MinusIcon, PlusIcon, ImageUpIcon, CalendarIcon, ChevronsLeft, ChevronLeft, ChevronsRight, UserIcon, LoaderCircleIcon, CheckIcon, FileTextIcon, FileAudioIcon, FileVideoIcon, PhoneIcon, InfoIcon, TriangleAlertIcon, CircleCheckBigIcon, Info, CircleCheckBig } from 'lucide-react';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React25 from 'react';
@@ -372,7 +372,9 @@ var Separator = React25.forwardRef(
   }
 );
 Separator.displayName = "Separator";
-var ActionBar = React25.forwardRef(({ ...props }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { modal: false, ...props }));
+var ActionBar = ({
+  ...props
+}) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { modal: false, ...props });
 ActionBar.displayName = "ActionBar";
 var ActionBarTrigger = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ref, ...props }));
 ActionBarTrigger.displayName = "ActionBarTrigger";
@@ -8790,6 +8792,271 @@ var Tooltip = React25.forwardRef(
   }
 );
 Tooltip.displayName = "Tooltip";
+var useIsMobile = (breakpoint = 768) => {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const mediaQuery = window.matchMedia(`(max-width: ${breakpoint}px)`);
+    const handleMediaQueryChange = (event) => setIsMobile(event.matches);
+    setIsMobile(mediaQuery.matches);
+    mediaQuery.addEventListener("change", handleMediaQueryChange);
+    return () => {
+      mediaQuery.removeEventListener("change", handleMediaQueryChange);
+    };
+  }, [breakpoint]);
+  return isMobile;
+};
+var SidebarStateEnum = /* @__PURE__ */ ((SidebarStateEnum2) => {
+  SidebarStateEnum2["expanded"] = "expanded";
+  SidebarStateEnum2["rail"] = "rail";
+  SidebarStateEnum2["collapsed"] = "collapsed";
+  return SidebarStateEnum2;
+})(SidebarStateEnum || {});
+var SidebarContext = React25.createContext(null);
+function useSidebar() {
+  const ctx = React25.useContext(SidebarContext);
+  if (!ctx) throw new Error("Sidebar must be used inside Sidebar");
+  return ctx;
+}
+function Sidebar({
+  children,
+  defaultState = "expanded",
+  open,
+  onOpenChange
+}) {
+  const isMobile = useIsMobile();
+  const isControlled = open !== void 0;
+  const [internalState, setInternalState] = React25.useState(defaultState);
+  const state = isControlled ? open ? "expanded" : "collapsed" : internalState;
+  const setState = React25.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInternalState(next);
+      }
+      if (onOpenChange) {
+        onOpenChange(next !== "collapsed");
+      }
+    },
+    [isControlled, onOpenChange]
+  );
+  const contextValue = React25.useMemo(
+    () => ({ state, setState, isMobile }),
+    [state, isMobile, setState]
+  );
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: state !== "collapsed",
+        onOpenChange: (o) => setState(o ? "expanded" : "collapsed"),
+        children: /* @__PURE__ */ jsx(DrawerContent, { className: "nebula-ds w-[var(--sidebar-width)] p-0 shadow-xl", children: /* @__PURE__ */ jsx("div", { className: "nebula-ds flex h-full flex-col bg-sidebar-background", children }) })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "data-state": state,
+      className: cn(
+        "relative hidden md:flex flex-col border-r border-sidebar-border bg-sidebar-background transition-all duration-300 ease-in-out",
+        state === "expanded" && "w-[var(--sidebar-width)]",
+        state === "rail" && "w-[var(--sidebar-rail-width)]",
+        state === "collapsed" && "w-0 overflow-hidden"
+      ),
+      children
+    }
+  ) });
+}
+function SidebarHeader({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-state": state,
+      className: cn(
+        "sticky top-0 z-20 flex h-14 items-center border-b border-sidebar-border bg-sidebar-background transition-all duration-300",
+        state === "expanded" && "justify-between px-4",
+        state === "rail" && "justify-center px-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarContent({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex-1 overflow-y-auto py-3 space-y-4",
+        state === "rail" && "flex flex-col items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarTitle({
+  className,
+  children,
+  ...props
+}) {
+  const { state } = useSidebar();
+  if (state === "rail") return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-state": state,
+      className: cn(
+        "font-semibold text-sidebar-text whitespace-nowrap transition-all duration-300",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarFooter({
+  className,
+  ...props
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0 bg-sidebar-background p-3",
+        state === "rail" && "flex justify-center p-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var SidebarTrigger = React25.forwardRef(({ asChild = false, className, onClick, children, ...props }, ref) => {
+  const { state, setState, isMobile } = useSidebar();
+  const Comp = asChild ? Slot : Button;
+  function handleToggle(e) {
+    if (isMobile) {
+      setState(state === "collapsed" ? "expanded" : "collapsed");
+    } else {
+      setState(state === "expanded" ? "rail" : "expanded");
+    }
+    onClick?.(e);
+  }
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      onClick: handleToggle,
+      "aria-label": "Toggle sidebar",
+      className: cn(
+        !asChild && "size-9",
+        state === "rail" && "mx-auto",
+        className
+      ),
+      ...!asChild && { variant: "ghost", icon: true },
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(PanelLeft, { className: "nebula-ds size-5" })
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+function SidebarGroup({
+  children,
+  className
+}) {
+  const { state } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col space-y-1 px-2",
+        state === "rail" && "items-center",
+        className
+      ),
+      children
+    }
+  );
+}
+function SidebarGroupLabel({ children }) {
+  const { state } = useSidebar();
+  if (state === "rail") return null;
+  return /* @__PURE__ */ jsx("div", { className: "nebula-ds px-3 py-1 text-xs font-medium tracking-wide text-sidebar-label", children });
+}
+function SidebarSeparator() {
+  return /* @__PURE__ */ jsx(Separator, { orientation: "horizontal" });
+}
+var SidebarLevelContext = React25.createContext(0);
+function SidebarMenuItem({
+  icon,
+  action,
+  label,
+  active,
+  disabled,
+  counter,
+  collapsible,
+  defaultOpen = false,
+  children
+}) {
+  const { state } = useSidebar();
+  const [open, setOpen] = React25.useState(defaultOpen);
+  const level = React25.useContext(SidebarLevelContext);
+  const isRail = state === "rail";
+  const paddingLeft = level > 0 ? "pl-11" : "";
+  const content2 = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      disabled,
+      "aria-expanded": collapsible ? open : void 0,
+      onClick: () => collapsible && setOpen((p) => !p),
+      className: cn(
+        "group font-medium relative flex items-center rounded-lg py-2 text-sm transition-colors",
+        active && "font-semibold",
+        isRail ? "justify-center w-10 h-10 mx-auto px-0 rounded-full" : cn("w-full pr-3", paddingLeft)
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "flex items-center justify-center size-4 shrink-0",
+              !isRail && "mr-3"
+            ),
+            children: icon
+          }
+        ),
+        !isRail && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "nebula-ds flex-1 truncate text-left", children: label }),
+          (action || counter !== void 0 || collapsible) && /* @__PURE__ */ jsxs("span", { className: "nebula-ds flex items-center gap-2 shrink-0", children: [
+            action,
+            counter !== void 0 && counter > 0 && /* @__PURE__ */ jsx("span", { className: "nebula-ds text-xs font-medium bg-muted px-2 py-0.5 rounded-md", children: counter }),
+            collapsible && /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                className: cn(
+                  "size-4 transition-transform",
+                  open && "rotate-180"
+                )
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn(isRail && "flex justify-center"), children: [
+    isRail ? /* @__PURE__ */ jsx(Tooltip, { content: label, side: "right", children: content2 }) : content2,
+    collapsible && open && !isRail && /* @__PURE__ */ jsx(SidebarLevelContext.Provider, { value: level + 1, children: /* @__PURE__ */ jsx("div", { className: "nebula-ds mt-1 space-y-1", children }) })
+  ] });
+}
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -8801,4 +9068,4 @@ var tailwind = {
   // plugin: () => require("tailwindcss")("node_modules/@nebulareact/dist/tailwind.config.js"),
 };
 
-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, 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, 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, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useKeyPress, useNebulaI18n, useTipCard };
+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, 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, messages19 as messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, toggleVariants, useClickOutside, useFileUpload, useIsMobile, useKeyPress, useNebulaI18n, useSidebar, useTipCard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.9.0-beta.2",
+  "version": "1.9.0-beta.4",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"