@web-my-money/primitives 1.0.0

package/dist/slide-over/index.d.ts

@@ -0,0 +1,92 @@
+import * as React from 'react';
+import { Dialog } from '@base-ui/react/dialog';
+
+interface UseRecordNavOptions {
+    /** CSS selector matching navigable record elements, e.g. '[data-record-id]'. */
+    selector: string;
+    /** Attribute to read each record's id from. Default 'data-record-id'. */
+    idAttribute?: string;
+    /** Currently open record id — next/prev is computed relative to this. */
+    currentId?: string | null;
+    /** Called with the next/previous record's id. */
+    onNavigate: (id: string) => void;
+    /** Enable the listener (e.g. only while a SlideOver is open). Default true. */
+    enabled?: boolean;
+    /** Key bindings. Default { next: "j", prev: "k" }. */
+    keys?: {
+        next?: string;
+        prev?: string;
+    };
+}
+/**
+ * Keyboard record-to-record navigation over whatever's currently rendered in
+ * the DOM (generalizes wmm-tasks' j/k board navigation) — no separate fetched
+ * list, no ordering logic: it walks `document.querySelectorAll(selector)` in
+ * DOM order, so navigation always matches what the user sees on screen.
+ * Ignored while focus is in a form control, or with any modifier key held.
+ *
+ *   useRecordNav({
+ *     selector: "[data-task-id]",
+ *     currentId: openTaskId,
+ *     onNavigate: (id) => openTask(id),
+ *     enabled: !!openTaskId,
+ *   });
+ */
+declare function useRecordNav({ selector, idAttribute, currentId, onNavigate, enabled, keys, }: UseRecordNavOptions): void;
+
+/**
+ * SlideOver — a large detail/record view over the current screen (task detail,
+ * client profile, order detail): bigger than Dialog, not edge-anchored like
+ * Sheet. Modeled on the wmm-tasks task-detail panel, rebuilt on Base UI Dialog
+ * (real focus trap + a11y instead of a hand-rolled one) with size variants
+ * instead of one fixed width, and an optional multi-column body for
+ * properties-rail / main-content / discussion-rail layouts.
+ *
+ * Three complementary "show detail over the current view" options exist —
+ * pick by content, not habit:
+ *   - Dialog     — small, single decision (confirm, short form)
+ *   - Sheet      — edge-anchored panel (filters, mobile actions), side= any edge
+ *   - SlideOver  — large record/detail view, optionally multi-column, often
+ *                  paired with a URL param so the underlying list stays intact
+ *                  (see @web-my-money/blocks/next's useUrlPanelParam)
+ */
+declare function SlideOver({ ...props }: Dialog.Root.Props): React.JSX.Element;
+declare function SlideOverTrigger({ ...props }: Dialog.Trigger.Props): React.JSX.Element;
+declare function SlideOverPortal({ ...props }: Dialog.Portal.Props): React.JSX.Element;
+declare function SlideOverClose({ ...props }: Dialog.Close.Props): React.JSX.Element;
+declare function SlideOverOverlay({ className, ...props }: Dialog.Backdrop.Props): React.JSX.Element;
+type SlideOverSize = "md" | "lg" | "xl" | "full";
+interface SlideOverContentProps extends Dialog.Popup.Props {
+    size?: SlideOverSize;
+    showCloseButton?: boolean;
+}
+declare function SlideOverContent({ className, children, size, showCloseButton, ...props }: SlideOverContentProps): React.JSX.Element;
+declare function SlideOverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/** Footer strip — pairs well with a keyboard-shortcut legend (see `shortcuts`). */
+declare function SlideOverFooter({ className, shortcuts, children, ...props }: React.ComponentProps<"div"> & {
+    shortcuts?: React.ReactNode;
+}): React.JSX.Element;
+declare function SlideOverTitle({ className, ...props }: Dialog.Title.Props): React.JSX.Element;
+declare function SlideOverDescription({ className, ...props }: Dialog.Description.Props): React.JSX.Element;
+interface SlideOverColumn {
+    key: string;
+    content: React.ReactNode;
+    /** Tailwind width classes for the column at `lg:` and up. Default: flexes to fill. */
+    width?: string;
+    /** Order at `lg:` and up (mobile always stacks in array order). */
+    order?: number;
+    className?: string;
+}
+/**
+ * The wmm-tasks 3-column body convention: named columns that stack vertically
+ * on mobile (one shared scroll context) and sit side-by-side with independent
+ * scroll on `lg:` and up. Pass 1-3 columns; a single column just fills the
+ * body. `order`/`width` let the visual arrangement differ from array order
+ * (e.g. render [rail, main, discussion] but display main first on mobile).
+ */
+declare function SlideOverColumns({ columns, className, }: {
+    columns: SlideOverColumn[];
+    className?: string;
+}): React.JSX.Element;
+
+export { SlideOver, SlideOverClose, type SlideOverColumn, SlideOverColumns, SlideOverContent, type SlideOverContentProps, SlideOverDescription, SlideOverFooter, SlideOverHeader, SlideOverOverlay, SlideOverPortal, type SlideOverSize, SlideOverTitle, SlideOverTrigger, type UseRecordNavOptions, useRecordNav };

package/dist/slide-over/index.js

@@ -0,0 +1,298 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/slide-over/index.tsx
+var slide_over_exports = {};
+__export(slide_over_exports, {
+  SlideOver: () => SlideOver,
+  SlideOverClose: () => SlideOverClose,
+  SlideOverColumns: () => SlideOverColumns,
+  SlideOverContent: () => SlideOverContent,
+  SlideOverDescription: () => SlideOverDescription,
+  SlideOverFooter: () => SlideOverFooter,
+  SlideOverHeader: () => SlideOverHeader,
+  SlideOverOverlay: () => SlideOverOverlay,
+  SlideOverPortal: () => SlideOverPortal,
+  SlideOverTitle: () => SlideOverTitle,
+  SlideOverTrigger: () => SlideOverTrigger,
+  useRecordNav: () => useRecordNav
+});
+module.exports = __toCommonJS(slide_over_exports);
+var import_dialog = require("@base-ui/react/dialog");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/slide-over/index.tsx
+var import_lucide_react = require("lucide-react");
+
+// src/slide-over/use-record-nav.ts
+var React = __toESM(require("react"));
+function useRecordNav({
+  selector,
+  idAttribute = "data-record-id",
+  currentId,
+  onNavigate,
+  enabled = true,
+  keys
+}) {
+  const nextKey = keys?.next ?? "j";
+  const prevKey = keys?.prev ?? "k";
+  const onNavigateRef = React.useRef(onNavigate);
+  onNavigateRef.current = onNavigate;
+  React.useEffect(() => {
+    if (!enabled) return;
+    function onKeyDown(e) {
+      const target = e.target;
+      const tag = target?.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target?.isContentEditable) return;
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      if (e.key !== nextKey && e.key !== prevKey) return;
+      const nodes = Array.from(document.querySelectorAll(selector));
+      if (nodes.length === 0) return;
+      const ids = nodes.map((n) => n.getAttribute(idAttribute)).filter((id) => !!id);
+      const currentIndex = currentId ? ids.indexOf(currentId) : -1;
+      const delta = e.key === nextKey ? 1 : -1;
+      const nextIndex = currentIndex === -1 ? 0 : (currentIndex + delta + ids.length) % ids.length;
+      const nextId = ids[nextIndex];
+      if (nextId) {
+        e.preventDefault();
+        onNavigateRef.current(nextId);
+      }
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [enabled, selector, idAttribute, currentId, nextKey, prevKey]);
+}
+
+// src/slide-over/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function SlideOver({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Root, { "data-slot": "slide-over", ...props });
+}
+function SlideOverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "slide-over-trigger", ...props });
+}
+function SlideOverPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Portal, { "data-slot": "slide-over-portal", ...props });
+}
+function SlideOverClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Close, { "data-slot": "slide-over-close", ...props });
+}
+function SlideOverOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn("fixed inset-0 z-50 bg-black/50", className),
+      ...props
+    }
+  );
+}
+var SIZE_STYLES = {
+  md: "sm:max-w-2xl",
+  lg: "sm:max-w-4xl lg:max-w-5xl",
+  xl: "sm:max-w-6xl lg:max-w-7xl xl:max-w-[90rem]",
+  full: "sm:max-w-[100vw]"
+};
+function SlideOverContent({
+  className,
+  children,
+  size = "lg",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SlideOverPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlideOverOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "slide-over-content",
+        className: cn(
+          "fixed inset-0 z-50 flex w-full max-w-[100vw] flex-col overflow-hidden bg-card text-card-foreground outline-none sm:inset-y-6 sm:left-1/2 sm:h-[calc(100%-3rem)] sm:-translate-x-1/2 sm:rounded-xl sm:border sm:border-border sm:shadow-2xl",
+          SIZE_STYLES[size],
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            SlideOverClose,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { variant: "ghost", className: "absolute right-3 top-3 z-10", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SlideOverHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "slide-over-header",
+      className: cn("flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-6", className),
+      ...props
+    }
+  );
+}
+function SlideOverFooter({
+  className,
+  shortcuts,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      "data-slot": "slide-over-footer",
+      className: cn(
+        "flex shrink-0 flex-wrap items-center justify-between gap-2 border-t border-border px-4 py-2.5 text-xs text-muted-foreground sm:px-6",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-3", children: shortcuts }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center gap-2", children })
+      ]
+    }
+  );
+}
+function SlideOverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "slide-over-title",
+      className: cn("truncate font-heading text-base font-semibold", className),
+      ...props
+    }
+  );
+}
+function SlideOverDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "slide-over-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SlideOverColumns({
+  columns,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn("flex flex-1 flex-col overflow-y-auto lg:flex-row lg:overflow-hidden", className), children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col lg:h-full lg:overflow-y-auto",
+        col.width ?? "lg:flex-1",
+        col.className
+      ),
+      style: col.order != null ? { order: col.order } : void 0,
+      children: col.content
+    },
+    col.key
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SlideOver,
+  SlideOverClose,
+  SlideOverColumns,
+  SlideOverContent,
+  SlideOverDescription,
+  SlideOverFooter,
+  SlideOverHeader,
+  SlideOverOverlay,
+  SlideOverPortal,
+  SlideOverTitle,
+  SlideOverTrigger,
+  useRecordNav
+});

package/dist/slide-over/index.mjs

@@ -0,0 +1,31 @@
+"use client";
+import {
+  SlideOver,
+  SlideOverClose,
+  SlideOverColumns,
+  SlideOverContent,
+  SlideOverDescription,
+  SlideOverFooter,
+  SlideOverHeader,
+  SlideOverOverlay,
+  SlideOverPortal,
+  SlideOverTitle,
+  SlideOverTrigger,
+  useRecordNav
+} from "../chunk-NE5LEVMC.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  SlideOver,
+  SlideOverClose,
+  SlideOverColumns,
+  SlideOverContent,
+  SlideOverDescription,
+  SlideOverFooter,
+  SlideOverHeader,
+  SlideOverOverlay,
+  SlideOverPortal,
+  SlideOverTitle,
+  SlideOverTrigger,
+  useRecordNav
+};

package/dist/slider/index.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+
+declare function Slider({ className, ...props }: Slider$1.Root.Props): React.JSX.Element;
+
+export { Slider };

package/dist/slider/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Slider as Slider$1 } from '@base-ui/react/slider';
+
+declare function Slider({ className, ...props }: Slider$1.Root.Props): React.JSX.Element;
+
+export { Slider };

package/dist/slider/index.js

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/slider/index.tsx
+var slider_exports = {};
+__export(slider_exports, {
+  Slider: () => Slider
+});
+module.exports = __toCommonJS(slider_exports);
+var import_slider = require("@base-ui/react/slider");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/slider/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Slider({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Root, { "data-slot": "slider", className: cn("w-full", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Control, { className: "flex w-full touch-none items-center py-2 select-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_slider.Slider.Track, { className: "relative h-1.5 w-full rounded-full bg-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Indicator, { className: "absolute rounded-full bg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_slider.Slider.Thumb, { className: "size-4 rounded-full border-2 border-primary bg-background shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-ring data-dragging:scale-110 transition-transform" })
+  ] }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slider
+});

package/dist/slider/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Slider
+} from "../chunk-YYFQVSPV.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Slider
+};

package/dist/switch/index.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+
+declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+
+export { Switch };

package/dist/switch/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+
+declare function Switch({ className, size, ...props }: Switch$1.Root.Props & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+
+export { Switch };

package/dist/switch/index.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/switch/index.tsx
+var switch_exports = {};
+__export(switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(switch_exports);
+var import_switch = require("@base-ui/react/switch");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/switch/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_switch.Switch.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_switch.Switch.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});

package/dist/switch/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Switch
+} from "../chunk-NH5ZVHAV.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Switch
+};

package/dist/tabs/index.d.mts

@@ -0,0 +1,9 @@
+import * as React$1 from 'react';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+
+declare const TabsList: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.List>) => React$1.JSX.Element;
+declare const TabsTrigger: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Tab>) => React$1.JSX.Element;
+declare const TabsContent: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Panel>) => React$1.JSX.Element;
+declare const Tabs: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Root>) => React$1.JSX.Element;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/tabs/index.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from 'react';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
+
+declare const TabsList: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.List>) => React$1.JSX.Element;
+declare const TabsTrigger: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Tab>) => React$1.JSX.Element;
+declare const TabsContent: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Panel>) => React$1.JSX.Element;
+declare const Tabs: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Tabs$1.Root>) => React$1.JSX.Element;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };