next-data-kit 9.0.1 → 9.0.2

package/dist/index.js

@@ -6,7 +6,6 @@ import { Filter, Loader2, MoreHorizontal, ArrowUp, ArrowDown, ChevronLeft, Chevr
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -936,31 +935,6 @@ function DropdownMenuSeparator({
     }
   );
 }
-function Switch({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SwitchPrimitive.Root,
-    {
-      "data-slot": "switch",
-      className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-zinc-200 focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-zinc-700 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        SwitchPrimitive.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
-          )
-        }
-      )
-    }
-  );
-}
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/30 aria-invalid:border-red-500",
   {
@@ -1439,16 +1413,13 @@ var DataKitRoot = (props) => {
               ]
             }
           ),
-          f.type === "BOOLEAN" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: f.placeholder ?? "Enable" }),
-            /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: Boolean(dataKit.filter[f.id]),
-                onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
-              }
-            )
-          ] })
+          f.type === "BOOLEAN" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: Boolean(dataKit.filter[f.id]),
+              onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)
+            }
+          ) })
         ] }, f.id)) }),
         /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [
           /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }),
@@ -1724,7 +1695,7 @@ var DataKitInner = (props, ref) => {
               }
             ),
             f.type === "BOOLEAN" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(
-              Switch,
+              Checkbox,
               {
                 checked: Boolean(dataKit.filter[f.id]),
                 onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c)