@facter/ds-core 1.8.3 → 1.9.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 })
@@ -6330,8 +6330,8 @@ var PageHeader = React10.memo(function PageHeader2({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col leading-none", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-semibold", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "text-[1.05rem] text-muted-foreground max-w-lg text-balance leading-relaxed", children: description })
+          /* @__PURE__ */ jsx("span", { className: "text-3xl font-semibold", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "text-[1.05rem] text-muted-foreground max-w-lg text-balance leading-relaxed", children: description })
         ] }),
         children && /* @__PURE__ */ jsx("div", { className: "flex gap-3 mt-2 sm:mt-0 shrink-0", children })
       ]
@@ -7692,6 +7692,157 @@ var Wizard = Object.assign(WizardRoot, {
   /** Progress bar indicator */
   Progress: WizardProgress
 });
+var positionClasses = {
+  "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
+  "bottom-left": "bottom-6 left-6",
+  "bottom-right": "bottom-6 right-6"
+};
+var FloatingBar = React10.forwardRef(
+  ({ className, visible = true, position = "bottom-center", children, style, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("fixed z-50", positionClasses[position]),
+        style,
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-1.5 px-2 py-1.5 rounded-full",
+              "bg-white/70 dark:bg-gray-900/70 backdrop-blur-xl",
+              "border border-white/50 dark:border-white/10",
+              "shadow-xl shadow-black/10 dark:shadow-black/30",
+              "ring-1 ring-black/5 dark:ring-white/5",
+              "transition-all duration-300 ease-out",
+              visible ? "translate-y-0 opacity-100" : "translate-y-4 opacity-0 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary hover:bg-primary/90 text-primary-foreground",
+        success: "bg-emerald-600 hover:bg-emerald-700 text-white",
+        destructive: "bg-red-600 hover:bg-red-700 text-white",
+        ghost: "hover:bg-accent text-foreground"
+      },
+      size: {
+        default: "h-8 px-4 text-sm",
+        sm: "h-7 px-3 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-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx("span", { children })
+        ]
+      }
+    );
+  }
+);
+FloatingBarAction.displayName = "FloatingBarAction";
+var iconActionVariants = cva(
+  "inline-flex items-center justify-center rounded-full transition-colors duration-150 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-8 w-8",
+        sm: "h-7 w-7"
+      }
+    },
+    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-5 bg-border 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 +8251,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