@facter/ds-core 1.8.4 → 1.10.0

package/dist/index.mjs

@@ -280,12 +280,12 @@ var badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary/15 text-primary hover:bg-primary/25",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        success: "border-transparent bg-green-500/15 text-green-600 dark:text-green-400 hover:bg-green-500/25",
-        warning: "border-transparent bg-yellow-500/15 text-yellow-600 dark:text-yellow-400 hover:bg-yellow-500/25",
-        error: "border-transparent bg-red-500/15 text-red-600 dark:text-red-400 hover:bg-red-500/25",
-        info: "border-transparent bg-blue-500/15 text-blue-600 dark:text-blue-400 hover:bg-blue-500/25",
+        default: "border-primary/15 bg-primary/5 text-primary hover:bg-primary/15",
+        secondary: "border-secondary/15 bg-secondary/80 text-secondary-foreground hover:bg-secondary/70",
+        success: "border-green-500/15 bg-green-500/5 text-green-600 dark:text-green-400 hover:bg-green-500/15",
+        warning: "border-yellow-500/15 bg-yellow-500/5 text-yellow-600 dark:text-yellow-400 hover:bg-yellow-500/15",
+        error: "border-red-500/15 bg-red-500/5 text-red-600 dark:text-red-400 hover:bg-red-500/15",
+        info: "border-blue-500/15 bg-blue-500/5 text-blue-600 dark:text-blue-400 hover:bg-blue-500/15",
         outline: "border-border text-foreground hover:bg-muted"
       },
       size: {
@@ -2545,7 +2545,7 @@ var RippleEffect = React10.memo(
   }) => {
     const { base, increment } = SIZE_CONFIG[size];
     const opacities = INTENSITY_CONFIG[intensity];
-    const positionClasses = POSITION_CONFIG[position];
+    const positionClasses2 = POSITION_CONFIG[position];
     const rippleRings = React10.useMemo(
       () => Array.from({ length: rings }).map((_, index) => {
         const ringSize = base + increment * (rings - index - 1);
@@ -2567,7 +2567,7 @@ var RippleEffect = React10.memo(
       {
         className: cn(
           "absolute inset-0 flex pointer-events-none",
-          positionClasses,
+          positionClasses2,
           className
         ),
         children: /* @__PURE__ */ jsx("div", { className: "relative", children: rippleRings })
@@ -7692,6 +7692,162 @@ var Wizard = Object.assign(WizardRoot, {
   /** Progress bar indicator */
   Progress: WizardProgress
 });
+var positionClasses = {
+  "bottom-center": "bottom-6 inset-x-0 flex justify-center",
+  "bottom-left": "bottom-6 left-6",
+  "bottom-right": "bottom-6 right-6"
+};
+var FloatingBar = React10.forwardRef(
+  ({ className, visible = true, position = "bottom-center", wrapperClassName, children, style, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed z-50 pointer-events-none",
+          positionClasses[position],
+          wrapperClassName
+        ),
+        style,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "pointer-events-auto",
+              "flex items-center gap-2 px-4 py-2.5 rounded-full",
+              "bg-white/80 dark:bg-gray-900/80 backdrop-blur-xl",
+              "border border-white/60 dark:border-white/10",
+              "shadow-2xl shadow-black/15 dark:shadow-black/40",
+              "ring-1 ring-black/[0.06] dark:ring-white/[0.06]",
+              "transition-all duration-300",
+              visible ? "translate-y-0 opacity-100 scale-100" : "translate-y-6 opacity-0 scale-95 pointer-events-none",
+              className
+            ),
+            children
+          }
+        )
+      }
+    );
+  }
+);
+FloatingBar.displayName = "FloatingBar";
+var actionVariants = cva(
+  "inline-flex items-center gap-2 rounded-full font-medium transition-all duration-150 active:scale-[0.97] disabled:opacity-50 disabled:pointer-events-none cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary hover:bg-primary/90 text-primary-foreground shadow-sm",
+        success: "bg-emerald-600 hover:bg-emerald-700 text-white shadow-sm shadow-emerald-600/20",
+        destructive: "bg-red-600 hover:bg-red-700 text-white shadow-sm shadow-red-600/20",
+        ghost: "hover:bg-accent text-foreground"
+      },
+      size: {
+        default: "h-9 px-5 text-sm",
+        sm: "h-8 px-4 text-xs"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var FloatingBarAction = React10.forwardRef(
+  ({ className, variant, size, icon: Icon2, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: cn(actionVariants({ variant, size, className })),
+        ...props,
+        children: [
+          Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children })
+        ]
+      }
+    );
+  }
+);
+FloatingBarAction.displayName = "FloatingBarAction";
+var iconActionVariants = cva(
+  "inline-flex items-center justify-center rounded-full transition-colors duration-150 cursor-pointer disabled:opacity-50 disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "text-muted-foreground hover:text-foreground hover:bg-muted",
+        success: "text-muted-foreground hover:text-emerald-600 hover:bg-emerald-500/10",
+        warning: "text-muted-foreground hover:text-amber-600 hover:bg-amber-500/10",
+        danger: "text-muted-foreground hover:text-destructive hover:bg-destructive/10"
+      },
+      size: {
+        default: "h-9 w-9",
+        sm: "h-8 w-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var FloatingBarIconAction = React10.forwardRef(
+  ({ className, variant, size, icon: Icon2, label, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        "aria-label": label,
+        title: label,
+        className: cn(iconActionVariants({ variant, size, className })),
+        ...props,
+        children: /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" })
+      }
+    );
+  }
+);
+FloatingBarIconAction.displayName = "FloatingBarIconAction";
+var FloatingBarDivider = React10.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("w-px h-6 bg-border/60 mx-0.5", className),
+        ...props
+      }
+    );
+  }
+);
+FloatingBarDivider.displayName = "FloatingBarDivider";
+var FloatingBarCounter = React10.forwardRef(
+  ({ className, count, label = "selecionado", pluralLabel, ...props }, ref) => {
+    const plural = pluralLabel ?? `${label}s`;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium whitespace-nowrap tabular-nums px-2",
+          className
+        ),
+        ...props,
+        children: [
+          count,
+          " ",
+          count === 1 ? label : plural
+        ]
+      }
+    );
+  }
+);
+FloatingBarCounter.displayName = "FloatingBarCounter";
+var FloatingBarCompound = Object.assign(FloatingBar, {
+  Action: FloatingBarAction,
+  IconAction: FloatingBarIconAction,
+  Divider: FloatingBarDivider,
+  Counter: FloatingBarCounter
+});
 function Logo({
   width = 100,
   color = "currentColor",
@@ -8100,6 +8256,6 @@ var THEME_INFO = {
   }
 };
 
-export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, ItemCard, ItemCardActionButton, ItemCardActions, ItemCardActionsRow, ItemCardBadge, ItemCardContent, ItemCardContentItem, ItemCardEmpty, ItemCardFooter, ItemCardFooterDivider, ItemCardFooterItem, ItemCardHeader, ItemCardIcon, ItemCardRoot, ItemCardSubtitle, ItemCardTitle, ItemCardTitleGroup, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, PageHeader, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, SimpleTooltip, Skeleton, Sparkline, StatsCard, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Tooltip, TooltipAction, TooltipActions, TooltipArrow, TooltipContent, TooltipDescription, TooltipHeader, TooltipIcon, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, TooltipTrigger, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
+export { AuthLayout, Avatar, AvatarFallback, AvatarImage, Badge, BigNumberCard, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DENSITY_CONFIG, DashboardLayout, DataTable, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FACTER_THEMES, FloatingBarCompound as FloatingBar, FloatingBarAction, FloatingBarCounter, FloatingBarDivider, FloatingBarIconAction, Form, FormCheckbox, FormDescription, FormError, FormFieldProvider, FormFieldWrapper, FormInput, FormLabel, FormRadioGroup, FormSelect, FormSwitch, FormTextarea, GlobalLoaderController, Input, ItemCard, ItemCardActionButton, ItemCardActions, ItemCardActionsRow, ItemCardBadge, ItemCardContent, ItemCardContentItem, ItemCardEmpty, ItemCardFooter, ItemCardFooterDivider, ItemCardFooterItem, ItemCardHeader, ItemCardIcon, ItemCardRoot, ItemCardSubtitle, ItemCardTitle, ItemCardTitleGroup, Kanban, Loader, LoaderProvider, Logo, MobileNav, MobileNavItem, Navbar, NavbarCompanyProfile, NavbarNotification, NavbarUserMenu, PageHeader, Popover, PopoverContent, PopoverTrigger, RippleBackground, RippleEffect, RippleWrapper, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, SectionHeaderBadge, SectionHeaderContent, SectionHeaderIcon, SectionHeaderRoot, SectionHeaderSubtitle, SectionHeaderTitle, Select, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectionLayout, Separator3 as Separator, Sidebar, SimpleTooltip, Skeleton, Sparkline, StatsCard, Switch, THEME_INFO, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, ThemeToggle, Toaster, Tooltip, TooltipAction, TooltipActions, TooltipArrow, TooltipContent, TooltipDescription, TooltipHeader, TooltipIcon, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTitle, TooltipTrigger, Wizard, WizardContent, WizardNavigation, WizardPanel, WizardProgress, WizardProvider, WizardStepConnector, WizardStepIndicator, WizardSteps, cn, itemCardBadgeVariants, itemCardIconVariants, itemCardVariants, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormFieldContext, useItemCard, useKanban, useKanbanOptional, useLoader, useMediaQuery2 as useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map