@bookers/ui 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -810,7 +810,7 @@ export declare const textareaVariants: (props?: ({
 export { toast }
 
 export declare const Toaster: {
-    ({ ...props }: ToasterProps): JSX.Element;
+    ({ toastOptions, ...props }: ToasterProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -3418,9 +3418,9 @@ const _g = Ee(
     variants: {
       variant: {
         default: "bg-background border-border text-foreground [&>svg]:text-foreground",
-        info: "bg-blue-50 border-blue-200 text-blue-900 [&>svg]:text-blue-600",
-        success: "bg-green-50 border-green-200 text-green-900 [&>svg]:text-green-600",
-        warning: "bg-amber-50 border-amber-200 text-amber-900 [&>svg]:text-amber-700",
+        info: "bg-info/10 border-info/30 text-foreground [&>svg]:text-info",
+        success: "bg-success/10 border-success/30 text-foreground [&>svg]:text-success",
+        warning: "bg-warning/10 border-warning/30 text-foreground [&>svg]:text-warning",
         destructive: "bg-destructive/10 border-destructive/30 text-destructive [&>svg]:text-destructive"
       }
     },
@@ -3636,7 +3636,7 @@ const Qg = u.forwardRef(
 );
 Qg.displayName = "Avatar";
 const Jg = Ee(
-  "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium transition-colors",
+  "inline-flex items-center rounded-sm px-2.5 py-0.5 text-xs font-ui font-medium transition-colors",
   {
     variants: {
       variant: {
@@ -3644,8 +3644,8 @@ const Jg = Ee(
         secondary: "bg-secondary text-secondary-foreground",
         destructive: "bg-destructive text-destructive-foreground",
         outline: "border border-border bg-transparent text-foreground",
-        success: "bg-green-100 text-green-800",
-        warning: "bg-amber-100 text-amber-800"
+        success: "bg-success/10 text-success",
+        warning: "bg-warning/10 text-foreground"
       }
     },
     defaultVariants: {
@@ -3667,7 +3667,7 @@ const tv = Ee(
   [
     "relative inline-flex items-center justify-center gap-2",
     "cursor-pointer",
-    "whitespace-nowrap rounded-md font-medium",
+    "whitespace-nowrap rounded-md font-ui font-medium",
     "ring-offset-background transition-[background-color,color,border-color,scale]",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
     "disabled:pointer-events-none disabled:opacity-50",
@@ -3698,16 +3698,17 @@ const tv = Ee(
           "focus-visible:ring-ring"
         ],
         link: [
-          "bg-transparent text-foreground underline-offset-4",
-          "hover:underline",
+          "bg-transparent text-primary underline underline-offset-4",
+          "justify-start",
+          "hover:text-primary/80",
           "focus-visible:ring-ring",
           "active:scale-100"
         ]
       },
       size: {
         sm: "h-8 px-3 text-xs",
-        md: "h-10 px-4 py-2 text-sm",
-        lg: "h-11 px-8 text-base"
+        md: "h-10 px-5 text-sm",
+        lg: "h-12 px-6 text-base"
       }
     },
     defaultVariants: {
@@ -3758,6 +3759,8 @@ const tv = Ee(
         ref: f,
         className: E(
           tv({ variant: t, size: n }),
+          // Icon-only: enforce perfect square with no padding (PDF p.48: 48×48)
+          a === "center" && "aspect-square p-0",
           c && "active:scale-100",
           e
         ),
@@ -3776,7 +3779,7 @@ const tv = Ee(
 gr.displayName = "Button";
 const nv = Ee(
   [
-    "peer appearance-none rounded-sm border border-input bg-background cursor-pointer",
+    "peer appearance-none rounded-xs border border-input bg-background cursor-pointer",
     "checked:bg-primary checked:border-primary",
     "indeterminate:bg-primary indeterminate:border-primary",
     "transition-[color,border-color,background-color,box-shadow]",
@@ -7011,7 +7014,7 @@ iw.displayName = "Popover";
 const cw = Ee(
   [
     "w-full flex items-center justify-between gap-2",
-    "rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground",
+    "rounded-md border border-border bg-background px-3 py-2 text-sm font-ui text-foreground",
     "ring-offset-background",
     "transition-[border-color,box-shadow,scale]",
     "active:scale-[0.96]",
@@ -7422,7 +7425,7 @@ const md = u.createContext({
 }), xw = Ee(
   [
     "w-full rounded-md border border-input bg-background",
-    "text-foreground placeholder:text-muted-foreground",
+    "font-body text-foreground placeholder:text-muted-foreground",
     "transition-[color,border-color,box-shadow]",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background",
     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -7530,7 +7533,7 @@ const gd = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
 gd.displayName = "PaginationRoot";
 const Ss = [
   "inline-flex items-center justify-center",
-  "size-10 rounded-md text-sm font-medium select-none tabular-nums",
+  "size-10 rounded-md text-sm font-ui font-medium select-none tabular-nums",
   "transition-[color,background-color,box-shadow] duration-150",
   "active:scale-[0.96]",
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
@@ -8474,7 +8477,7 @@ var Uw = Nd, Qd = kd, Kw = Dd, qw = Rd, Jd = Td, Xw = Ad, Zw = Wd, eu = $d, tu =
 const ex = Ee(
   [
     "w-full flex items-center justify-between gap-2",
-    "rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground",
+    "rounded-md border border-border bg-background px-3 py-2 text-sm font-ui text-foreground",
     "ring-offset-background",
     "transition-[border-color,box-shadow,scale]",
     "active:scale-[0.96]",
@@ -14002,7 +14005,7 @@ function PS(e) {
 const OS = Ee(
   [
     "w-full flex items-center gap-2",
-    "rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground",
+    "rounded-md border border-border bg-background px-3 py-2 text-sm font-ui text-foreground",
     "ring-offset-background",
     "transition-[border-color,box-shadow,scale]",
     "active:scale-[0.96]",
@@ -14202,7 +14205,7 @@ const em = u.forwardRef(
         className: E(
           "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
           "w-full max-w-lg rounded-xl bg-background p-6",
-          "ring-1 ring-border/60 shadow-xl",
+          "ring-1 ring-border/60 shadow-lg",
           "data-[state=open]:animate-dialog-content-in",
           "data-[state=closed]:animate-dialog-content-out",
           e
@@ -14317,7 +14320,7 @@ YS.displayName = "FieldMessage";
 const VS = Ee(
   [
     "w-full appearance-none rounded-md border border-input bg-background pr-9",
-    "text-foreground",
+    "font-ui text-foreground",
     "transition-[color,border-color,box-shadow]",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background",
     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50"
@@ -14735,7 +14738,7 @@ const Cm = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
     ref: n,
     className: E(
       "inline-flex items-center justify-center gap-2 whitespace-nowrap",
-      "rounded-sm px-3 py-1.5 text-sm font-medium",
+      "rounded-sm px-3 py-1.5 text-sm font-ui font-medium",
       "text-muted-foreground select-none outline-none",
       "transition-[color,background-color,box-shadow] duration-150",
       "hover:text-foreground",
@@ -14775,7 +14778,7 @@ oN.displayName = "Tabs";
 const aN = Ee(
   [
     "w-full rounded-md border border-input bg-background",
-    "text-foreground placeholder:text-muted-foreground",
+    "font-body text-foreground placeholder:text-muted-foreground",
     "transition-[color,border-color,box-shadow]",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background",
     "resize-y",
@@ -15549,16 +15552,26 @@ const _N = /* @__PURE__ */ S.forwardRef(function(t, n) {
       });
     })) : null;
   }));
-}), AN = ({ ...e }) => /* @__PURE__ */ m(
-  _N,
-  {
-    theme: "light",
-    richColors: !0,
-    position: "top-center",
-    closeButton: !0,
-    ...e
-  }
-);
+}), AN = ({ toastOptions: e, ...t }) => {
+  var n;
+  return /* @__PURE__ */ m(
+    _N,
+    {
+      theme: "light",
+      richColors: !0,
+      position: "top-center",
+      closeButton: !0,
+      toastOptions: {
+        ...e,
+        classNames: {
+          ...e == null ? void 0 : e.classNames,
+          toast: `shadow-lg ${((n = e == null ? void 0 : e.classNames) == null ? void 0 : n.toast) ?? ""}`.trim()
+        }
+      },
+      ...t
+    }
+  );
+};
 AN.displayName = "Toaster";
 var [Uo] = nt("Tooltip", [
   Kt
@@ -15877,8 +15890,8 @@ const vM = ZN, tM = QN, nM = JN, _m = u.forwardRef(({ className: e, sideOffset:
     ref: r,
     sideOffset: t,
     className: E(
-      "z-50 overflow-hidden rounded-md bg-foreground px-3 py-1.5",
-      "text-xs text-background font-medium",
+      "z-50 overflow-hidden rounded-md bg-foreground px-3 py-1.5 shadow-md",
+      "text-xs font-body text-background font-medium",
       "origin-(--radix-tooltip-content-transform-origin)",
       "data-[state=delayed-open]:animate-tooltip-in",
       "data-[state=instant-open]:animate-tooltip-in",