kuzenbo 0.0.1

package/dist/ui/sidebar.d.ts

@@ -0,0 +1,247 @@
+import "../accordion-trigger-D5XnBMS6.js";
+import "../alert-title-CVC9G-Xf.js";
+import "../announcement-title-CCZuGB1O.js";
+import "../autocomplete-value-BhyszIrf.js";
+import "../avatar-image-BKgKyzVw.js";
+import "../breadcrumb-separator-D66-B1DA.js";
+import { ButtonProps } from "./button.js";
+import { SeparatorProps } from "./separator.js";
+import { A as SidebarGroupContent, C as SidebarMenuBadge, D as SidebarInput, E as SidebarInset, M as SidebarGroup, N as SidebarFooter, O as SidebarHeader, P as SidebarContent, S as SidebarMenuButton, T as SidebarMenu, _ as SidebarMenuSubItem, b as SidebarMenuSkeleton, f as useSidebar, g as SidebarProvider, h as SidebarRail, j as SidebarGroupAction, k as SidebarGroupLabel, m as SidebarSeparator, p as SidebarTrigger, v as SidebarMenuSubButton, w as SidebarMenuAction, x as SidebarMenuItem, y as SidebarMenuSub } from "../alert-dialog-trigger-BV0BsaVU.js";
+import "../calendar-week-number-in2gpvA_.js";
+import "../card-title-DSDluDoy.js";
+import "../use-chart-BRpzPrMJ.js";
+import "../collapsible-trigger-aZF7_mPR.js";
+import "../use-combobox-anchor-ByuqnpKH.js";
+import "../dialog-trigger-xeE4e96-.js";
+import "../context-menu-trigger-Du2vcTco.js";
+import "../drawer-trigger-H_Wv5R00.js";
+import "../dropdown-menu-trigger-CFdruqOk.js";
+import "../dropzone-context-BRX1K7nw.js";
+import "../emoji-picker-skin-tone-selector-yMYxt4oJ.js";
+import "../empty-title-CH3DhcfT.js";
+import "../hover-card-trigger-BqVoZ7h4.js";
+import { InputProps } from "./input.js";
+import "../input-otp-slot-eVdOjx8C.js";
+import "../kbd-group-D3yVrb2D.js";
+import "../marquee-item-DD6JuLJ4.js";
+import "../menubar-trigger-BLg3XdRv.js";
+import "../meter-value-DYkZLCtx.js";
+import "../navigation-menu-trigger-Bf60DnIz.js";
+import "../use-number-field-Dzl9JLNK.js";
+import "../pagination-previous-qJeZZTou.js";
+import "../pill-status-rg-3AMSI.js";
+import "../popover-trigger-B9PVErig.js";
+import "../progress-value-CFlgP0nv.js";
+import "../radio-group-item-09fw05Va.js";
+import "../rating-star-6ov3lbpn.js";
+import "../resizable-panel-B4lAr8Vb.js";
+import "../scroll-bar-vYvxEOph.js";
+import "../select-value-DG31IHy3.js";
+import "../sheet-trigger-CLgKANrf.js";
+import "../tooltip-trigger-CrAGfaqr.js";
+import "../table-row-BxhKJPfE.js";
+import "../tabs-trigger-BGo2XGvh.js";
+import "../use-timeline-BRlmxoQ7.js";
+import "../use-toast-BGG4leSx.js";
+import "../toggle-group-item-Bz_ohmnY.js";
+import "../toolbar-separator-7CgKz2aX.js";
+import "../video-player-volume-range-D971L6mz.js";
+import "../index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as _base_ui_react0 from "@base-ui/react";
+
+//#region src/components/sidebar/sidebar.d.ts
+declare const Sidebar: {
+  ({
+    side,
+    variant,
+    collapsible,
+    className,
+    children,
+    ...props
+  }: ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offExamples" | "icon" | "none";
+  }): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  GroupAction: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  GroupContent: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  GroupLabel: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"div"> & ComponentProps<"div">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    type,
+    ...props
+  }: InputProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Inset: ({
+    className,
+    ...props
+  }: ComponentProps<"main">) => react_jsx_runtime0.JSX.Element;
+  Menu: ({
+    className,
+    ...props
+  }: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+  MenuAction: ({
+    className,
+    render,
+    showOnHover,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
+    showOnHover?: boolean;
+  }) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  MenuBadge: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  MenuButton: ({
+    render,
+    isActive,
+    variant,
+    size,
+    tooltip,
+    className,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | ComponentProps<({
+      className,
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      children,
+      ...props
+    }: _base_ui_react0.TooltipPopup.Props & Pick<_base_ui_react0.TooltipPositioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element>;
+  } & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      outline: string;
+    };
+    size: {
+      default: string;
+      sm: string;
+      lg: string;
+    };
+  }, undefined, "peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&_svg]:size-4 [&_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, "peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  MenuItem: ({
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  MenuSkeleton: ({
+    className,
+    showIcon,
+    ...props
+  }: ComponentProps<"div"> & {
+    showIcon?: boolean;
+  }) => react_jsx_runtime0.JSX.Element;
+  MenuSub: ({
+    className,
+    ...props
+  }: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+  MenuSubButton: ({
+    render,
+    size,
+    isActive,
+    className,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"a"> & ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+  }) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  MenuSubItem: ({
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  Provider: ({
+    defaultOpen,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }: ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  }) => react_jsx_runtime0.JSX.Element;
+  Rail: ({
+    className,
+    ...props
+  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    onClick,
+    ...props
+  }: ComponentProps<({
+    className,
+    variant,
+    size,
+    isLoading,
+    children,
+    disabled,
+    ...props
+  }: ButtonProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/ui/sidebar.js

@@ -0,0 +1,83 @@
+import { a as SheetDescription, n as SheetTitle, o as SheetContent, r as SheetHeader } from "../sheet-trigger-CUU7xwUn.js";
+import { Sheet } from "./sheet.js";
+import { C as SidebarContent, S as SidebarFooter, _ as SidebarHeader, a as SidebarMenuSubItem, b as SidebarGroupAction, c as SidebarMenuSkeleton, d as useSidebar, f as SidebarMenuBadge, g as SidebarInput, h as SidebarInset, i as SidebarProvider, l as SidebarMenuItem, m as SidebarMenu, n as SidebarSeparator, o as SidebarMenuSubButton, p as SidebarMenuAction, r as SidebarRail, s as SidebarMenuSub, t as SidebarTrigger, u as SidebarMenuButton, v as SidebarGroupLabel, w as SIDEBAR_WIDTH_MOBILE, x as SidebarGroup, y as SidebarGroupContent } from "../sidebar-trigger-BCjVuIqi.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/sidebar/sidebar.tsx
+const Sidebar = ({ side = "left", variant = "sidebar", collapsible = "offExamples", className, children, ...props }) => {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+		"data-slot": "sidebar",
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		onOpenChange: setOpenMobile,
+		open: openMobile,
+		...props,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+			"data-mobile": "true",
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			side,
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group peer hidden text-sidebar-foreground md:block",
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-side": side,
+		"data-slot": "sidebar",
+		"data-state": state,
+		"data-variant": variant,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offExamples]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),
+			"data-slot": "sidebar-gap"
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left" ? "left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			"data-slot": "sidebar-container",
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				children
+			})
+		})]
+	});
+};
+Sidebar.Content = SidebarContent;
+Sidebar.Footer = SidebarFooter;
+Sidebar.Group = SidebarGroup;
+Sidebar.GroupAction = SidebarGroupAction;
+Sidebar.GroupContent = SidebarGroupContent;
+Sidebar.GroupLabel = SidebarGroupLabel;
+Sidebar.Header = SidebarHeader;
+Sidebar.Input = SidebarInput;
+Sidebar.Inset = SidebarInset;
+Sidebar.Menu = SidebarMenu;
+Sidebar.MenuAction = SidebarMenuAction;
+Sidebar.MenuBadge = SidebarMenuBadge;
+Sidebar.MenuButton = SidebarMenuButton;
+Sidebar.MenuItem = SidebarMenuItem;
+Sidebar.MenuSkeleton = SidebarMenuSkeleton;
+Sidebar.MenuSub = SidebarMenuSub;
+Sidebar.MenuSubButton = SidebarMenuSubButton;
+Sidebar.MenuSubItem = SidebarMenuSubItem;
+Sidebar.Provider = SidebarProvider;
+Sidebar.Rail = SidebarRail;
+Sidebar.Separator = SidebarSeparator;
+Sidebar.Trigger = SidebarTrigger;
+
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/skeleton/skeleton.d.ts
+type SkeletonProps = ComponentProps<"div">;
+declare const Skeleton: ({
+  className,
+  ...props
+}: SkeletonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Skeleton, SkeletonProps };

package/dist/ui/skeleton.js

@@ -0,0 +1,12 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/skeleton/skeleton.tsx
+const Skeleton = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("animate-pulse rounded-md bg-muted", className),
+	"data-slot": "skeleton",
+	...props
+});
+
+//#endregion
+export { Skeleton };

package/dist/ui/slider.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/components/slider/slider.d.ts
+type SliderProps = Slider$1.Root.Props;
+declare const Slider: ({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: SliderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Slider, SliderProps };

package/dist/ui/slider.js

@@ -0,0 +1,47 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/components/slider/slider.tsx
+const Slider = ({ className, defaultValue, value, min = 0, max = 100, ...props }) => {
+	const _values = useMemo(() => {
+		if (Array.isArray(value)) return value;
+		if (Array.isArray(defaultValue)) return defaultValue;
+		return [min, max];
+	}, [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsx(Slider$1.Root, {
+		className: "data-vertical:h-full data-horizontal:w-full",
+		"data-slot": "slider",
+		defaultValue,
+		max,
+		min,
+		thumbAlignment: "edge",
+		value,
+		...props,
+		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
+			className: cn("relative flex w-full touch-none select-none items-center data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col data-disabled:opacity-50", className),
+			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+				className: "relative select-none overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-vertical:h-full data-horizontal:w-full data-vertical:w-1",
+				"data-slot": "slider-track",
+				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
+					className: "select-none bg-primary data-horizontal:h-full data-vertical:w-full",
+					"data-slot": "slider-range"
+				})
+			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+				className: "relative block size-3 shrink-0 select-none rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:outline-hidden focus-visible:ring-[3px] active:ring-[3px] disabled:pointer-events-none disabled:opacity-50",
+				"data-slot": "slider-thumb"
+			}, index))]
+		})
+	});
+};
+
+//#endregion
+export { Slider };

package/dist/ui/spacer.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/spacer/spacer.d.ts
+type SpacerOrientation = "horizontal" | "vertical";
+type SpacerProps = ComponentProps<"div"> & {
+  orientation?: SpacerOrientation;
+  size?: string | number;
+};
+declare const Spacer: ({
+  orientation,
+  size,
+  style,
+  className,
+  ...props
+}: SpacerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spacer, SpacerOrientation, SpacerProps };

package/dist/ui/spacer.js

@@ -0,0 +1,25 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/spacer/spacer.tsx
+const Spacer = ({ orientation = "horizontal", size, style = {}, className, ...props }) => {
+	const computedStyle = {
+		...style,
+		...orientation === "horizontal" && !size && { flex: 1 },
+		...size && {
+			width: orientation === "vertical" ? "1px" : size,
+			height: orientation === "horizontal" ? "1px" : size
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className),
+		"data-slot": "spacer",
+		style: computedStyle,
+		...props
+	});
+};
+
+//#endregion
+export { Spacer };

package/dist/ui/spinner.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/spinner/spinner.d.ts
+type SpinnerProps = ComponentProps<"svg">;
+declare const Spinner: ({
+  className,
+  strokeWidth,
+  ...props
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps };

package/dist/ui/spinner.js

@@ -0,0 +1,17 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Loading03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/components/spinner/spinner.tsx
+const Spinner = ({ className, strokeWidth = 2, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+	"aria-label": "Loading",
+	className: cn("size-4 animate-spin", className),
+	icon: Loading03Icon,
+	role: "status",
+	strokeWidth: typeof strokeWidth === "string" ? Number(strokeWidth) : strokeWidth,
+	...props
+});
+
+//#endregion
+export { Spinner };

package/dist/ui/surface.d.ts

@@ -0,0 +1,41 @@
+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/surface/surface.d.ts
+declare const surfaceVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    secondary: string[];
+    tertiary: string[];
+    quaternary: string[];
+  };
+}, undefined, undefined, {
+  variant: {
+    default: string[];
+    secondary: string[];
+    tertiary: string[];
+    quaternary: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string[];
+    secondary: string[];
+    tertiary: string[];
+    quaternary: string[];
+  };
+}, undefined, undefined, unknown, unknown, undefined>>;
+type SurfaceVariants = VariantProps<typeof surfaceVariants>;
+type SurfaceProps = SurfaceVariants & useRender.ComponentProps<"div"> & {
+  "data-slot"?: string;
+  "data-variant"?: string;
+};
+declare const Surface: ({
+  className,
+  variant,
+  render,
+  ...props
+}: SurfaceProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { Surface, SurfaceProps, surfaceVariants };

package/dist/ui/surface.js

@@ -0,0 +1,31 @@
+import { tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/surface/surface.tsx
+const surfaceVariants = tv({
+	variants: { variant: {
+		default: ["bg-surface-1"],
+		secondary: ["bg-surface-2"],
+		tertiary: ["bg-surface-3"],
+		quaternary: ["bg-surface-4"]
+	} },
+	defaultVariants: { variant: "default" }
+});
+const Surface = ({ className, variant, render, ...props }) => {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({ className: surfaceVariants({
+			variant,
+			className
+		}) }, {
+			"data-slot": "surface",
+			"data-variant": variant,
+			...props
+		})
+	});
+};
+
+//#endregion
+export { Surface, surfaceVariants };

package/dist/ui/switch.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/components/switch/switch.d.ts
+type SwitchProps = Switch$1.Root.Props & {
+  size?: "sm" | "default";
+};
+declare const Switch: ({
+  className,
+  size,
+  ...props
+}: SwitchProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Switch, SwitchProps };

package/dist/ui/switch.js

@@ -0,0 +1,20 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/components/switch/switch.tsx
+const Switch = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx(Switch$1.Root, {
+	className: cn("peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+	"data-size": size,
+	"data-slot": "switch",
+	...props,
+	children: /* @__PURE__ */ jsx(Switch$1.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=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground",
+		"data-slot": "switch-thumb"
+	})
+});
+
+//#endregion
+export { Switch };

package/dist/ui/table.d.ts

@@ -0,0 +1,41 @@
+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-BxhKJPfE.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/table/table.d.ts
+declare const Table: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"table">): react_jsx_runtime0.JSX.Element;
+  Body: ({
+    className,
+    ...props
+  }: ComponentProps<"tbody">) => react_jsx_runtime0.JSX.Element;
+  Caption: ({
+    className,
+    ...props
+  }: ComponentProps<"caption">) => react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    className,
+    ...props
+  }: ComponentProps<"td">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ComponentProps<"tfoot">) => react_jsx_runtime0.JSX.Element;
+  Head: ({
+    className,
+    ...props
+  }: ComponentProps<"th">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"thead">) => react_jsx_runtime0.JSX.Element;
+  Row: ({
+    className,
+    ...props
+  }: ComponentProps<"tr">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };