@facter/ds-core 1.9.0 → 1.10.0

package/dist/index.d.mts

@@ -2535,6 +2535,8 @@ interface FloatingBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     visible?: boolean;
     /** Position on screen */
     position?: 'bottom-center' | 'bottom-left' | 'bottom-right';
+    /** Additional classes for the outer positioning wrapper */
+    wrapperClassName?: string;
 }
 declare const actionVariants: (props?: ({
     variant?: "default" | "destructive" | "ghost" | "success" | null | undefined;

package/dist/index.d.ts

@@ -2535,6 +2535,8 @@ interface FloatingBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
     visible?: boolean;
     /** Position on screen */
     position?: 'bottom-center' | 'bottom-left' | 'bottom-right';
+    /** Additional classes for the outer positioning wrapper */
+    wrapperClassName?: string;
 }
 declare const actionVariants: (props?: ({
     variant?: "default" | "destructive" | "ghost" | "success" | null | undefined;

package/dist/index.js

@@ -7724,30 +7724,35 @@ var Wizard = Object.assign(WizardRoot, {
   Progress: WizardProgress
 });
 var positionClasses = {
-  "bottom-center": "bottom-6 left-1/2 -translate-x-1/2",
+  "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__namespace.forwardRef(
-  ({ className, visible = true, position = "bottom-center", children, style, ...props }, ref) => {
+  ({ className, visible = true, position = "bottom-center", wrapperClassName, children, style, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         ref,
-        className: cn("fixed z-50", positionClasses[position]),
+        className: cn(
+          "fixed z-50 pointer-events-none",
+          positionClasses[position],
+          wrapperClassName
+        ),
         style,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.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",
+              "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
@@ -7759,18 +7764,18 @@ var FloatingBar = React10__namespace.forwardRef(
 );
 FloatingBar.displayName = "FloatingBar";
 var actionVariants = classVarianceAuthority.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",
+  "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",
-        success: "bg-emerald-600 hover:bg-emerald-700 text-white",
-        destructive: "bg-red-600 hover:bg-red-700 text-white",
+        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-8 px-4 text-sm",
-        sm: "h-7 px-3 text-xs"
+        default: "h-9 px-5 text-sm",
+        sm: "h-8 px-4 text-xs"
       }
     },
     defaultVariants: {
@@ -7788,7 +7793,7 @@ var FloatingBarAction = React10__namespace.forwardRef(
         className: cn(actionVariants({ variant, size, className })),
         ...props,
         children: [
-          Icon2 && /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-3.5 w-3.5" }),
+          Icon2 && /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children })
         ]
       }
@@ -7797,7 +7802,7 @@ var FloatingBarAction = React10__namespace.forwardRef(
 );
 FloatingBarAction.displayName = "FloatingBarAction";
 var iconActionVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-full transition-colors duration-150 disabled:opacity-50 disabled:pointer-events-none",
+  "inline-flex items-center justify-center rounded-full transition-colors duration-150 cursor-pointer disabled:opacity-50 disabled:pointer-events-none",
   {
     variants: {
       variant: {
@@ -7807,8 +7812,8 @@ var iconActionVariants = classVarianceAuthority.cva(
         danger: "text-muted-foreground hover:text-destructive hover:bg-destructive/10"
       },
       size: {
-        default: "h-8 w-8",
-        sm: "h-7 w-7"
+        default: "h-9 w-9",
+        sm: "h-8 w-8"
       }
     },
     defaultVariants: {
@@ -7839,7 +7844,7 @@ var FloatingBarDivider = React10__namespace.forwardRef(
       "div",
       {
         ref,
-        className: cn("w-px h-5 bg-border mx-0.5", className),
+        className: cn("w-px h-6 bg-border/60 mx-0.5", className),
         ...props
       }
     );