@coston/ui 0.1.0

package/dist/components/sidebar.d.ts

@@ -0,0 +1,54 @@
+import { ButtonProps } from "../button-BEd6_-lL.js";
+import { TooltipContent$1 as TooltipContent } from "../tooltip-DPcgBDyX.js";
+import * as React from "react";
+import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
+
+//#region src/components/sidebar.d.ts
+type SidebarContext = {
+  state: 'expanded' | 'collapsed';
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  openMobile: boolean;
+  setOpenMobile: (open: boolean) => void;
+  isMobile: boolean;
+  toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+  side?: "left" | "right";
+  variant?: "sidebar" | "floating" | "inset";
+  collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+  asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  asChild?: boolean;
+  isActive?: boolean;
+  variant?: "default" | "outline";
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+  size?: "default" | "sm" | "lg";
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  asChild?: boolean;
+  showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator0.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/sidebar.d.ts.map

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

package/dist/components/sidebar.js

@@ -0,0 +1,267 @@
+import { cn } from "../utils-C0f9Ma6r.js";
+import { Button } from "../button-CJvoztqg.js";
+import { Separator } from "../separator-9lzFsfCC.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip-CXS6wR7g.js";
+import { useIsMobile } from "../use-mobile-CixTQBWA.js";
+import * as React from "react";
+import { PanelLeft } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region src/components/sidebar.tsx
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+	const context = React.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+const SidebarProvider = React.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }, ref) => {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = React.useState(false);
+	const [_open, _setOpen] = React.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = React.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${60 * 60 * 24 * 7}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = React.useCallback(() => {
+		return isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);
+	}, [
+		isMobile,
+		setOpen,
+		setOpenMobile
+	]);
+	React.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = React.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(TooltipProvider, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ jsx("div", {
+				ref,
+				style: {
+					"--sidebar-width": SIDEBAR_WIDTH,
+					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+					...style
+				},
+				className: cn("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", className),
+				"data-collapsible": state === "collapsed" ? "icon" : "",
+				...props,
+				children
+			})
+		})
+	});
+});
+SidebarProvider.displayName = "SidebarProvider";
+const Sidebar = React.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }, ref) => {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full flex-col bg-sidebar text-sidebar-foreground", className),
+		style: { width: "var(--sidebar-width)" },
+		ref,
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsxs(Fragment, { children: [openMobile && /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 bg-black/50",
+		onClick: () => setOpenMobile(false)
+	}), /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-variant": variant,
+		style: { width: "var(--sidebar-width)" },
+		className: cn("fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200", side === "left" ? "left-0" : "right-0", openMobile ? "translate-x-0" : side === "left" ? "-translate-x-full" : "translate-x-full", className),
+		...props,
+		children
+	})] });
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: "group peer hidden md:block text-sidebar-foreground",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		children: [/* @__PURE__ */ jsx("div", {
+			style: { width: "var(--sidebar-width)" },
+			className: cn("relative h-svh bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:!w-0", "group-data-[side=right]:rotate-180")
+		}), /* @__PURE__ */ jsx("div", {
+			style: { width: "var(--sidebar-width)" },
+			className: cn("fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex", "group-data-[collapsible=offcanvas]:!w-0", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:-left-[var(--sidebar-width)]" : "right-0 group-data-[collapsible=offcanvas]:-right-[var(--sidebar-width)]", variant === "floating" || variant === "inset" ? "p-2" : "group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-sidebar": "sidebar",
+				className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+				children
+			})
+		})]
+	});
+});
+Sidebar.displayName = "Sidebar";
+const SidebarTrigger = React.forwardRef(({ className, onClick,...props }, ref) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Button, {
+		ref,
+		"data-sidebar": "trigger",
+		variant: "ghost",
+		size: "icon",
+		className: cn("h-6 w-6 text-muted-foreground", className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+const SidebarInset = React.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("main", {
+		ref,
+		className: cn("relative flex min-h-svh flex-1 flex-col bg-background", "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-sidebar-border", className),
+		...props
+	});
+});
+SidebarInset.displayName = "SidebarInset";
+const SidebarHeader = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "header",
+	className: cn("flex flex-col gap-2 p-2", className),
+	...props
+}));
+SidebarHeader.displayName = "SidebarHeader";
+const SidebarFooter = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "footer",
+	className: cn("flex flex-col gap-2 p-2", className),
+	...props
+}));
+SidebarFooter.displayName = "SidebarFooter";
+const SidebarContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "content",
+	className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+	...props
+}));
+SidebarContent.displayName = "SidebarContent";
+const SidebarGroup = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "group",
+	className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+	...props
+}));
+SidebarGroup.displayName = "SidebarGroup";
+const SidebarGroupLabel = React.forwardRef(({ className, asChild = false,...props }, ref) => {
+	const Comp = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		"data-sidebar": "group-label",
+		className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		...props
+	});
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+const SidebarGroupContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "group-content",
+	className: cn("w-full text-sm", className),
+	...props
+}));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+const SidebarMenu = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	"data-sidebar": "menu",
+	className: cn("flex w-full min-w-0 flex-col gap-1", className),
+	...props
+}));
+SidebarMenu.displayName = "SidebarMenu";
+const SidebarMenuItem = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	"data-sidebar": "menu-item",
+	className: cn("group/menu-item relative", className),
+	...props
+}));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+const sidebarMenuButtonVariants = {
+	default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+	outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+};
+const SidebarMenuButton = React.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }, ref) => {
+	const Comp = asChild ? Slot : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ jsx(Comp, {
+		ref,
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-active": isActive,
+		"data-slot": "sidebar-menu-button",
+		className: cn("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 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=true]:bg-sidebar-primary data-[active=true]:font-medium data-[active=true]:text-sidebar-primary-foreground data-[active=true]:hover:bg-sidebar-primary/90 data-[active=true]:hover:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=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", size === "sm" && "text-xs", size === "lg" && "group-data-[collapsible=icon]:!p-0 data-[size=lg]:h-12 data-[size=lg]:text-sm", sidebarMenuButtonVariants[variant], className),
+		...props
+	});
+	if (!tooltip) return button;
+	const tooltipProps = typeof tooltip === "string" ? { children: tooltip } : tooltip;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltipProps
+	})] });
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false,...props }, ref) => {
+	const Comp = asChild ? Slot : "button";
+	return /* @__PURE__ */ jsx(Comp, {
+		ref,
+		"data-sidebar": "menu-action",
+		className: cn("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 after:md:hidden", "group-data-[collapsible=icon]:hidden", showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0", className),
+		...props
+	});
+});
+SidebarMenuAction.displayName = "SidebarMenuAction";
+const SidebarSeparator = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(Separator, {
+	ref,
+	"data-sidebar": "separator",
+	className: cn("mx-2 w-auto bg-sidebar-border", className),
+	...props
+}));
+SidebarSeparator.displayName = "SidebarSeparator";
+
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["value: boolean | ((value: boolean) => boolean)","open","event: KeyboardEvent"],"sources":["../../src/components/sidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { PanelLeft } from 'lucide-react';\nimport { cn } from '../lib/utils';\nimport { Button } from './button';\nimport { Separator } from './separator';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';\nimport { useIsMobile } from '../hooks/use-mobile';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_WIDTH = '16rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\ntype SidebarContext = {\n  state: 'expanded' | 'collapsed';\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n  return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    defaultOpen?: boolean;\n    open?: boolean;\n    onOpenChange?: (open: boolean) => void;\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const [openMobile, setOpenMobile] = React.useState(false);\n\n    const [_open, _setOpen] = React.useState(defaultOpen);\n    const open = openProp ?? _open;\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === 'function' ? value(open) : value;\n        if (setOpenProp) {\n          setOpenProp(openState);\n        } else {\n          _setOpen(openState);\n        }\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${60 * 60 * 24 * 7}`;\n      },\n      [setOpenProp, open]\n    );\n\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n    }, [isMobile, setOpen, setOpenMobile]);\n\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n          event.preventDefault();\n          toggleSidebar();\n        }\n      };\n      window.addEventListener('keydown', handleKeyDown);\n      return () => window.removeEventListener('keydown', handleKeyDown);\n    }, [toggleSidebar]);\n\n    const state = open ? 'expanded' : 'collapsed';\n\n    const contextValue = React.useMemo<SidebarContext>(\n      () => ({ state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    );\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            ref={ref}\n            style={\n              {\n                '--sidebar-width': SIDEBAR_WIDTH,\n                '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',\n              className\n            )}\n            data-collapsible={state === 'collapsed' ? 'icon' : ''}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    );\n  }\n);\nSidebarProvider.displayName = 'SidebarProvider';\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    side?: 'left' | 'right';\n    variant?: 'sidebar' | 'floating' | 'inset';\n    collapsible?: 'offcanvas' | 'icon' | 'none';\n  }\n>(\n  (\n    {\n      side = 'left',\n      variant = 'sidebar',\n      collapsible = 'offcanvas',\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n    if (collapsible === 'none') {\n      return (\n        <div\n          className={cn('flex h-full flex-col bg-sidebar text-sidebar-foreground', className)}\n          style={{ width: 'var(--sidebar-width)' }}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      );\n    }\n\n    if (isMobile) {\n      return (\n        <>\n          {openMobile && (\n            <div className=\"fixed inset-0 z-50 bg-black/50\" onClick={() => setOpenMobile(false)} />\n          )}\n          <div\n            ref={ref}\n            data-variant={variant}\n            style={{ width: 'var(--sidebar-width)' }}\n            className={cn(\n              'fixed inset-y-0 z-50 flex h-svh flex-col bg-sidebar text-sidebar-foreground transition-transform duration-200',\n              side === 'left' ? 'left-0' : 'right-0',\n              openMobile\n                ? 'translate-x-0'\n                : side === 'left'\n                  ? '-translate-x-full'\n                  : 'translate-x-full',\n              className\n            )}\n            {...props}\n          >\n            {children}\n          </div>\n        </>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden md:block text-sidebar-foreground\"\n        data-state={state}\n        data-collapsible={state === 'collapsed' ? collapsible : ''}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* Gap on side to keep layout */}\n        <div\n          style={{ width: 'var(--sidebar-width)' }}\n          className={cn(\n            'relative h-svh bg-transparent transition-[width] duration-200 ease-linear',\n            'group-data-[collapsible=offcanvas]:!w-0',\n            'group-data-[side=right]:rotate-180'\n          )}\n        />\n        <div\n          style={{ width: 'var(--sidebar-width)' }}\n          className={cn(\n            'fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex',\n            'group-data-[collapsible=offcanvas]:!w-0',\n            side === 'left'\n              ? 'left-0 group-data-[collapsible=offcanvas]:-left-[var(--sidebar-width)]'\n              : 'right-0 group-data-[collapsible=offcanvas]:-right-[var(--sidebar-width)]',\n            variant === 'floating' || variant === 'inset'\n              ? 'p-2'\n              : 'group-data-[side=left]:border-r group-data-[side=right]:border-l',\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\nSidebar.displayName = 'Sidebar';\n\nconst SidebarTrigger = React.forwardRef<\n  React.ComponentRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn('h-6 w-6 text-muted-foreground', className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n});\nSidebarTrigger.displayName = 'SidebarTrigger';\n\nconst SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<'main'>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <main\n        ref={ref}\n        className={cn(\n          'relative flex min-h-svh flex-1 flex-col bg-background',\n          'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-sidebar-border',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nSidebarInset.displayName = 'SidebarInset';\n\nconst SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarHeader.displayName = 'SidebarHeader';\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn('flex flex-col gap-2 p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarFooter.displayName = 'SidebarFooter';\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nSidebarContent.displayName = 'SidebarContent';\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}\n      {...props}\n    />\n  )\n);\nSidebarGroup.displayName = 'SidebarGroup';\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',\n        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarGroupLabel.displayName = 'SidebarGroupLabel';\n\nconst SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-sidebar=\"group-content\"\n      className={cn('w-full text-sm', className)}\n      {...props}\n    />\n  )\n);\nSidebarGroupContent.displayName = 'SidebarGroupContent';\n\nconst SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n  ({ className, ...props }, ref) => (\n    <ul\n      ref={ref}\n      data-sidebar=\"menu\"\n      className={cn('flex w-full min-w-0 flex-col gap-1', className)}\n      {...props}\n    />\n  )\n);\nSidebarMenu.displayName = 'SidebarMenu';\n\nconst SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      data-sidebar=\"menu-item\"\n      className={cn('group/menu-item relative', className)}\n      {...props}\n    />\n  )\n);\nSidebarMenuItem.displayName = 'SidebarMenuItem';\n\nconst sidebarMenuButtonVariants = {\n  default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n  outline:\n    'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',\n};\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean;\n    isActive?: boolean;\n    variant?: 'default' | 'outline';\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n    size?: 'default' | 'sm' | 'lg';\n  }\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = 'default',\n      size = 'default',\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const { isMobile, state } = useSidebar();\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        data-slot=\"sidebar-menu-button\"\n        className={cn(\n          'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 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=true]:bg-sidebar-primary data-[active=true]:font-medium data-[active=true]:text-sidebar-primary-foreground data-[active=true]:hover:bg-sidebar-primary/90 data-[active=true]:hover:text-sidebar-primary-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=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',\n          size === 'sm' && 'text-xs',\n          size === 'lg' &&\n            'group-data-[collapsible=icon]:!p-0 data-[size=lg]:h-12 data-[size=lg]:text-sm',\n          sidebarMenuButtonVariants[variant],\n          className\n        )}\n        {...props}\n      />\n    );\n\n    if (!tooltip) return button;\n\n    const tooltipProps = typeof tooltip === 'string' ? { children: tooltip } : tooltip;\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== 'collapsed' || isMobile}\n          {...tooltipProps}\n        />\n      </Tooltip>\n    );\n  }\n);\nSidebarMenuButton.displayName = 'SidebarMenuButton';\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> & {\n    asChild?: boolean;\n    showOnHover?: boolean;\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        'absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',\n        'after:absolute after:-inset-2 after:md:hidden',\n        'group-data-[collapsible=icon]:hidden',\n        showOnHover &&\n          'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nSidebarMenuAction.displayName = 'SidebarMenuAction';\n\nconst SidebarSeparator = React.forwardRef<\n  React.ComponentRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => (\n  <Separator\n    ref={ref}\n    data-sidebar=\"separator\"\n    className={cn('mx-2 w-auto bg-sidebar-border', className)}\n    {...props}\n  />\n));\nSidebarSeparator.displayName = 'SidebarSeparator';\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n"],"mappings":"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"}

package/dist/components/skeleton.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/skeleton.d.ts
+declare function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime15.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../src/components/skeleton.tsx"],"sourcesContent":[],"mappings":";;;iBAES,QAAA;;;GAAkC,KAAA,CAAM,eAAe,kBAAe,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/skeleton.js

@@ -0,0 +1,14 @@
+import { cn } from "../utils-C0f9Ma6r.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/skeleton.tsx
+function Skeleton({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-muted", className),
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\n\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn('animate-pulse rounded-md bg-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":";;;;AAEA,SAAS,SAAS,EAAE,UAAW,GAAG,OAA6C,EAAE;AAC/E,wBAAO,IAAC;EAAI,WAAW,GAAG,qCAAqC,UAAU;EAAE,GAAI;GAAS;AACzF"}

package/dist/components/slider.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/slider.d.ts
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../src/components/slider.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,QAAM,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,cAAA,KAAA,CAAA,cAAA,2BAAA,KAAA,CAAA,cAAA"}

package/dist/components/slider.js

@@ -0,0 +1,20 @@
+import { cn } from "../utils-C0f9Ma6r.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/slider.tsx
+const Slider = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+	ref,
+	className: cn("relative flex w-full touch-none select-none items-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+		className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
+		children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })
+	}), /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })]
+}));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/components/slider.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\n\nimport { cn } from '../lib/utils';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none select-none items-center', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary\">\n      <SliderPrimitive.Range className=\"absolute h-full bg-primary\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"],"mappings":";;;;;;AAKA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,KAAC,gBAAgB;CACV;CACL,WAAW,GAAG,4DAA4D,UAAU;CACpF,GAAI;4BAEJ,IAAC,gBAAgB;EAAM,WAAU;4BAC/B,IAAC,gBAAgB,SAAM,WAAU,+BAA+B;GAC1C,kBACxB,IAAC,gBAAgB,SAAM,WAAU,mQAAmQ;EAC/Q,CACvB;AACF,OAAO,cAAc,gBAAgB,KAAK"}

package/dist/components/sonner.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+
+//#region src/components/sonner.d.ts
+type ToasterProps = React.ComponentProps<typeof Toaster$1>;
+declare const Toaster: ({
+  ...props
+}: ToasterProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/components/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","names":[],"sources":["../../src/components/sonner.tsx"],"sourcesContent":[],"mappings":";;;;KAEK,YAAA,GAAe,KAAA,CAAM,sBAAsB;cAE1C;;GAAyB,iBAAY,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/sonner.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+
+//#region src/components/sonner.tsx
+const Toaster = ({ ...props }) => {
+	const isDark = document.documentElement.classList.contains("dark");
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		theme: isDark ? "dark" : "light",
+		className: "toaster group",
+		toastOptions: { classNames: {
+			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+			description: "group-[.toast]:text-muted-foreground",
+			actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+			cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+		} },
+		...props
+	});
+};
+
+//#endregion
+export { Toaster };
+//# sourceMappingURL=sonner.js.map

package/dist/components/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","names":["Sonner"],"sources":["../../src/components/sonner.tsx"],"sourcesContent":["import { Toaster as Sonner } from 'sonner';\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const isDark = document.documentElement.classList.contains('dark');\n\n  return (\n    <Sonner\n      theme={isDark ? 'dark' : 'light'}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',\n          description: 'group-[.toast]:text-muted-foreground',\n          actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n          cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;AAIA,MAAM,UAAU,CAAC,EAAE,GAAG,OAAqB,KAAK;CAC9C,MAAM,SAAS,SAAS,gBAAgB,UAAU,SAAS,OAAO;AAElE,wBACE,IAACA;EACC,OAAO,SAAS,SAAS;EACzB,WAAU;EACV,cAAc,EACZ,YAAY;GACV,OACE;GACF,aAAa;GACb,cAAc;GACd,cAAc;EACf,EACF;EACD,GAAI;GACJ;AAEL"}

package/dist/components/switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+//#region src/components/switch.d.ts
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/components/switch.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,QAAM,KAAA,CAAA,0BAAA,KAAA,gBAAA,CAAA,cAAA,KAAA,CAAA,cAAA,6BAAA,KAAA,CAAA,cAAA"}

package/dist/components/switch.js

@@ -0,0 +1,17 @@
+import { cn } from "../utils-C0f9Ma6r.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+//#region src/components/switch.tsx
+const Switch = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
+	className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className),
+	...props,
+	ref,
+	children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") })
+}));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../src/components/switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport { cn } from '../lib/utils';\n\nconst Switch = React.forwardRef<\n  React.ComponentRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',\n      className\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"],"mappings":";;;;;;AAIA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,iBAAiB;CAChB,WAAW,GACT,sXACA,UACD;CACD,GAAI;CACC;2BAEL,IAAC,iBAAiB,SAChB,WAAW,GACT,6KACD,GACD;EACoB,CACxB;AACF,OAAO,cAAc,iBAAiB,KAAK"}

package/dist/components/table.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+
+//#region src/components/table.d.ts
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/components/table.tsx"],"sourcesContent":[],"mappings":";;;cAGM,OAAK,KAAA,CAAA,0BAAA,KAAA,CAAA,eAAA,oBAAA,KAAA,CAAA,cAAA;cASL,aAAW,KAAA,CAAA,0BAAA,KAAA,CAAA,eAAA,2BAAA,KAAA,CAAA,cAAA;AAZc,cAwBzB,SAfL,EAec,KAAA,CAAA,yBAfd,CAec,KAAA,CAAA,cAfd,CAec,uBAfd,CAAA,GAec,KAAA,CAAA,aAfd,CAec,uBAfd,CAAA,CAAA;cAuBK,WAvBL,EAuBgB,KAAA,CAAA,yBAvBhB,CAuBgB,KAAA,CAAA,cAvBhB,CAuBgB,uBAvBhB,CAAA,GAuBgB,KAAA,CAAA,aAvBhB,CAuBgB,uBAvBhB,CAAA,CAAA;cAmCK,QAzCK,EAyCG,KAAA,CAAA,yBAzCH,CAyCG,KAAA,CAAA,cAzCH,CAyCG,mBAzCH,CAAA,GAyCG,KAAA,CAAA,aAzCH,CAyCG,mBAzCH,CAAA,CAAA;cAuDL,SAvDK,EAuDI,KAAA,CAAA,yBAvDJ,CAuDI,KAAA,CAAA,gBAvDJ,CAuDI,oBAvDJ,CAAA,GAuDI,KAAA,CAAA,aAvDJ,CAuDI,oBAvDJ,CAAA,CAAA;cAsEL,SAtEK,EAsEI,KAAA,CAAA,yBAtEJ,CAsEI,KAAA,CAAA,gBAtEJ,CAsEI,oBAtEJ,CAAA,GAsEI,KAAA,CAAA,aAtEJ,CAsEI,oBAtEJ,CAAA,CAAA;cAmFL,YAnFK,EAmFO,KAAA,CAAA,yBAnFP,CAmFO,KAAA,CAAA,cAnFP,CAmFO,uBAnFP,CAAA,GAmFO,KAAA,CAAA,aAnFP,CAmFO,uBAnFP,CAAA,CAAA"}

package/dist/components/table.js

@@ -0,0 +1,61 @@
+import { cn } from "../utils-C0f9Ma6r.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/table.tsx
+const Table = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	className: "relative w-full overflow-auto",
+	children: /* @__PURE__ */ jsx("table", {
+		ref,
+		className: cn("w-full caption-bottom text-sm", className),
+		...props
+	})
+}));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("thead", {
+	ref,
+	className: cn("[&_tr]:border-b [&_tr]:border-border/50", className),
+	...props
+}));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+	ref,
+	className: cn("[&_tr:last-child]:border-0", className),
+	...props
+}));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("tfoot", {
+	ref,
+	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+	...props
+}));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("tr", {
+	ref,
+	className: cn("border-b border-border/50 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+	...props
+}));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("th", {
+	ref,
+	className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("td", {
+	ref,
+	"data-slot": "table-cell",
+	className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("caption", {
+	ref,
+	className: cn("mt-4 text-sm text-muted-foreground", className),
+	...props
+}));
+TableCaption.displayName = "TableCaption";
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.js.map