@px-ui/ui 0.1.4 → 1.0.0

package/dist/styles.css

@@ -0,0 +1,196 @@
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+@source "../**/*.{js,jsx,ts,tsx}";
+
+@theme inline {
+  --font-heading: var(--font-sans);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --color-foreground: var(--foreground);
+  --color-background: var(--background);
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+  --font-sans-light: "Lato L", system-ui, sans-serif;
+  --font-sans: "Lato R", system-ui, sans-serif;
+  --font-sans-sb: "Lato SB", system-ui, sans-serif;
+  --font-sans-b: "Lato B", system-ui, sans-serif;
+  --breakpoint-ppx-sm: 40rem;
+  --breakpoint-ppx-md: 48rem;
+  --breakpoint-ppx-lg: 64rem;
+  --breakpoint-ppx-xl: 80rem;
+  --breakpoint-ppx-2xl: 96rem;
+  --tracking-ppx-tighter: -0.05em;
+  --tracking-ppx-tight: -0.025em;
+  --tracking-ppx-normal: 0em;
+  --tracking-ppx-wide: 0.025em;
+  --tracking-ppx-wider: 0.05em;
+  --tracking-ppx-widest: 0.1em;
+  --animate-progress-indeterminate: progress-indeterminate 1.2s ease-in-out
+    infinite;
+
+  @keyframes progress-indeterminate {
+    from {
+      margin-inline-start: -33%;
+    }
+    to {
+      margin-inline-start: 100%;
+    }
+  }
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: #2b9a66;
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.96 0.035 156);
+  --accent-foreground: oklch(0.141 0.005 285.823);
+  --destructive: oklch(0.577 0.245 27.325);
+  --warning: oklch(0.72 0.17 86);
+  --warning-foreground: oklch(1 0 0);
+  --success: #28b674;
+  --success-foreground: oklch(1 0 0);
+  --info: #408ff0;
+  --info-foreground: oklch(1 0 0);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.625 0.13 156);
+  --chart-1: oklch(0.871 0.006 286.286);
+  --chart-2: oklch(0.552 0.016 285.938);
+  --chart-3: oklch(0.442 0.017 285.786);
+  --chart-4: oklch(0.37 0.013 285.805);
+  --chart-5: oklch(0.274 0.006 286.033);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.627 0.194 149.214);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.96 0.035 156);
+  --sidebar-accent-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.625 0.13 156);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.54 0.12 156);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.3 0.04 156);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --warning: oklch(0.828 0.158 84);
+  --warning-foreground: oklch(0.141 0.005 285.823);
+  --success: oklch(0.7 0.15 156);
+  --success-foreground: oklch(1 0 0);
+  --info: oklch(0.72 0.14 250);
+  --info-foreground: oklch(1 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.7 0.14 156);
+  --chart-1: oklch(0.871 0.006 286.286);
+  --chart-2: oklch(0.552 0.016 285.938);
+  --chart-3: oklch(0.442 0.017 285.786);
+  --chart-4: oklch(0.37 0.013 285.805);
+  --chart-5: oklch(0.274 0.006 286.033);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.723 0.219 149.579);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.3 0.04 156);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.7 0.14 156);
+}
+
+@utility ppx-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: var(--border) transparent;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: var(--border);
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background: var(--muted-foreground);
+  }
+  &::-webkit-scrollbar-corner {
+    display: none;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}

package/dist/textarea-Cq0o323P.js

@@ -0,0 +1,16 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 ppx-md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea as t };
+//# sourceMappingURL=textarea-Cq0o323P.js.map

package/dist/textarea-Cq0o323P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-Cq0o323P.js","names":[],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 ppx-md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,qgBACA,UACD;EACD,GAAI;GACJ"}

package/dist/toast-COWAQbIk.js

@@ -0,0 +1,211 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/components/toast.tsx
+const toastManager = Toast.createToastManager();
+const VIEWPORT_POSITION = {
+	"top-left": "top-4 left-4 ppx-sm:top-8 ppx-sm:left-8",
+	"top-center": "top-4 left-1/2 -translate-x-1/2 rtl:translate-x-1/2 ppx-sm:top-8",
+	"top-right": "top-4 right-4 ppx-sm:top-8 ppx-sm:right-8",
+	"bottom-left": "bottom-4 left-4 ppx-sm:bottom-8 ppx-sm:left-8",
+	"bottom-center": "bottom-4 left-1/2 -translate-x-1/2 rtl:translate-x-1/2 ppx-sm:bottom-8",
+	"bottom-right": "bottom-4 right-4 ppx-sm:bottom-8 ppx-sm:right-8"
+};
+/**
+* Host component for toasts. Mount it once near the root of your app. Toasts are
+* dispatched with the exported `toast` helper.
+*/
+function Toaster({ position = "bottom-right", ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Provider, {
+		toastManager,
+		...props,
+		children: /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			"data-slot": "toaster",
+			className: cn("fixed z-[100] mx-auto flex w-[calc(100vw-2rem)] outline-none ppx-sm:w-90", VIEWPORT_POSITION[position]),
+			children: /* @__PURE__ */ jsx(ToastList, { position })
+		}) })
+	});
+}
+function ToastList({ position }) {
+	const { toasts } = Toast.useToastManager();
+	const side = position.startsWith("top") ? "top" : "bottom";
+	const swipeDirection = [side === "top" ? "up" : "down", position.includes("left") ? "left" : position.includes("right") ? "right" : null].filter(Boolean);
+	return toasts.map((toast$1) => /* @__PURE__ */ jsx(Toast.Root, {
+		toast: toast$1,
+		"data-side": side,
+		swipeDirection,
+		className: cn("[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))] [--dir:1] data-[side=top]:[--dir:-1]", "[--offset-y:calc(var(--toast-swipe-movement-y)+var(--dir)*(var(--toast-offset-y)*-1-var(--toast-index)*var(--gap)))]", "absolute right-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/10 select-none", toastTint(toast$1.type), "bottom-0 data-[side=top]:top-0 data-[side=top]:bottom-auto data-[side=top]:origin-top", "h-[var(--height)] data-expanded:h-[var(--toast-height)]", "after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] after:top-full data-[side=top]:after:top-auto data-[side=top]:after:bottom-full", "[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+var(--dir)*(var(--toast-index)*var(--peek)*-1-var(--shrink)*var(--height))))_scale(var(--scale))]", "data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-starting-style:[transform:translateY(calc(var(--dir)*150%))]", "data-ending-style:opacity-0 data-limited:opacity-0", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(calc(var(--dir)*150%))]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]"),
+		children: /* @__PURE__ */ jsxs(Toast.Content, {
+			className: "flex h-full items-start gap-3 overflow-hidden p-4 text-sm leading-tight transition-opacity duration-[250ms] ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100",
+			children: [
+				/* @__PURE__ */ jsx(ToastIcon, { type: toast$1.type }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-1",
+					children: [toast$1.title ? /* @__PURE__ */ jsx(Toast.Title, { className: "text-sm leading-tight font-medium" }) : null, toast$1.description ? /* @__PURE__ */ jsx(Toast.Description, { className: "text-sm text-muted-foreground" }) : null]
+				}),
+				toast$1.actionProps ? /* @__PURE__ */ jsx("div", {
+					className: "flex h-[1lh] shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(Toast.Action, { className: "inline-flex h-8 shrink-0 items-center justify-center gap-1.5 rounded-md border bg-transparent px-3 text-xs font-medium whitespace-nowrap transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50" })
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "-me-1 flex h-[1lh] shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(Toast.Close, {
+						"aria-label": "Dismiss",
+						className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
+						children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+					})
+				})
+			]
+		})
+	}, toast$1.id));
+}
+const TOAST_ICONS = {
+	success: {
+		Icon: CircleCheckIcon,
+		color: "text-success"
+	},
+	info: {
+		Icon: InfoIcon,
+		color: "text-info"
+	},
+	warning: {
+		Icon: TriangleAlertIcon,
+		color: "text-warning"
+	},
+	error: {
+		Icon: OctagonXIcon,
+		color: "text-destructive"
+	},
+	loading: {
+		Icon: Loader2Icon,
+		color: "text-muted-foreground"
+	}
+};
+function ToastIcon({ type }) {
+	const entry = type ? TOAST_ICONS[type] : void 0;
+	if (!entry) return null;
+	const { Icon, color } = entry;
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex h-[1lh] shrink-0 items-center justify-center", color),
+		children: /* @__PURE__ */ jsx(Icon, { className: cn("size-4", type === "loading" && "animate-spin") })
+	});
+}
+function toastTint(type) {
+	switch (type) {
+		case "success": return "bg-[color-mix(in_srgb,var(--success)_10%,var(--popover))]";
+		case "info": return "bg-[color-mix(in_srgb,var(--info)_10%,var(--popover))]";
+		case "warning": return "bg-[color-mix(in_srgb,var(--warning)_10%,var(--popover))]";
+		case "error": return "bg-[color-mix(in_srgb,var(--destructive)_10%,var(--popover))]";
+		default: return;
+	}
+}
+function makeToast(type) {
+	return (title, options) => toastManager.add({
+		title,
+		...type ? { type } : {},
+		...options
+	});
+}
+/**
+* Dispatch a toast from anywhere. Backed by a global Base UI toast manager, so
+* it works even outside the React tree.
+*
+* @example
+* toast("Event has been created")
+* toast.success("Saved", { description: "Your changes are live." })
+*/
+const toast = Object.assign(makeToast(), {
+	success: makeToast("success"),
+	info: makeToast("info"),
+	warning: makeToast("warning"),
+	error: makeToast("error"),
+	message: makeToast(),
+	loading: (title, options) => toastManager.add({
+		title,
+		type: "loading",
+		timeout: 0,
+		...options
+	}),
+	promise: (promise, options) => toastManager.promise(typeof promise === "function" ? promise() : promise, options),
+	update: (id, options) => toastManager.update(id, options),
+	dismiss: (id) => toastManager.close(id)
+});
+const anchoredToastManager = Toast.createToastManager();
+function makeAnchoredToast(type) {
+	return (title, options) => {
+		const { anchor, ...rest } = options;
+		return anchoredToastManager.add({
+			title,
+			...type ? { type } : {},
+			...rest,
+			data: {
+				...rest.data,
+				anchor
+			}
+		});
+	};
+}
+/**
+* Dispatch a toast anchored to an element instead of a screen corner. Render
+* `<AnchoredToaster />` once, then pass the trigger element as `anchor`.
+*
+* @example
+* <Button
+*   onClick={(e) => anchoredToast.success("Copied", { anchor: e.currentTarget })}
+* >
+*   Copy
+* </Button>
+*/
+const anchoredToast = Object.assign(makeAnchoredToast(), {
+	success: makeAnchoredToast("success"),
+	info: makeAnchoredToast("info"),
+	warning: makeAnchoredToast("warning"),
+	error: makeAnchoredToast("error"),
+	dismiss: (id) => anchoredToastManager.close(id)
+});
+/**
+* Host for anchored toasts. Mount it once near the app root; dispatch with the
+* exported `anchoredToast` helper.
+*/
+function AnchoredToaster(props) {
+	return /* @__PURE__ */ jsx(Toast.Provider, {
+		toastManager: anchoredToastManager,
+		...props,
+		children: /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			"data-slot": "anchored-toaster",
+			className: "outline-none",
+			children: /* @__PURE__ */ jsx(AnchoredToastList, {})
+		}) })
+	});
+}
+function AnchoredToastList() {
+	const { toasts } = Toast.useToastManager();
+	return toasts.map((toast$1) => {
+		const anchor = toast$1.data?.anchor;
+		if (!anchor) return null;
+		return /* @__PURE__ */ jsx(Toast.Positioner, {
+			toast: toast$1,
+			anchor,
+			sideOffset: 6,
+			className: "z-[100] max-w-[min(20rem,var(--available-width))]",
+			children: /* @__PURE__ */ jsx(Toast.Root, {
+				toast: toast$1,
+				className: cn("rounded-lg border bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10", "scale-100 transition-[transform,opacity] data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0", toastTint(toast$1.type)),
+				children: /* @__PURE__ */ jsxs(Toast.Content, {
+					className: "flex items-start gap-2.5 px-3 py-2 text-sm leading-tight",
+					children: [/* @__PURE__ */ jsx(ToastIcon, { type: toast$1.type }), /* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-col gap-0.5",
+						children: [/* @__PURE__ */ jsx(Toast.Title, { className: "text-sm leading-tight font-medium" }), toast$1.description ? /* @__PURE__ */ jsx(Toast.Description, { className: "text-sm text-muted-foreground" }) : null]
+					})]
+				})
+			})
+		}, toast$1.id);
+	});
+}
+
+//#endregion
+export { toast as a, anchoredToastManager as i, Toaster as n, toastManager as o, anchoredToast as r, AnchoredToaster as t };
+//# sourceMappingURL=toast-COWAQbIk.js.map

package/dist/toast-COWAQbIk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-COWAQbIk.js","names":["VIEWPORT_POSITION: Record<ToasterPosition, string>","toast"],"sources":["../src/components/toast.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Toast } from \"@base-ui/react/toast\"\nimport type {\n  ToastManagerAddOptions,\n  ToastManagerPromiseOptions,\n  ToastManagerUpdateOptions,\n} from \"@base-ui/react/toast\"\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\n// A global manager so toasts can be dispatched from anywhere — including outside\n// the React tree — while still rendering inside the mounted `<Toaster />`.\nconst toastManager = Toast.createToastManager()\n\ntype ToasterPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\nconst VIEWPORT_POSITION: Record<ToasterPosition, string> = {\n  \"top-left\": \"top-4 left-4 ppx-sm:top-8 ppx-sm:left-8\",\n  \"top-center\": \"top-4 left-1/2 -translate-x-1/2 rtl:translate-x-1/2 ppx-sm:top-8\",\n  \"top-right\": \"top-4 right-4 ppx-sm:top-8 ppx-sm:right-8\",\n  \"bottom-left\": \"bottom-4 left-4 ppx-sm:bottom-8 ppx-sm:left-8\",\n  \"bottom-center\":\n    \"bottom-4 left-1/2 -translate-x-1/2 rtl:translate-x-1/2 ppx-sm:bottom-8\",\n  \"bottom-right\": \"bottom-4 right-4 ppx-sm:bottom-8 ppx-sm:right-8\",\n}\n\ntype ToasterProps = Omit<Toast.Provider.Props, \"toastManager\" | \"children\"> & {\n  /**\n   * Where toasts are anchored on the screen.\n   * @default \"bottom-right\"\n   */\n  position?: ToasterPosition\n}\n\n/**\n * Host component for toasts. Mount it once near the root of your app. Toasts are\n * dispatched with the exported `toast` helper.\n */\nfunction Toaster({ position = \"bottom-right\", ...props }: ToasterProps) {\n  return (\n    <Toast.Provider toastManager={toastManager} {...props}>\n      <Toast.Portal>\n        <Toast.Viewport\n          data-slot=\"toaster\"\n          className={cn(\n            \"fixed z-[100] mx-auto flex w-[calc(100vw-2rem)] outline-none ppx-sm:w-90\",\n            VIEWPORT_POSITION[position]\n          )}\n        >\n          <ToastList position={position} />\n        </Toast.Viewport>\n      </Toast.Portal>\n    </Toast.Provider>\n  )\n}\n\nfunction ToastList({ position }: { position: ToasterPosition }) {\n  const { toasts } = Toast.useToastManager()\n  const side = position.startsWith(\"top\") ? \"top\" : \"bottom\"\n  const swipeDirection = [\n    side === \"top\" ? \"up\" : \"down\",\n    position.includes(\"left\")\n      ? \"left\"\n      : position.includes(\"right\")\n        ? \"right\"\n        : null,\n  ].filter(Boolean) as (\"up\" | \"down\" | \"left\" | \"right\")[]\n\n  return toasts.map((toast) => (\n    <Toast.Root\n      key={toast.id}\n      toast={toast}\n      data-side={side}\n      swipeDirection={swipeDirection}\n      className={cn(\n        // Stacking + swipe driver variables exposed by Base UI.\n        \"[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))] [--dir:1] data-[side=top]:[--dir:-1]\",\n        \"[--offset-y:calc(var(--toast-swipe-movement-y)+var(--dir)*(var(--toast-offset-y)*-1-var(--toast-index)*var(--gap)))]\",\n        // Layout + appearance.\n        \"absolute right-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-lg ring-1 ring-foreground/10 select-none\",\n        toastTint(toast.type),\n        \"bottom-0 data-[side=top]:top-0 data-[side=top]:bottom-auto data-[side=top]:origin-top\",\n        \"h-[var(--height)] data-expanded:h-[var(--toast-height)]\",\n        // Hover bridge so the stack stays expanded between toasts.\n        \"after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] after:top-full data-[side=top]:after:top-auto data-[side=top]:after:bottom-full\",\n        // Collapsed (stacked) transform.\n        \"[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+var(--dir)*(var(--toast-index)*var(--peek)*-1-var(--shrink)*var(--height))))_scale(var(--scale))]\",\n        // Expanded transform.\n        \"data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]\",\n        // Enter / exit.\n        \"data-starting-style:[transform:translateY(calc(var(--dir)*150%))]\",\n        \"data-ending-style:opacity-0 data-limited:opacity-0\",\n        \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(calc(var(--dir)*150%))]\",\n        // Swipe-to-dismiss exits.\n        \"data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n        \"data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n        \"data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n        \"data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n        \"[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]\"\n      )}\n    >\n      {/*\n        Each control (icon, action, close) is wrapped in an `h-[1lh]` box so it\n        centers on the *first* line of text. With `items-start`, that means a\n        single-line toast centers in the card (equal padding) while a wrapped /\n        multi-line toast keeps the icon and close aligned to the title's first\n        line instead of floating in the vertical middle. `text-sm leading-tight`\n        sets the line-height that `1lh` resolves against, matching the title.\n      */}\n      <Toast.Content className=\"flex h-full items-start gap-3 overflow-hidden p-4 text-sm leading-tight transition-opacity duration-[250ms] ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100\">\n        <ToastIcon type={toast.type} />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          {toast.title ? (\n            <Toast.Title className=\"text-sm leading-tight font-medium\" />\n          ) : null}\n          {toast.description ? (\n            <Toast.Description className=\"text-sm text-muted-foreground\" />\n          ) : null}\n        </div>\n        {toast.actionProps ? (\n          <div className=\"flex h-[1lh] shrink-0 items-center\">\n            <Toast.Action className=\"inline-flex h-8 shrink-0 items-center justify-center gap-1.5 rounded-md border bg-transparent px-3 text-xs font-medium whitespace-nowrap transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\" />\n          </div>\n        ) : null}\n        <div className=\"-me-1 flex h-[1lh] shrink-0 items-center\">\n          <Toast.Close\n            aria-label=\"Dismiss\"\n            className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none\"\n          >\n            <XIcon className=\"size-4\" />\n          </Toast.Close>\n        </div>\n      </Toast.Content>\n    </Toast.Root>\n  ))\n}\n\nconst TOAST_ICONS = {\n  success: { Icon: CircleCheckIcon, color: \"text-success\" },\n  info: { Icon: InfoIcon, color: \"text-info\" },\n  warning: { Icon: TriangleAlertIcon, color: \"text-warning\" },\n  error: { Icon: OctagonXIcon, color: \"text-destructive\" },\n  loading: { Icon: Loader2Icon, color: \"text-muted-foreground\" },\n} as const\n\nfunction ToastIcon({ type }: { type?: string }) {\n  const entry = type\n    ? TOAST_ICONS[type as keyof typeof TOAST_ICONS]\n    : undefined\n  if (!entry) return null\n  const { Icon, color } = entry\n  // `h-[1lh]` sizes the icon box to one line of text, so the icon centers on the\n  // first line whether the toast is a single line or wraps to several.\n  return (\n    <span\n      className={cn(\"flex h-[1lh] shrink-0 items-center justify-center\", color)}\n    >\n      <Icon className={cn(\"size-4\", type === \"loading\" && \"animate-spin\")} />\n    </span>\n  )\n}\n\n// Per-type tinted card — a 10% mix of the status color into the popover surface,\n// reproducing px-ui's classic soft-tinted toast look. Shared by both toasters.\nfunction toastTint(type?: string) {\n  switch (type) {\n    case \"success\":\n      return \"bg-[color-mix(in_srgb,var(--success)_10%,var(--popover))]\"\n    case \"info\":\n      return \"bg-[color-mix(in_srgb,var(--info)_10%,var(--popover))]\"\n    case \"warning\":\n      return \"bg-[color-mix(in_srgb,var(--warning)_10%,var(--popover))]\"\n    case \"error\":\n      return \"bg-[color-mix(in_srgb,var(--destructive)_10%,var(--popover))]\"\n    default:\n      return undefined\n  }\n}\n\ntype ToastOptions = Omit<ToastManagerAddOptions<any>, \"title\" | \"type\">\n\nfunction makeToast(type?: string) {\n  return (title: React.ReactNode, options?: ToastOptions) =>\n    toastManager.add({ title, ...(type ? { type } : {}), ...options })\n}\n\n/**\n * Dispatch a toast from anywhere. Backed by a global Base UI toast manager, so\n * it works even outside the React tree.\n *\n * @example\n * toast(\"Event has been created\")\n * toast.success(\"Saved\", { description: \"Your changes are live.\" })\n */\nconst toast = Object.assign(makeToast(), {\n  success: makeToast(\"success\"),\n  info: makeToast(\"info\"),\n  warning: makeToast(\"warning\"),\n  error: makeToast(\"error\"),\n  message: makeToast(),\n  loading: (title: React.ReactNode, options?: ToastOptions) =>\n    toastManager.add({ title, type: \"loading\", timeout: 0, ...options }),\n  promise: <Value,>(\n    promise: Promise<Value> | (() => Promise<Value>),\n    options: ToastManagerPromiseOptions<Value, any>\n  ) =>\n    toastManager.promise(\n      typeof promise === \"function\" ? promise() : promise,\n      options\n    ),\n  update: (id: string, options: ToastManagerUpdateOptions<any>) =>\n    toastManager.update(id, options),\n  dismiss: (id?: string) => toastManager.close(id),\n})\n\n// A separate manager + host for anchored toasts: small popovers positioned next\n// to a trigger element (e.g. a \"Copied\" confirmation beside a button) rather\n// than stacked in a screen corner.\nconst anchoredToastManager = Toast.createToastManager()\n\ntype AnchoredToastOptions = ToastOptions & {\n  /** Element to position the toast against, e.g. `event.currentTarget`. */\n  anchor: Element | null\n}\n\nfunction makeAnchoredToast(type?: string) {\n  return (title: React.ReactNode, options: AnchoredToastOptions) => {\n    const { anchor, ...rest } = options\n    // The anchor element rides along in `data`; `AnchoredToaster` reads it back\n    // out and hands it to `Toast.Positioner`.\n    return anchoredToastManager.add({\n      title,\n      ...(type ? { type } : {}),\n      ...rest,\n      data: { ...rest.data, anchor },\n    })\n  }\n}\n\n/**\n * Dispatch a toast anchored to an element instead of a screen corner. Render\n * `<AnchoredToaster />` once, then pass the trigger element as `anchor`.\n *\n * @example\n * <Button\n *   onClick={(e) => anchoredToast.success(\"Copied\", { anchor: e.currentTarget })}\n * >\n *   Copy\n * </Button>\n */\nconst anchoredToast = Object.assign(makeAnchoredToast(), {\n  success: makeAnchoredToast(\"success\"),\n  info: makeAnchoredToast(\"info\"),\n  warning: makeAnchoredToast(\"warning\"),\n  error: makeAnchoredToast(\"error\"),\n  dismiss: (id?: string) => anchoredToastManager.close(id),\n})\n\n/**\n * Host for anchored toasts. Mount it once near the app root; dispatch with the\n * exported `anchoredToast` helper.\n */\nfunction AnchoredToaster(\n  props: Omit<Toast.Provider.Props, \"toastManager\" | \"children\">\n) {\n  return (\n    <Toast.Provider toastManager={anchoredToastManager} {...props}>\n      <Toast.Portal>\n        <Toast.Viewport data-slot=\"anchored-toaster\" className=\"outline-none\">\n          <AnchoredToastList />\n        </Toast.Viewport>\n      </Toast.Portal>\n    </Toast.Provider>\n  )\n}\n\nfunction AnchoredToastList() {\n  const { toasts } = Toast.useToastManager()\n\n  return toasts.map((toast) => {\n    const anchor = (toast.data as { anchor?: Element | null } | undefined)\n      ?.anchor\n    if (!anchor) return null\n\n    return (\n      <Toast.Positioner\n        key={toast.id}\n        toast={toast}\n        anchor={anchor}\n        sideOffset={6}\n        className=\"z-[100] max-w-[min(20rem,var(--available-width))]\"\n      >\n        <Toast.Root\n          toast={toast}\n          className={cn(\n            \"rounded-lg border bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10\",\n            \"scale-100 transition-[transform,opacity] data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0\",\n            toastTint(toast.type)\n          )}\n        >\n          <Toast.Content className=\"flex items-start gap-2.5 px-3 py-2 text-sm leading-tight\">\n            <ToastIcon type={toast.type} />\n            <div className=\"flex min-w-0 flex-col gap-0.5\">\n              <Toast.Title className=\"text-sm leading-tight font-medium\" />\n              {toast.description ? (\n                <Toast.Description className=\"text-sm text-muted-foreground\" />\n              ) : null}\n            </div>\n          </Toast.Content>\n        </Toast.Root>\n      </Toast.Positioner>\n    )\n  })\n}\n\nexport {\n  Toaster,\n  toast,\n  toastManager,\n  AnchoredToaster,\n  anchoredToast,\n  anchoredToastManager,\n}\nexport type {\n  ToasterProps,\n  ToasterPosition,\n  ToastOptions,\n  AnchoredToastOptions,\n}\n"],"mappings":"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"}

package/dist/toast-CXkP5Jwp.d.ts

@@ -0,0 +1,74 @@
+import * as react_jsx_runtime261 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as _base_ui_react0 from "@base-ui/react";
+import { Toast, ToastManagerAddOptions, ToastManagerPromiseOptions, ToastManagerUpdateOptions } from "@base-ui/react/toast";
+
+//#region src/components/toast.d.ts
+declare const toastManager: _base_ui_react0.ToastManager<any>;
+type ToasterPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+type ToasterProps = Omit<Toast.Provider.Props, "toastManager" | "children"> & {
+  /**
+   * Where toasts are anchored on the screen.
+   * @default "bottom-right"
+   */
+  position?: ToasterPosition;
+};
+/**
+ * Host component for toasts. Mount it once near the root of your app. Toasts are
+ * dispatched with the exported `toast` helper.
+ */
+declare function Toaster({
+  position,
+  ...props
+}: ToasterProps): react_jsx_runtime261.JSX.Element;
+type ToastOptions = Omit<ToastManagerAddOptions<any>, "title" | "type">;
+/**
+ * Dispatch a toast from anywhere. Backed by a global Base UI toast manager, so
+ * it works even outside the React tree.
+ *
+ * @example
+ * toast("Event has been created")
+ * toast.success("Saved", { description: "Your changes are live." })
+ */
+declare const toast: ((title: React$1.ReactNode, options?: ToastOptions) => string) & {
+  success: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  info: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  warning: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  error: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  message: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  loading: (title: React$1.ReactNode, options?: ToastOptions) => string;
+  promise: <Value>(promise: Promise<Value> | (() => Promise<Value>), options: ToastManagerPromiseOptions<Value, any>) => Promise<Value>;
+  update: (id: string, options: ToastManagerUpdateOptions<any>) => void;
+  dismiss: (id?: string) => void;
+};
+declare const anchoredToastManager: _base_ui_react0.ToastManager<any>;
+type AnchoredToastOptions = ToastOptions & {
+  /** Element to position the toast against, e.g. `event.currentTarget`. */
+  anchor: Element | null;
+};
+/**
+ * Dispatch a toast anchored to an element instead of a screen corner. Render
+ * `<AnchoredToaster />` once, then pass the trigger element as `anchor`.
+ *
+ * @example
+ * <Button
+ *   onClick={(e) => anchoredToast.success("Copied", { anchor: e.currentTarget })}
+ * >
+ *   Copy
+ * </Button>
+ */
+declare const anchoredToast: ((title: React$1.ReactNode, options: AnchoredToastOptions) => string) & {
+  success: (title: React$1.ReactNode, options: AnchoredToastOptions) => string;
+  info: (title: React$1.ReactNode, options: AnchoredToastOptions) => string;
+  warning: (title: React$1.ReactNode, options: AnchoredToastOptions) => string;
+  error: (title: React$1.ReactNode, options: AnchoredToastOptions) => string;
+  dismiss: (id?: string) => void;
+};
+/**
+ * Host for anchored toasts. Mount it once near the app root; dispatch with the
+ * exported `anchoredToast` helper.
+ */
+declare function AnchoredToaster(props: Omit<Toast.Provider.Props, "toastManager" | "children">): react_jsx_runtime261.JSX.Element;
+//#endregion
+export { ToasterPosition as a, anchoredToastManager as c, Toaster as i, toast as l, AnchoredToaster as n, ToasterProps as o, ToastOptions as r, anchoredToast as s, AnchoredToastOptions as t, toastManager as u };
+//# sourceMappingURL=toast-CXkP5Jwp.d.ts.map

package/dist/toast-CXkP5Jwp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-CXkP5Jwp.d.ts","names":[],"sources":["../src/components/toast.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/toggle-BXBPgIQh.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime265 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Toggle } from "@base-ui/react/toggle";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+
+//#region src/components/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+declare function Toggle$1({
+  className,
+  variant,
+  size,
+  ...props
+}: Toggle.Props & VariantProps<typeof toggleVariants>): react_jsx_runtime265.JSX.Element;
+//#endregion
+export { toggleVariants as n, Toggle$1 as t };
+//# sourceMappingURL=toggle-BXBPgIQh.d.ts.map

package/dist/toggle-BXBPgIQh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-BXBPgIQh.d.ts","names":[],"sources":["../src/components/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM;;;IAoBL,gCAAA,CAAA;AAxBiE,iBA0BzD,QAAA,CAFR;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAOE,MAAA,CAAgB,KAPlB,GAO0B,YAP1B,CAAA,OAO8C,cAP9C,CAAA,CAAA,EAO6D,oBAAA,CAAA,GAAA,CAAA,OAP7D"}

package/dist/toggle-DhJ_qwgw.js

@@ -0,0 +1,38 @@
+import { t as cn } from "./utils-mWJR2N24.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Toggle } from "@base-ui/react/toggle";
+
+//#region src/components/toggle.tsx
+const toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-muted"
+		},
+		size: {
+			default: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+			sm: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5",
+			lg: "h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Toggle$1({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Toggle, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { toggleVariants as n, Toggle$1 as t };
+//# sourceMappingURL=toggle-DhJ_qwgw.js.map

package/dist/toggle-DhJ_qwgw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-DhJ_qwgw.js","names":["Toggle","TogglePrimitive"],"sources":["../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent shadow-xs hover:bg-muted\",\n      },\n      size: {\n        default:\n          \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        sm: \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5\",\n        lg: \"h-10 min-w-10 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;AAOA,MAAM,iBAAiB,IACrB,6gBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAASA,SAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAC2D;AAC9D,QACE,oBAACC;EACC,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ"}

package/dist/tooltip-BWjVzK67.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime266 from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/components/tooltip.d.ts
+declare function TooltipProvider({
+  delay,
+  ...props
+}: Tooltip.Provider.Props): react_jsx_runtime266.JSX.Element;
+declare function Tooltip$1({
+  ...props
+}: Tooltip.Root.Props): react_jsx_runtime266.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: Tooltip.Trigger.Props): react_jsx_runtime266.JSX.Element;
+declare function TooltipContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  children,
+  ...props
+}: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime266.JSX.Element;
+//#endregion
+export { TooltipTrigger as i, TooltipContent as n, TooltipProvider as r, Tooltip$1 as t };
+//# sourceMappingURL=tooltip-BWjVzK67.d.ts.map

package/dist/tooltip-BWjVzK67.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-BWjVzK67.d.ts","names":[],"sources":["../src/components/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,eAAA;;;GAGN,OAAA,CAAiB,QAAA,CAAS,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAUzB,SAAA;;GAAsB,OAAA,CAAiB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIjD,cAAA;;GAA6B,OAAA,CAAiB,OAAA,CAAQ,QAAK,oBAAA,CAAA,GAAA,CAAA;AArBA,iBAyB3D,cAAA,CArBe;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA6BrB,OAAA,CAAiB,KAAA,CAAM,KA7BF,GA8BtB,IA9BsB,CA+BpB,OAAA,CAAiB,UAAA,CAAW,KA/BR,EAAA,OAAA,GAAA,aAAA,GAAA,MAAA,GAAA,YAAA,CAAA,CAAA,EAiCrB,oBAAA,CAAA,GAAA,CAAA,OAjCqB"}