@ikatec/nebula-react 0.0.1-alpha.25 → 1.0.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -406,7 +406,9 @@ declare function AccordionTrigger({ className, children, ...props }: React$1.Com
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, separator, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare namespace AccordionContent {
     var displayName: string;
 }
@@ -426,6 +428,55 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+    border?: boolean;
+    paddingSize?: 'sm' | 'md' | 'lg';
+    shadow?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary';
+}
+declare const Box: ({ className, paddingSize, border, shadow, variant, children, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+type ToastOptions = {
+    description?: string;
+    action?: {
+        label: React__default.ReactNode;
+        variant?: 'secondary' | 'ghost';
+        onClick: () => void;
+    };
+    icon?: React__default.ReactNode;
+};
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+declare function success(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function error(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function info(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function custom(message: string, options?: ToastOptions): void;
+declare function promise<T>(promise: Promise<T>, messages: {
+    loading: string;
+    success: string;
+    error: string;
+}, options?: ToastOptions): Promise<T>;
+declare const toast: {
+    success: typeof success;
+    error: typeof error;
+    info: typeof info;
+    custom: typeof custom;
+    promise: typeof promise;
+};
+
+declare const ActionBar: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogProps & React$1.RefAttributes<void>>;
+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;
+    displayName: string;
+};
+declare const ActionBarClose: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarDivider: React$1.ForwardRefExoticComponent<Omit<SeparatorProps, "orientation"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ActionBarContentProps {
+    portal?: boolean;
+}
+declare const ActionBarContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & ActionBarContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 interface Content {
     /**
      * Path to `node_modules` where `flowbite-react` is installed
@@ -542,4 +593,4 @@ declare const setNebulaLanguage: (language: Language) => void;
  */
 declare const messages: Map<Language | null | undefined, Messages>;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, 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, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, useNebulaI18n };
+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, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, 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, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
-import React__default, { ComponentProps } from 'react';
+import React__default, { ComponentProps, PropsWithChildren, HTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -406,7 +406,9 @@ declare function AccordionTrigger({ className, children, ...props }: React$1.Com
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, separator, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content> & {
+    separator?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare namespace AccordionContent {
     var displayName: string;
 }
@@ -426,6 +428,55 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
 declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
+    border?: boolean;
+    paddingSize?: 'sm' | 'md' | 'lg';
+    shadow?: 'sm' | 'md' | 'lg';
+    variant?: 'primary' | 'secondary';
+}
+declare const Box: ({ className, paddingSize, border, shadow, variant, children, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+type ToastOptions = {
+    description?: string;
+    action?: {
+        label: React__default.ReactNode;
+        variant?: 'secondary' | 'ghost';
+        onClick: () => void;
+    };
+    icon?: React__default.ReactNode;
+};
+declare function Toaster(): react_jsx_runtime.JSX.Element;
+declare function success(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function error(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function info(message: string, options?: Omit<ToastOptions, 'icon'>): void;
+declare function custom(message: string, options?: ToastOptions): void;
+declare function promise<T>(promise: Promise<T>, messages: {
+    loading: string;
+    success: string;
+    error: string;
+}, options?: ToastOptions): Promise<T>;
+declare const toast: {
+    success: typeof success;
+    error: typeof error;
+    info: typeof info;
+    custom: typeof custom;
+    promise: typeof promise;
+};
+
+declare const ActionBar: React$1.ForwardRefExoticComponent<DrawerPrimitive.DialogProps & React$1.RefAttributes<void>>;
+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;
+    displayName: string;
+};
+declare const ActionBarClose: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarButton: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ActionBarDivider: React$1.ForwardRefExoticComponent<Omit<SeparatorProps, "orientation"> & React$1.RefAttributes<HTMLDivElement>>;
+interface ActionBarContentProps {
+    portal?: boolean;
+}
+declare const ActionBarContent: React$1.ForwardRefExoticComponent<Omit<DrawerPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement> & ActionBarContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
 interface Content {
     /**
      * Path to `node_modules` where `flowbite-react` is installed
@@ -542,4 +593,4 @@ declare const setNebulaLanguage: (language: Language) => void;
  */
 declare const messages: Map<Language | null | undefined, Messages>;
 
-export { Accordion, AccordionContent, AccordionDescription, AccordionItem, type AccordionProps, AccordionTitle, AccordionTrigger, Alert, AlertButton, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, StyledAsync as Async, StyledAsyncCreatable as AsyncCreatable, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, 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, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, useNebulaI18n };
+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, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, StyledCreatable as Creatable, 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, InputText, type InputTextProps, Label, NebulaI18nProvider, type NebulaI18nProviderProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, StyledSelect as Select, type CreateStyledSelectProps as SelectProps, Separator, type SeparatorProps, Space, SpaceDirectionEnum, type SpaceProps, SpaceSizeEnum, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Toaster, Tooltip, type TooltipProps, alertVariants, badgeSizeEnum, badgeVariantEnum, buttonSizeEnum, buttonVariantEnum, buttonVariantsConfig, getNebulaLanguage, messages, separatorVariants, setNebulaLanguage, tagVariantsEnum, tailwind, toast, useNebulaI18n };

package/dist/index.js

@@ -20,6 +20,7 @@ var SwitchPrimitives = require('@radix-ui/react-switch');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var TabsPrimitive = require('@radix-ui/react-tabs');
+var sonner = require('sonner');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -595,28 +596,35 @@ var __iconNode6 = [
 ];
 var ChevronsRight = createLucideIcon("ChevronsRight", __iconNode6);
 
-// ../../node_modules/lucide-react/dist/esm/icons/circle-x.js
+// ../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js
 var __iconNode7 = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+var CircleCheckBig = createLucideIcon("CircleCheckBig", __iconNode7);
+
+// ../../node_modules/lucide-react/dist/esm/icons/circle-x.js
+var __iconNode8 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-var CircleX = createLucideIcon("CircleX", __iconNode7);
+var CircleX = createLucideIcon("CircleX", __iconNode8);
 
 // ../../node_modules/lucide-react/dist/esm/icons/circle.js
-var __iconNode8 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-var Circle = createLucideIcon("Circle", __iconNode8);
+var __iconNode9 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+var Circle = createLucideIcon("Circle", __iconNode9);
 
 // ../../node_modules/lucide-react/dist/esm/icons/ellipsis.js
-var __iconNode9 = [
+var __iconNode10 = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-var Ellipsis = createLucideIcon("Ellipsis", __iconNode9);
+var Ellipsis = createLucideIcon("Ellipsis", __iconNode10);
 
 // ../../node_modules/lucide-react/dist/esm/icons/eye-off.js
-var __iconNode10 = [
+var __iconNode11 = [
   [
     "path",
     {
@@ -634,10 +642,10 @@ var __iconNode10 = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-var EyeOff = createLucideIcon("EyeOff", __iconNode10);
+var EyeOff = createLucideIcon("EyeOff", __iconNode11);
 
 // ../../node_modules/lucide-react/dist/esm/icons/eye.js
-var __iconNode11 = [
+var __iconNode12 = [
   [
     "path",
     {
@@ -647,18 +655,26 @@ var __iconNode11 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-var Eye = createLucideIcon("Eye", __iconNode11);
+var Eye = createLucideIcon("Eye", __iconNode12);
+
+// ../../node_modules/lucide-react/dist/esm/icons/info.js
+var __iconNode13 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+var Info = createLucideIcon("Info", __iconNode13);
 
 // ../../node_modules/lucide-react/dist/esm/icons/minus.js
-var __iconNode12 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-var Minus = createLucideIcon("Minus", __iconNode12);
+var __iconNode14 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("Minus", __iconNode14);
 
 // ../../node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode13 = [
+var __iconNode15 = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ];
-var X = createLucideIcon("X", __iconNode13);
+var X = createLucideIcon("X", __iconNode15);
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
@@ -2160,10 +2176,7 @@ function Accordion({
     AccordionPrimitive__namespace.Root,
     {
       collapsible: true,
-      className: cn(
-        "w-full bg-accordion-background rounded-3xl p-6",
-        className
-      ),
+      className: cn("w-full", className),
       ...props,
       children
     }
@@ -2179,7 +2192,7 @@ function AccordionItem({
     {
       "data-slot": "accordion-item",
       className: cn(
-        "transition-all duration-300 border-b last:border-b-0 last:pb-0 last:mb-0 pb-6 mb-6 border-neutral-200 dark:border-neutral-600",
+        "transition-all duration-300 border-b last:border-b-0 last:pb-0 last:mb-0 pb-6 mb-6 border-accordion-border",
         className
       ),
       ...props,
@@ -2197,15 +2210,21 @@ function AccordionTrigger({
     {
       "data-slot": "accordion-trigger",
       className: cn(
-        "flex items-center justify-between w-full transition-all",
-        "[&[data-state=open]>svg]:rotate-180 [&>svg]:transition-all duration-200",
+        "flex items-start justify-between w-full transition-all",
+        "[&[data-state=open]_[data-slot=accordion-icon]]:rotate-180 [&_[data-slot=accordion-icon]]:transition-all duration-200",
         "data-[state=open]:mb-6",
         className
       ),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "nebula-ds text-accordion-icon w-6 h-6" })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex flex-col gap-2", children }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex items-center justify-center w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ChevronDown,
+          {
+            "data-slot": "accordion-icon",
+            className: "nebula-ds text-accordion-icon w-4 h-4"
+          }
+        ) })
       ] })
     }
   ) });
@@ -2213,6 +2232,7 @@ function AccordionTrigger({
 function AccordionContent({
   className,
   children,
+  separator = false,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2223,6 +2243,9 @@ function AccordionContent({
         "overflow-hidden transition-all",
         "data-[state=closed]:animate-accordion-up",
         "data-[state=open]:animate-accordion-down",
+        {
+          "data-[state=open]:border-t border-accordion-border py-4": separator
+        },
         className
       ),
       ...props,
@@ -2239,7 +2262,7 @@ function AccordionTitle({
     {
       ...props,
       className: cn(
-        "text-start !text-accordion-text-title font-semibold text-xl",
+        "text-start !text-accordion-text-title font-semibold text-xl leading-none",
         className
       )
     }
@@ -2254,7 +2277,7 @@ function AccordionDescription({
     {
       ...props,
       className: cn(
-        "text-start !text-accordion-text-description font-normal text-sm min-h-5 mt-1",
+        "text-start !text-accordion-text-description font-normal text-sm leading-none",
         className
       )
     }
@@ -2270,6 +2293,7 @@ var TabsContext = React8__namespace.createContext({});
 var Tabs = React8__namespace.forwardRef(({ isFitted, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { isFitted }, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Root, { ref, ...props, children }) }));
 Tabs.displayName = TabsPrimitive__namespace.Root.displayName;
 var TabsList = React8__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { isFitted } = React8__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
@@ -2278,9 +2302,11 @@ var TabsList = React8__namespace.forwardRef(({ className, ...props }, ref) => {
         `
           inline-flex 
           items-center 
-          justify-center
+          border-b-[1px]
+          border-tabs-border-default
           w-full
         `,
+        { "justify-center": isFitted },
         className
       ),
       ...props
@@ -2304,12 +2330,13 @@ var TabsTrigger = React8__namespace.forwardRef(({ className, ...props }, ref) =>
           min-h-10
           min-w-[125px]
           gap-2
+          border-b-[2px]
+          border-transparent
+          -mb-[1px]
           text-sm
           font-semibold
           ring-offset-background
           transition-all
-          border-b-2
-          border-tabs-border-default
           text-tabs-text-default
           focus-visible:outline-none
           disabled:pointer-events-none
@@ -2342,6 +2369,238 @@ var TabsContent = React8__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+var Box = ({
+  className,
+  paddingSize = "md",
+  border = false,
+  shadow = "sm",
+  variant: variant3 = "primary",
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      className: cn(
+        "w-full rounded-2xl",
+        {
+          "bg-box-background": variant3 === "primary",
+          "bg-box-secondary-background": variant3 === "secondary"
+        },
+        {
+          "p-4": paddingSize === "sm",
+          "p-6": paddingSize === "md",
+          "p-8": paddingSize === "lg"
+        },
+        {
+          "border border-box-border": border
+        },
+        {
+          "shadow-sm": shadow === "sm",
+          "shadow-md": shadow === "md",
+          "shadow-lg": shadow === "lg"
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+function Toaster() {
+  return /* @__PURE__ */ jsxRuntime.jsx(sonner.Toaster, { position: "top-right" });
+}
+function ToastComponent({
+  type,
+  message,
+  options,
+  t
+}) {
+  const CustomIcon = React8__namespace.default.isValidElement(options?.icon) ? React8__namespace.default.cloneElement(options.icon, {
+    className: cn("text-toast-icon-default", options.icon.props.className),
+    size: 20
+  }) : null;
+  const typeIcons = {
+    success: /* @__PURE__ */ jsxRuntime.jsx(CircleCheckBig, { className: "nebula-ds text-toast-icon-default", size: 20 }),
+    error: /* @__PURE__ */ jsxRuntime.jsx(CircleX, { className: "nebula-ds text-toast-icon-error", size: 20 }),
+    info: /* @__PURE__ */ jsxRuntime.jsx(Info, { className: "nebula-ds text-toast-icon-default", size: 20 }),
+    custom: CustomIcon
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds w-[400px] bg-toast-background border border-toast-border rounded-xl p-4 flex items-start justify-start gap-2 shadow-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: typeIcons[type] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex flex-col gap-2 mr-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nebula-ds flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-toast-title text-sm font-semibold", children: message }),
+        options?.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds text-toast-description text-sm font-medium", children: options.description })
+      ] }),
+      options?.action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds flex gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          size: "sm",
+          variant: options.action.variant || "secondary",
+          onClick: options.action.onClick,
+          children: options.action.label
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => sonner.toast.dismiss(t), children: /* @__PURE__ */ jsxRuntime.jsx(X, { className: "nebula-ds text-toast-icon-default", size: 20 }) })
+  ] });
+}
+function success(message, options) {
+  sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(
+      ToastComponent,
+      {
+        type: "success",
+        message,
+        options,
+        t
+      }
+    ),
+    {
+      duration: 4e3
+      // 4 seconds
+    }
+  );
+}
+function error(message, options) {
+  sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(ToastComponent, { type: "error", message, options, t }),
+    {
+      duration: 6e3
+      // 6 seconds
+    }
+  );
+}
+function info(message, options) {
+  sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(ToastComponent, { type: "info", message, options, t }),
+    {
+      duration: 4e3
+      // 4 seconds
+    }
+  );
+}
+function custom(message, options) {
+  sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(ToastComponent, { type: "custom", message, options, t }),
+    {
+      duration: 4e3
+      // 4 seconds
+    }
+  );
+}
+async function promise(promise2, messages8, options) {
+  const loadingToast = sonner.toast.custom(
+    (t) => /* @__PURE__ */ jsxRuntime.jsx(
+      ToastComponent,
+      {
+        type: "info",
+        message: messages8.loading,
+        options,
+        t
+      }
+    ),
+    { duration: Infinity }
+  );
+  return promise2.then((result) => {
+    sonner.toast.dismiss(loadingToast);
+    sonner.toast.custom(
+      (t) => /* @__PURE__ */ jsxRuntime.jsx(
+        ToastComponent,
+        {
+          type: "success",
+          message: messages8.success,
+          options,
+          t
+        }
+      ),
+      { duration: 4e3 }
+    );
+    return result;
+  }).catch((error2) => {
+    sonner.toast.dismiss(loadingToast);
+    sonner.toast.custom(
+      (t) => /* @__PURE__ */ jsxRuntime.jsx(
+        ToastComponent,
+        {
+          type: "error",
+          message: messages8.error,
+          options,
+          t
+        }
+      ),
+      { duration: 6e3 }
+    );
+    return Promise.reject(error2);
+  });
+}
+var toast = {
+  success,
+  error,
+  info,
+  custom,
+  promise
+};
+var ActionBar = React8__namespace.forwardRef(({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { modal: false, ...props }));
+ActionBar.displayName = "ActionBar";
+var ActionBarTrigger = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Trigger, { ref, ...props }));
+ActionBarTrigger.displayName = "ActionBarTrigger";
+var ActionBarPortal = (props) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { ...props });
+ActionBarPortal.displayName = "ActionBarPortal";
+var ActionBarClose = React8__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { ref, ...props }));
+ActionBarClose.displayName = "ActionBarClose";
+var ActionBarButton = React8__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        ref,
+        variant: "primary",
+        className: cn(className, "rounded-none !text-sm"),
+        tabIndex: -1,
+        ...props
+      }
+    );
+  }
+);
+ActionBarButton.displayName = "ActionBarButton";
+var ActionBarDivider = React8__namespace.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Separator2,
+    {
+      ref,
+      className: cn("bg-actionBar-divider h-6", className),
+      orientation: "vertical",
+      ...props
+    }
+  );
+});
+ActionBarDivider.displayName = "ActionBarDivider";
+var ActionBarContent = React8__namespace.forwardRef(({ className, children, portal = false, ...props }, ref) => {
+  const Comp = portal ? ActionBarPortal : React8__namespace.Fragment;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      onInteractOutside: (e) => e.preventDefault(),
+      className: cn(
+        "fixed left-1/2 bottom-[24px] z-50 -translate-x-1/2",
+        "flex items-center justify-items-center rounded-full shadow-lg shadow-actionBar-shadow",
+        "data-[state=open]:animate-slide-up-center data-[state=closed]:animate-slide-down-center",
+        "bg-button-primary-background-default",
+        "overflow-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "nebula-ds sr-only" }),
+        children
+      ]
+    }
+  ) });
+});
+ActionBarContent.displayName = "ActionBarContent";
 
 // src/tailwind.ts
 function content({ base = "./" } = {}) {
@@ -2364,11 +2623,13 @@ lucide-react/dist/esm/icons/chevron-left.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevrons-left.js:
 lucide-react/dist/esm/icons/chevrons-right.js:
+lucide-react/dist/esm/icons/circle-check-big.js:
 lucide-react/dist/esm/icons/circle-x.js:
 lucide-react/dist/esm/icons/circle.js:
 lucide-react/dist/esm/icons/ellipsis.js:
 lucide-react/dist/esm/icons/eye-off.js:
 lucide-react/dist/esm/icons/eye.js:
+lucide-react/dist/esm/icons/info.js:
 lucide-react/dist/esm/icons/minus.js:
 lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/lucide-react.js:
@@ -2386,6 +2647,13 @@ exports.AccordionDescription = AccordionDescription;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTitle = AccordionTitle;
 exports.AccordionTrigger = AccordionTrigger;
+exports.ActionBar = ActionBar;
+exports.ActionBarButton = ActionBarButton;
+exports.ActionBarClose = ActionBarClose;
+exports.ActionBarContent = ActionBarContent;
+exports.ActionBarDivider = ActionBarDivider;
+exports.ActionBarPortal = ActionBarPortal;
+exports.ActionBarTrigger = ActionBarTrigger;
 exports.Alert = Alert;
 exports.AlertButton = AlertButton;
 exports.AlertDescription = AlertDescription;
@@ -2402,6 +2670,7 @@ exports.AlertTitle = AlertTitle;
 exports.Async = StyledAsync;
 exports.AsyncCreatable = StyledAsyncCreatable;
 exports.Badge = Badge;
+exports.Box = Box;
 exports.Breadcrumb = Breadcrumb;
 exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
 exports.BreadcrumbItem = BreadcrumbItem;
@@ -2472,6 +2741,7 @@ exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
 exports.Tag = Tag;
+exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.alertVariants = alertVariants;
 exports.badgeSizeEnum = badgeSizeEnum;
@@ -2485,4 +2755,5 @@ exports.separatorVariants = separatorVariants;
 exports.setNebulaLanguage = setNebulaLanguage;
 exports.tagVariantsEnum = tagVariantsEnum;
 exports.tailwind = tailwind;
+exports.toast = toast;
 exports.useNebulaI18n = useNebulaI18n;