@bookers/ui 0.7.0 → 0.8.0

package/dist/index.d.ts

@@ -156,8 +156,12 @@ export declare type CalendarProps = DayPickerProps;
 
 export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare interface CheckboxProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof checkboxVariants> {
+export declare interface CheckboxProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "className">, VariantProps<typeof checkboxVariants> {
     isError?: boolean;
+    /** Layout and positioning on the root wrapper (e.g. `mt-1`, `self-start`). */
+    className?: string;
+    /** Visual overrides on the native checkbox input. */
+    inputClassName?: string;
 }
 
 export declare const checkboxVariants: (props?: ({
@@ -737,8 +741,12 @@ export declare const radioGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare interface RadioProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof radioVariants> {
+export declare interface RadioProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "className">, VariantProps<typeof radioVariants> {
     isError?: boolean;
+    /** Layout and positioning on the root wrapper (e.g. `mt-1`, `self-start`). */
+    className?: string;
+    /** Visual overrides on the native radio input. */
+    inputClassName?: string;
 }
 
 export declare const radioVariants: (props?: ({
@@ -814,8 +822,12 @@ export declare interface StringColumnFilterState {
 
 export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare interface SwitchProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof switchTrackVariants> {
+export declare interface SwitchProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "className">, VariantProps<typeof switchTrackVariants> {
     isError?: boolean;
+    /** Layout and positioning on the root wrapper (e.g. `mt-1`, `self-start`). */
+    className?: string;
+    /** Classes on the native switch input overlay (hit area). */
+    inputClassName?: string;
 }
 
 export declare const switchTrackVariants: (props?: ({

package/dist/index.js

@@ -3931,46 +3931,55 @@ const Sv = ye(
   md: "size-3",
   lg: "size-3.5"
 }, kv = u.forwardRef(
-  ({ className: e, size: t, isError: n, ...r }, o) => {
-    const a = Nv[t ?? "md"];
-    return /* @__PURE__ */ O("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: [
-      /* @__PURE__ */ f(
-        "input",
-        {
-          type: "checkbox",
-          ref: o,
-          className: R(
-            Sv({ size: t }),
-            n && "border-destructive",
-            e
+  ({ className: e, inputClassName: t, size: n, isError: r, ...o }, a) => {
+    const s = Nv[n ?? "md"];
+    return /* @__PURE__ */ O(
+      "span",
+      {
+        className: R(
+          "relative inline-flex shrink-0 items-center justify-center",
+          e
+        ),
+        children: [
+          /* @__PURE__ */ f(
+            "input",
+            {
+              type: "checkbox",
+              ref: a,
+              className: R(
+                Sv({ size: n }),
+                r && "border-destructive",
+                t
+              ),
+              "aria-invalid": r || void 0,
+              ...o
+            }
           ),
-          "aria-invalid": n || void 0,
-          ...r
-        }
-      ),
-      /* @__PURE__ */ f(
-        gn,
-        {
-          "aria-hidden": "true",
-          className: R(
-            "pointer-events-none absolute text-primary-foreground opacity-0 transition-opacity",
-            "peer-checked:opacity-100 peer-disabled:opacity-30",
-            a
-          )
-        }
-      ),
-      /* @__PURE__ */ f(
-        Tc,
-        {
-          "aria-hidden": "true",
-          className: R(
-            "pointer-events-none absolute text-primary-foreground opacity-0 transition-opacity",
-            "peer-indeterminate:opacity-100 peer-disabled:opacity-30",
-            a
+          /* @__PURE__ */ f(
+            gn,
+            {
+              "aria-hidden": "true",
+              className: R(
+                "pointer-events-none absolute text-primary-foreground opacity-0 transition-opacity",
+                "peer-checked:opacity-100 peer-disabled:opacity-30",
+                s
+              )
+            }
+          ),
+          /* @__PURE__ */ f(
+            Tc,
+            {
+              "aria-hidden": "true",
+              className: R(
+                "pointer-events-none absolute text-primary-foreground opacity-0 transition-opacity",
+                "peer-indeterminate:opacity-100 peer-disabled:opacity-30",
+                s
+              )
+            }
           )
-        }
-      )
-    ] });
+        ]
+      }
+    );
   }
 );
 kv.displayName = "Checkbox";
@@ -15109,26 +15118,35 @@ const lm = u.createContext({}), CN = ye(
     }
   }
 ), NN = u.forwardRef(
-  ({ className: e, size: t, isError: n, name: r, ...o }, a) => {
-    const s = u.use(lm);
-    return /* @__PURE__ */ O("span", { className: "relative inline-flex shrink-0 items-center justify-center", children: [
-      /* @__PURE__ */ f(
-        "input",
-        {
-          type: "radio",
-          ref: a,
-          name: r ?? s.name,
-          className: R(
-            CN({ size: t }),
-            n && "border-destructive",
-            e
+  ({ className: e, inputClassName: t, size: n, isError: r, name: o, ...a }, s) => {
+    const i = u.use(lm);
+    return /* @__PURE__ */ O(
+      "span",
+      {
+        className: R(
+          "relative inline-flex shrink-0 items-center justify-center",
+          e
+        ),
+        children: [
+          /* @__PURE__ */ f(
+            "input",
+            {
+              type: "radio",
+              ref: s,
+              name: o ?? i.name,
+              className: R(
+                CN({ size: n }),
+                r && "border-destructive",
+                t
+              ),
+              "aria-invalid": r || void 0,
+              ...a
+            }
           ),
-          "aria-invalid": n || void 0,
-          ...o
-        }
-      ),
-      /* @__PURE__ */ f("span", { "aria-hidden": "true", className: SN({ size: t }) })
-    ] });
+          /* @__PURE__ */ f("span", { "aria-hidden": "true", className: SN({ size: n }) })
+        ]
+      }
+    );
   }
 );
 NN.displayName = "Radio";
@@ -15210,35 +15228,44 @@ const DN = ye(
     }
   }
 ), TN = u.forwardRef(
-  ({ className: e, size: t, isError: n, ...r }, o) => /* @__PURE__ */ O("span", { className: "relative inline-flex shrink-0 items-center", children: [
-    /* @__PURE__ */ f(
-      "input",
-      {
-        type: "checkbox",
-        role: "switch",
-        ref: o,
-        className: R(
-          "peer absolute inset-0 z-10 cursor-pointer opacity-0",
-          "disabled:cursor-not-allowed",
-          e
+  ({ className: e, inputClassName: t, size: n, isError: r, ...o }, a) => /* @__PURE__ */ O(
+    "span",
+    {
+      className: R(
+        "relative inline-flex shrink-0 items-center",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ f(
+          "input",
+          {
+            type: "checkbox",
+            role: "switch",
+            ref: a,
+            className: R(
+              "peer absolute inset-0 z-10 cursor-pointer opacity-0",
+              "disabled:cursor-not-allowed",
+              t
+            ),
+            "aria-invalid": r || void 0,
+            ...o
+          }
         ),
-        "aria-invalid": n || void 0,
-        ...r
-      }
-    ),
-    /* @__PURE__ */ f(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: R(
-          DN({ size: t }),
-          n && "ring-2 ring-destructive ring-offset-2 ring-offset-background",
-          n && "peer-focus-visible:ring-destructive"
-        )
-      }
-    ),
-    /* @__PURE__ */ f("span", { "aria-hidden": "true", className: RN({ size: t }) })
-  ] })
+        /* @__PURE__ */ f(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: R(
+              DN({ size: n }),
+              r && "ring-2 ring-destructive ring-offset-2 ring-offset-background",
+              r && "peer-focus-visible:ring-destructive"
+            )
+          }
+        ),
+        /* @__PURE__ */ f("span", { "aria-hidden": "true", className: RN({ size: n }) })
+      ]
+    }
+  )
 );
 TN.displayName = "Switch";
 var Jo = "Tabs", [PN] = rt(Jo, [