kuzenbo 0.0.1

package/dist/ui/table.js

@@ -0,0 +1,34 @@
+import { t as ScrollBar } from "../scroll-bar-BQzpb5hF.js";
+import { a as TableCell, i as TableFooter, n as TableHeader, o as TableCaption, r as TableHead, s as TableBody, t as TableRow } from "../table-row-D63xalkM.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/components/table/table.tsx
+const Table = ({ className, ...props }) => /* @__PURE__ */ jsxs(ScrollArea.Root, {
+	className: "relative w-full rounded-lg border bg-card",
+	"data-slot": "table-container",
+	children: [
+		/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+			className: "size-full rounded-[inherit]",
+			children: /* @__PURE__ */ jsx("table", {
+				className: cn("w-full caption-bottom text-sm", className),
+				"data-slot": "table",
+				...props
+			})
+		}),
+		/* @__PURE__ */ jsx(ScrollBar, {}),
+		/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+		/* @__PURE__ */ jsx(ScrollArea.Corner, {})
+	]
+});
+Table.Body = TableBody;
+Table.Caption = TableCaption;
+Table.Cell = TableCell;
+Table.Footer = TableFooter;
+Table.Head = TableHead;
+Table.Header = TableHeader;
+Table.Row = TableRow;
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/ui/tabs.d.ts

@@ -0,0 +1,43 @@
+import { n as TabsList, r as TabsContent, t as TabsTrigger } from "../tabs-trigger-BGo2XGvh.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/components/tabs/tabs.d.ts
+declare const Tabs: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: Tabs$1.Root.Props): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: Tabs$1.Panel.Props) => react_jsx_runtime0.JSX.Element;
+  List: ({
+    className,
+    variant,
+    ...props
+  }: Tabs$1.List.Props & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, "group/tabs-list inline-flex w-fit items-center justify-center rounded-md p-1 text-muted-foreground data-[variant=line]:rounded-none group-data-[orientation=vertical]/tabs:h-fit group-data-horizontal/tabs:h-8 group-data-[orientation=vertical]/tabs:flex-col", {
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      line: string;
+    };
+  }, undefined, "group/tabs-list inline-flex w-fit items-center justify-center rounded-md p-1 text-muted-foreground data-[variant=line]:rounded-none group-data-[orientation=vertical]/tabs:h-fit group-data-horizontal/tabs:h-8 group-data-[orientation=vertical]/tabs:flex-col", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: Tabs$1.Tab.Props) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/ui/tabs.js

@@ -0,0 +1,20 @@
+"use client";
+
+import { n as TabsList, r as TabsContent, t as TabsTrigger } from "../tabs-trigger-B2mBxFgq.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+
+//#region src/components/tabs/tabs.tsx
+const Tabs = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Tabs$1.Root, {
+	className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+	"data-orientation": orientation,
+	"data-slot": "tabs",
+	...props
+});
+Tabs.Content = TabsContent;
+Tabs.List = TabsList;
+Tabs.Trigger = TabsTrigger;
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/ui/textarea.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import TextareaAutosize from "react-textarea-autosize";
+
+//#region src/components/textarea/textarea.d.ts
+type TextareaProps = ComponentProps<typeof TextareaAutosize>;
+declare const Textarea: ({
+  className,
+  rows,
+  ...props
+}: TextareaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Textarea, TextareaProps };

package/dist/ui/textarea.js

@@ -0,0 +1,14 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import TextareaAutosize from "react-textarea-autosize";
+
+//#region src/components/textarea/textarea.tsx
+const Textarea = ({ className, rows = 3, ...props }) => /* @__PURE__ */ jsx(TextareaAutosize, {
+	className: cn("field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:disabled:bg-input/80", className),
+	"data-slot": "textarea",
+	minRows: rows,
+	...props
+});
+
+//#endregion
+export { Textarea };

package/dist/ui/theme-icon.d.ts

@@ -0,0 +1,77 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+import * as react from "react";
+
+//#region src/components/theme-icon/theme-icon.d.ts
+declare const themeIconVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    destructive: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, string[], {
+  variant: {
+    default: string[];
+    destructive: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    destructive: string[];
+    outline: string[];
+    secondary: string[];
+    ghost: never[];
+    link: string[];
+    warning: string[];
+    danger: string[];
+    info: string[];
+    success: string[];
+  };
+  size: {
+    default: string[];
+    sm: string[];
+    lg: string[];
+    xl: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ThemeIconVariants = VariantProps<typeof themeIconVariants>;
+type ThemeIconProps = ThemeIconVariants & useRender.ComponentProps<"div"> & {
+  "data-slot"?: string;
+};
+declare const ThemeIcon: ({
+  className,
+  variant,
+  size,
+  render,
+  ...props
+}: ThemeIconProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { ThemeIcon, ThemeIconProps, themeIconVariants };

package/dist/ui/theme-icon.js

@@ -0,0 +1,56 @@
+"use client";
+
+import { tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/theme-icon/theme-icon.tsx
+const themeIconVariants = tv({
+	base: [
+		"inline-flex shrink-0 items-center justify-center",
+		"rounded-md text-sm",
+		"outline-none transition-all",
+		"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+	],
+	variants: {
+		variant: {
+			default: ["bg-primary text-primary-foreground shadow-xs"],
+			destructive: ["bg-destructive text-white shadow-xs", "dark:bg-destructive/60"],
+			outline: ["border bg-background shadow-xs", "dark:border-input dark:bg-input/30"],
+			secondary: ["bg-secondary text-secondary-foreground shadow-xs"],
+			ghost: [],
+			link: ["text-primary"],
+			warning: ["border-warning-border", "bg-warning text-warning-foreground shadow-xs"],
+			danger: ["border-danger-border", "bg-danger text-danger-foreground shadow-xs"],
+			info: ["border-info-border", "bg-info text-info-foreground shadow-xs"],
+			success: ["border-success-border", "bg-success text-success-foreground shadow-xs"]
+		},
+		size: {
+			default: ["size-9"],
+			sm: ["size-8"],
+			lg: ["size-10"],
+			xl: ["size-12"]
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const ThemeIcon = ({ className, variant, size, render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: themeIconVariants({
+			variant,
+			size,
+			className
+		}) }, {
+			"data-slot": "theme-icon",
+			...props
+		})
+	});
+};
+
+//#endregion
+export { ThemeIcon, themeIconVariants };

package/dist/ui/timeline.d.ts

@@ -0,0 +1,96 @@
+import { _ as TimelineConnectorProps, a as TimelineTimeProps, c as TimelineHeader, d as TimelineDotProps, f as TimelineDescription, g as TimelineConnector, h as TimelineContentProps, i as TimelineTime, l as TimelineHeaderProps, m as TimelineContent, n as TimelineTitle, o as TimelineItem, p as TimelineDescriptionProps, r as TimelineTitleProps, s as TimelineItemProps, t as Direction, u as TimelineDot } from "../use-timeline-BRlmxoQ7.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/timeline/timeline.d.ts
+declare const timelineVariants: tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, string[], {
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+  };
+  variant: {
+    default: string;
+    alternate: string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface TimelineProps extends ComponentProps<"ol">, VariantProps<typeof timelineVariants> {
+  dir?: Direction;
+  activeIndex?: number;
+  children?: ReactNode;
+}
+declare const Timeline: {
+  ({
+    orientation,
+    variant,
+    dir,
+    activeIndex,
+    className,
+    children,
+    ...props
+  }: TimelineProps): react_jsx_runtime0.JSX.Element;
+  Connector: ({
+    className,
+    render,
+    forceMount,
+    ...props
+  }: TimelineConnectorProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Content: ({
+    className,
+    render,
+    ...props
+  }: TimelineContentProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Description: ({
+    className,
+    render,
+    ...props
+  }: TimelineDescriptionProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Dot: ({
+    className,
+    render,
+    ...props
+  }: TimelineDotProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Header: ({
+    className,
+    render,
+    ...props
+  }: TimelineHeaderProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Item: ({
+    index,
+    className,
+    children,
+    ...props
+  }: TimelineItemProps) => react_jsx_runtime0.JSX.Element;
+  Time: ({
+    className,
+    render,
+    ...props
+  }: TimelineTimeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Title: ({
+    className,
+    render,
+    ...props
+  }: TimelineTitleProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+//#endregion
+export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, type TimelineProps, TimelineTime, TimelineTitle, timelineVariants };

package/dist/ui/timeline.js

@@ -0,0 +1,88 @@
+import { a as TimelineDot, c as TimelineConnector, i as TimelineHeader, l as TimelineContext, n as TimelineTime, o as TimelineDescription, r as TimelineItem, s as TimelineContent, t as TimelineTitle } from "../timeline-title-BH8JxX2n.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+
+//#region src/components/timeline/timeline.tsx
+const timelineVariants = tv({
+	base: [
+		"group/timeline relative flex",
+		"[--timeline-connector-thickness:0.125rem]",
+		"[--timeline-dot-size:0.875rem]"
+	],
+	variants: {
+		orientation: {
+			vertical: "flex-col",
+			horizontal: "flex-row items-start"
+		},
+		variant: {
+			default: "",
+			alternate: ""
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "vertical",
+			variant: "default",
+			className: "gap-0"
+		},
+		{
+			orientation: "horizontal",
+			variant: "default",
+			className: "gap-0"
+		},
+		{
+			orientation: "vertical",
+			variant: "alternate",
+			className: "relative w-full gap-0"
+		},
+		{
+			orientation: "horizontal",
+			variant: "alternate",
+			className: "items-center gap-0"
+		}
+	],
+	defaultVariants: {
+		orientation: "vertical",
+		variant: "default"
+	}
+});
+const Timeline = ({ orientation = "vertical", variant = "default", dir = "ltr", activeIndex, className, children, ...props }) => {
+	const contextValue = useMemo(() => ({
+		orientation,
+		variant,
+		dir,
+		activeIndex
+	}), [
+		orientation,
+		variant,
+		dir,
+		activeIndex
+	]);
+	return /* @__PURE__ */ jsx(TimelineContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: cn(timelineVariants({
+				orientation,
+				variant
+			}), className),
+			"data-orientation": orientation,
+			"data-slot": "timeline",
+			"data-variant": variant,
+			dir,
+			...props,
+			children
+		})
+	});
+};
+Timeline.Connector = TimelineConnector;
+Timeline.Content = TimelineContent;
+Timeline.Description = TimelineDescription;
+Timeline.Dot = TimelineDot;
+Timeline.Header = TimelineHeader;
+Timeline.Item = TimelineItem;
+Timeline.Time = TimelineTime;
+Timeline.Title = TimelineTitle;
+
+//#endregion
+export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle, timelineVariants };

package/dist/ui/toast.d.ts

@@ -0,0 +1,50 @@
+import { _ as ToastAction, a as ToastTitle, c as ToastRootProps, d as ToastDescription, f as ToastDescriptionProps, g as ToastCloseProps, h as ToastClose, i as ToastViewportProps, l as ToastPortal, m as ToastContentProps, n as ToastProvider, o as ToastTitleProps, p as ToastContent, r as ToastViewport, s as ToastRoot, t as useToast, u as ToastPortalProps, v as ToastActionProps } from "../use-toast-BGG4leSx.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentProps } from "react";
+import { Toast as Toast$1 } from "@base-ui/react/toast";
+
+//#region src/components/toast/toast.d.ts
+type ToastProps = ComponentProps<typeof Toast$1.Provider>;
+declare const Toast: {
+  (props: ToastProps): react_jsx_runtime0.JSX.Element;
+  Action: ({
+    className,
+    ...props
+  }: ToastActionProps) => react_jsx_runtime0.JSX.Element;
+  Close: ({
+    className,
+    children,
+    ...props
+  }: ToastCloseProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ToastContentProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: ToastDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Portal: (props: ToastPortalProps) => react_jsx_runtime0.JSX.Element;
+  Root: ({
+    className,
+    ...props
+  }: ToastRootProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: ToastTitleProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    className,
+    ...props
+  }: ToastViewportProps) => react_jsx_runtime0.JSX.Element;
+  Provider: ({
+    children
+  }: {
+    children: react.ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+};
+declare const useToastManager: typeof Toast$1.useToastManager;
+declare const createToastManager: typeof Toast$1.createToastManager;
+//#endregion
+export { Toast, ToastAction, type ToastActionProps, ToastClose, type ToastCloseProps, ToastContent, type ToastContentProps, ToastDescription, type ToastDescriptionProps, ToastPortal, type ToastPortalProps, ToastProps, ToastProvider, ToastRoot, type ToastRootProps, ToastTitle, type ToastTitleProps, ToastViewport, type ToastViewportProps, createToastManager, useToast, useToastManager };

package/dist/ui/toast.js

@@ -0,0 +1,23 @@
+import { a as ToastRoot, c as ToastContent, i as ToastTitle, l as ToastClose, n as ToastProvider, o as ToastPortal, r as ToastViewport, s as ToastDescription, t as useToast, u as ToastAction } from "../use-toast-DjRKuQG6.js";
+import { jsx } from "react/jsx-runtime";
+import { Toast as Toast$1 } from "@base-ui/react/toast";
+
+//#region src/components/toast/toast.tsx
+const Toast = (props) => /* @__PURE__ */ jsx(Toast$1.Provider, {
+	"data-slot": "toast",
+	...props
+});
+Toast.Action = ToastAction;
+Toast.Close = ToastClose;
+Toast.Content = ToastContent;
+Toast.Description = ToastDescription;
+Toast.Portal = ToastPortal;
+Toast.Root = ToastRoot;
+Toast.Title = ToastTitle;
+Toast.Viewport = ToastViewport;
+Toast.Provider = ToastProvider;
+const { useToastManager } = Toast$1;
+const { createToastManager } = Toast$1;
+
+//#endregion
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, createToastManager, useToast, useToastManager };

package/dist/ui/toggle-group.d.ts

@@ -0,0 +1,31 @@
+import { toggleVariants } from "./toggle.js";
+import { n as ToggleGroupContext, t as ToggleGroupItem } from "../toggle-group-item-Bz_ohmnY.js";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react0 from "@base-ui/react";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+
+//#region src/components/toggle-group/toggle-group.d.ts
+declare const ToggleGroup: {
+  ({
+    className,
+    variant,
+    size,
+    spacing,
+    orientation,
+    children,
+    ...props
+  }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+  }): react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    children,
+    variant,
+    size,
+    ...props
+  }: _base_ui_react0.Toggle.Props & VariantProps<typeof toggleVariants>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { ToggleGroup, ToggleGroupContext, ToggleGroupItem };

package/dist/ui/toggle-group.js

@@ -0,0 +1,31 @@
+"use client";
+
+import { n as ToggleGroupContext, t as ToggleGroupItem } from "../toggle-group-item-aggwtgam.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+
+//#region src/components/toggle-group/toggle-group.tsx
+const ToggleGroup = ({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) => /* @__PURE__ */ jsx(ToggleGroup$1, {
+	className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=0]:data-[variant=outline]:shadow-xs data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+	"data-orientation": orientation,
+	"data-size": size,
+	"data-slot": "toggle-group",
+	"data-spacing": spacing,
+	"data-variant": variant,
+	style: { "--gap": spacing },
+	...props,
+	children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+		value: {
+			variant,
+			size,
+			spacing,
+			orientation
+		},
+		children
+	})
+});
+ToggleGroup.Item = ToggleGroupItem;
+
+//#endregion
+export { ToggleGroup, ToggleGroupContext, ToggleGroupItem };

package/dist/ui/toggle.d.ts

@@ -0,0 +1,46 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/components/toggle/toggle.d.ts
+declare const toggleVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+  };
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all 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-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    default: string;
+    sm: string;
+    lg: string;
+  };
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all 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-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+type ToggleProps = Toggle$1.Props & VariantProps<typeof toggleVariants>;
+declare const Toggle: ({
+  className,
+  variant,
+  size,
+  ...props
+}: ToggleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Toggle, ToggleProps, toggleVariants };

package/dist/ui/toggle.js

@@ -0,0 +1,34 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/components/toggle/toggle.tsx
+const toggleVariants = tv({
+	base: "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all 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-pressed:bg-muted aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted"
+		},
+		size: {
+			default: "h-8 min-w-8 px-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5",
+			lg: "h-9 min-w-9 px-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Toggle = ({ className, variant = "default", size = "default", ...props }) => /* @__PURE__ */ jsx(Toggle$1, {
+	className: cn(toggleVariants({
+		variant,
+		size
+	}), className),
+	"data-slot": "toggle",
+	...props
+});
+
+//#endregion
+export { Toggle, toggleVariants };