@codefast/ui 0.3.13-canary.3 → 0.3.13-canary.4

package/dist/components/sonner.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { Toaster as Toaster$1, toast, useSonner } from "sonner";
+//#region src/components/sonner.tsx
+function Toaster({ ...props }) {
+	const { theme = "system" } = useTheme();
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		className: cn("group", "toaster"),
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-border": "var(--border)",
+			"--normal-text": "var(--popover-foreground)"
+		},
+		theme,
+		...props
+	});
+}
+//#endregion
+export { Toaster, toast, useSonner };

package/dist/components/spinner.d.mts

@@ -0,0 +1,14 @@
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/spinner.d.ts
+interface SpinnerProps extends ComponentProps<"span"> {
+  loading?: boolean;
+}
+declare function Spinner({
+  children,
+  className,
+  loading,
+  ...props
+}: SpinnerProps): ReactNode;
+//#endregion
+export { Spinner, type SpinnerProps };

package/dist/components/spinner.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+//#region src/components/spinner.tsx
+const SPINNER_COUNT = 8;
+function Spinner({ children, className, loading = true, ...props }) {
+	if (!loading) return children;
+	const spinner = /* @__PURE__ */ jsx("span", {
+		className: cn("relative flex size-4 items-center justify-center", "opacity-60", className),
+		...props,
+		children: Array.from({ length: SPINNER_COUNT }, (_, index) => /* @__PURE__ */ jsx("span", {
+			className: cn("absolute", "h-full rotate-(--spinner-rotate)", "before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
+			style: {
+				"--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
+				"--spinner-duration": `${(SPINNER_COUNT * 100).toString()}ms`,
+				"--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
+				width: `${(100 / SPINNER_COUNT).toString()}%`
+			}
+		}, index))
+	});
+	if (children === void 0) return spinner;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: cn("contents", "invisible"),
+				children
+			}),
+			/* @__PURE__ */ jsx(VisuallyHidden, { children }),
+			/* @__PURE__ */ jsx("span", {
+				className: cn("absolute flex items-center justify-center", "inset-0"),
+				children: spinner
+			})
+		]
+	});
+}
+//#endregion
+export { Spinner };

package/dist/components/switch.d.mts

@@ -0,0 +1,11 @@
+import { ComponentProps, JSX } from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+//#region src/components/switch.d.ts
+type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root>;
+declare function Switch({
+  className,
+  ...props
+}: SwitchProps): JSX.Element;
+//#endregion
+export { Switch, type SwitchProps };

package/dist/components/switch.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+//#region src/components/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitives.Root, {
+		className: cn("peer inline-flex h-5 w-9 shrink-0 items-center p-0.75", "rounded-full border border-transparent shadow-xs outline-hidden", "transition-all", "focus-visible:ring-3 focus-visible:ring-ring/50", "focus-visible:not-data-checked:border-ring/60", "disabled:opacity-50", "data-checked:bg-primary", "data-checked:focus-visible:ring-primary/20", "dark:data-checked:focus-visible:ring-primary/40", "data-unchecked:bg-input", "dark:data-unchecked:bg-input/80", className),
+		"data-slot": "switch",
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, {
+			className: cn("block", "size-3.5", "rounded-full", "bg-background shadow-sm", "pointer-events-none transition-transform", "dark:not-data-checked:bg-foreground", "data-checked:translate-x-3.5", "data-unchecked:translate-x-0"),
+			"data-slot": "switch-thumb"
+		})
+	});
+}
+//#endregion
+export { Switch };

package/dist/components/table.d.mts

@@ -0,0 +1,45 @@
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/table.d.ts
+type TableProps = ComponentProps<"table">;
+declare function Table({
+  className,
+  ...props
+}: TableProps): JSX.Element;
+type TableHeaderProps = ComponentProps<"thead">;
+declare function TableHeader({
+  className,
+  ...props
+}: TableHeaderProps): JSX.Element;
+type TableBodyProps = ComponentProps<"tbody">;
+declare function TableBody({
+  className,
+  ...props
+}: TableBodyProps): JSX.Element;
+type TableFooterProps = ComponentProps<"tfoot">;
+declare function TableFooter({
+  className,
+  ...props
+}: TableFooterProps): JSX.Element;
+type TableRowProps = ComponentProps<"tr">;
+declare function TableRow({
+  className,
+  ...props
+}: TableRowProps): JSX.Element;
+type TableHeadProps = ComponentProps<"th">;
+declare function TableHead({
+  className,
+  ...props
+}: TableHeadProps): JSX.Element;
+type TableCellProps = ComponentProps<"td">;
+declare function TableCell({
+  className,
+  ...props
+}: TableCellProps): JSX.Element;
+type TableCaptionProps = ComponentProps<"caption">;
+declare function TableCaption({
+  className,
+  ...props
+}: TableCaptionProps): JSX.Element;
+//#endregion
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/components/table.mjs

@@ -0,0 +1,65 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("relative", "w-full overflow-auto"),
+		"data-slot": "table-cotainer",
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn("w-full text-sm", "caption-bottom", className),
+			"data-slot": "table",
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn("*:border-b", "*:has-aria-expanded:bg-transparent", className),
+		"data-slot": "table-header",
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn("*:last-child:border-0", className),
+		"data-slot": "table-body",
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn("bg-muted/50 font-medium", "*:border-t *:border-b-0", "*:has-aria-expanded:bg-transparent", className),
+		"data-slot": "table-footer",
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn("border-b", "transition-colors", "hover:bg-muted/50", "has-aria-expanded:bg-muted/50", "data-selected:bg-muted", className),
+		"data-slot": "table-row",
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		className: cn("p-2", "text-left align-middle font-medium", className),
+		"data-slot": "table-head",
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		className: cn("p-2", "align-middle", className),
+		"data-slot": "table-cell",
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn("mt-4", "text-sm text-muted-foreground", className),
+		"data-slot": "table-caption",
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.mts

@@ -0,0 +1,26 @@
+import { ComponentProps, JSX } from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region src/components/tabs.d.ts
+type TabsProps = ComponentProps<typeof TabsPrimitive.Root>;
+declare function Tabs({
+  className,
+  ...props
+}: TabsProps): JSX.Element;
+type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
+declare function TabsList({
+  className,
+  ...props
+}: TabsListProps): JSX.Element;
+type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
+declare function TabsTrigger({
+  className,
+  ...props
+}: TabsTriggerProps): JSX.Element;
+type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
+declare function TabsContent({
+  className,
+  ...props
+}: TabsContentProps): JSX.Element;
+//#endregion
+export { Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps };

package/dist/components/tabs.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+//#region src/components/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		className: cn("flex flex-col gap-2", className),
+		"data-slot": "tabs",
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		className: cn("inline-flex w-fit items-center justify-center gap-1 px-1 py-1", "rounded-xl", "bg-muted text-muted-foreground", className),
+		"data-slot": "tabs-list",
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		className: cn("inline-flex items-center justify-center gap-1.5", "px-2 py-1.5", "rounded-lg", "text-sm font-medium whitespace-nowrap text-muted-foreground", "transition", "not-dark:outline-hidden", "hover:not-disabled:text-foreground", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "dark:focus-visible:-outline-offset-1 dark:focus-visible:outline-ring", "data-active:bg-background data-active:text-foreground data-active:shadow-sm", "dark:data-active:bg-input/50", "dark:focus-visible:data-active:outline-1", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		"data-slot": "tabs-trigger",
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		className: cn("mt-2", "rounded-xl ring-ring/50 outline-ring", "focus-visible:ring-4 focus-visible:outline-1", className),
+		"data-slot": "tabs-content",
+		...props
+	});
+}
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/textarea.d.mts

@@ -0,0 +1,10 @@
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/textarea.d.ts
+type TextareaProps = ComponentProps<"textarea">;
+declare function Textarea({
+  className,
+  ...props
+}: TextareaProps): JSX.Element;
+//#endregion
+export { Textarea, type TextareaProps };

package/dist/components/textarea.mjs

@@ -0,0 +1,12 @@
+import { cn } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("flex min-h-16 w-full grow px-3 py-2", "rounded-lg border border-input shadow-xs outline-hidden", "text-base", "transition", "placeholder:text-muted-foreground", "hover:not-disabled:not-focus-visible:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-invalid:border-destructive", "focus-within:aria-invalid:ring-destructive/20", "hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60", "md:text-sm", "dark:bg-input/30", "dark:focus-within:aria-invalid:ring-destructive/40", className),
+		"data-slot": "textarea",
+		...props
+	});
+}
+//#endregion
+export { Textarea };

package/dist/components/toggle-group.d.mts

@@ -0,0 +1,30 @@
+import { ToggleVariants } from "./toggle.mjs";
+import { ComponentProps, JSX } from "react";
+import { Scope } from "@radix-ui/react-context";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+
+//#region src/components/toggle-group.d.ts
+type ScopedProps<P> = P & {
+  __scopeToggleGroup?: Scope;
+};
+type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleVariants & {
+  spacing?: number;
+};
+declare function ToggleGroup({
+  __scopeToggleGroup,
+  children,
+  className,
+  size,
+  spacing,
+  variant,
+  ...props
+}: ScopedProps<ToggleGroupProps>): JSX.Element;
+type ToggleGroupItemProps = ScopedProps<ComponentProps<typeof ToggleGroupPrimitive.Item>>;
+declare function ToggleGroupItem({
+  __scopeToggleGroup,
+  children,
+  className,
+  ...props
+}: ToggleGroupItemProps): JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/components/toggle-group.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { toggleVariants } from "./toggle.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContextScope } from "@radix-ui/react-context";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { createToggleGroupScope } from "@radix-ui/react-toggle-group";
+//#region src/components/toggle-group.tsx
+const TOGGLE_GROUP_NAME = "ToggleGroup";
+const [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [createToggleGroupScope]);
+const useToggleGroupScope = createToggleGroupScope();
+const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing = 0, variant, ...props }) {
+	const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+	return /* @__PURE__ */ jsx(ToggleGroupProvider, {
+		scope: __scopeToggleGroup,
+		size,
+		spacing,
+		variant,
+		children: /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, {
+			className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))]", "rounded-lg", "data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
+			"data-size": size,
+			"data-slot": "toggle-group",
+			"data-spacing": spacing,
+			"data-variant": variant,
+			style: { "--gap": spacing },
+			...toggleGroupScope,
+			...props,
+			children
+		})
+	});
+}
+const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
+function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }) {
+	const { size, spacing, variant } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+	const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {
+		className: cn("w-auto min-w-0 shrink-0 px-3", "focus:z-10", "focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none", "data-[spacing=0]:first:rounded-l-lg", "data-[spacing=0]:last:rounded-r-lg", "data-[spacing=0]:data-[variant=outline]:border-l-0", "data-[spacing=0]:data-[variant=outline]:first:border-l", toggleVariants({
+			className,
+			size,
+			variant
+		})),
+		"data-size": size,
+		"data-slot": "toggle-group-item",
+		"data-spacing": spacing,
+		"data-variant": variant,
+		...toggleGroupScope,
+		...props,
+		children
+	});
+}
+//#endregion
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle.d.mts

@@ -0,0 +1,28 @@
+import { VariantProps } from "../lib/utils.mjs";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+
+//#region src/components/toggle.d.ts
+declare const toggleVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  size: {
+    default: string[];
+    lg: string[];
+    sm: string[];
+  };
+  variant: {
+    default: string;
+    outline: string[];
+  };
+}, Record<string, never>>;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+interface ToggleProps extends ComponentProps<typeof TogglePrimitive.Root>, ToggleVariants {}
+declare function Toggle({
+  children,
+  className,
+  size,
+  variant,
+  ...props
+}: ToggleProps): JSX.Element;
+//#endregion
+export { Toggle, type ToggleProps, type ToggleVariants, toggleVariants };

package/dist/components/toggle.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { tv } from "../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+//#region src/components/toggle.tsx
+const toggleVariants = tv({
+	base: [
+		"inline-flex items-center justify-center gap-2",
+		"rounded-lg outline-none",
+		"text-sm font-medium whitespace-nowrap",
+		"transition-[color,box-shadow]",
+		"hover:bg-muted hover:text-muted-foreground",
+		"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+		"disabled:pointer-events-none disabled:opacity-50",
+		"aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+		"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+		"dark:aria-invalid:ring-destructive/40",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+	],
+	variants: {
+		size: {
+			default: ["h-9 min-w-9", "px-2"],
+			lg: ["h-10 min-w-10", "px-2.5"],
+			sm: ["h-8 min-w-8", "px-1.5"]
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: [
+				"border border-input",
+				"bg-transparent shadow-xs",
+				"hover:bg-accent hover:text-accent-foreground"
+			]
+		}
+	},
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	}
+});
+function Toggle({ children, className, size, variant, ...props }) {
+	return /* @__PURE__ */ jsx(TogglePrimitive.Root, {
+		className: toggleVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "toggle",
+		...props,
+		children
+	});
+}
+//#endregion
+export { Toggle, toggleVariants };

package/dist/components/tooltip.d.mts

@@ -0,0 +1,30 @@
+import { ComponentProps, JSX } from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region src/components/tooltip.d.ts
+type TooltipProviderProps = ComponentProps<typeof TooltipPrimitive.Provider>;
+declare function TooltipProvider({
+  ...props
+}: TooltipProviderProps): JSX.Element;
+type TooltipProps = ComponentProps<typeof TooltipPrimitive.Root>;
+declare function Tooltip({
+  ...props
+}: TooltipProps): JSX.Element;
+type TooltipTriggerProps = ComponentProps<typeof TooltipPrimitive.Trigger>;
+declare function TooltipTrigger({
+  ...props
+}: TooltipTriggerProps): JSX.Element;
+type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content>;
+declare function TooltipContent({
+  children,
+  className,
+  sideOffset,
+  ...props
+}: TooltipContentProps): JSX.Element;
+type TooltipArrowProps = ComponentProps<typeof TooltipPrimitive.Arrow>;
+declare function TooltipArrow({
+  className,
+  ...props
+}: TooltipArrowProps): JSX.Element;
+//#endregion
+export { Tooltip, TooltipArrow, type TooltipArrowProps, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, type TooltipProviderProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { cn } from "../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+//#region src/components/tooltip.tsx
+function TooltipProvider({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ children, className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		className: cn("z-50", "w-fit max-w-(--radix-tooltip-content-available-width) px-3 py-1.5", "rounded-md", "bg-primary text-xs text-balance text-primary-foreground", "ease-ui data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95", "data-[state=delayed-open]:data-side-top:slide-in-from-bottom-2", "data-[state=delayed-open]:data-side-right:slide-in-from-left-2", "data-[state=delayed-open]:data-side-bottom:slide-in-from-top-2", "data-[state=delayed-open]:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-tooltip-content-transform-origin)", className),
+		collisionPadding: 8,
+		"data-slot": "tooltip-content",
+		sideOffset,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipArrow, {})]
+	}) });
+}
+function TooltipArrow({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+		className: cn("fill-primary", className),
+		"data-slot": "tooltip-arrow",
+		...props
+	});
+}
+//#endregion
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/hooks/{use-animated-value.d.ts → use-animated-value.d.mts}

@@ -1,3 +1,4 @@
+//#region src/hooks/use-animated-value.d.ts
 /**
  * Produce a smoothly animated numeric value in response to changes.
  *
@@ -15,5 +16,6 @@
  * return <div>{value}%</div>;
  * ```
  */
-export declare function useAnimatedValue(targetValue: null | number, duration: number, animate?: boolean): number;
-//# sourceMappingURL=use-animated-value.d.ts.map
+declare function useAnimatedValue(targetValue: null | number, duration: number, animate?: boolean): number;
+//#endregion
+export { useAnimatedValue };

package/dist/hooks/use-animated-value.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/use-animated-value.ts
+/**
+* Produce a smoothly animated numeric value in response to changes.
+*
+* Applies a time-based easing (easeOutQuad) between the current and target values
+* over the specified duration. When disabled, the value updates immediately.
+*
+* @param targetValue - Target number to animate toward; null resolves to 0.
+* @param duration - Animation duration in milliseconds.
+* @param animate - When false, bypasses animation and sets the value directly.
+* @returns The current (rounded) animated value.
+*
+* @example
+* ```tsx
+* const value = useAnimatedValue(75, 1000, true);
+* return <div>{value}%</div>;
+* ```
+*/
+function useAnimatedValue(targetValue, duration, animate) {
+	const actualTargetValue = targetValue ?? 0;
+	const [animatedValue, setAnimatedValue] = useState(actualTargetValue);
+	const animatedValueRef = useRef(actualTargetValue);
+	useEffect(() => {
+		animatedValueRef.current = animatedValue;
+	}, [animatedValue]);
+	useEffect(() => {
+		if (!animate) {
+			setAnimatedValue(actualTargetValue);
+			return;
+		}
+		const currentValue = animatedValueRef.current;
+		const valueRange = actualTargetValue - currentValue;
+		const startTime = performance.now();
+		if (duration <= 0 || valueRange === 0) {
+			setAnimatedValue(actualTargetValue);
+			return;
+		}
+		let animationFrame;
+		const animateValue = (currentTime) => {
+			const elapsedTime = currentTime - startTime;
+			if (elapsedTime >= duration) setAnimatedValue(actualTargetValue);
+			else {
+				const progress = elapsedTime / duration;
+				setAnimatedValue(currentValue + valueRange * (1 - (1 - progress) * (1 - progress)));
+				animationFrame = requestAnimationFrame(animateValue);
+			}
+		};
+		animationFrame = requestAnimationFrame(animateValue);
+		return () => {
+			cancelAnimationFrame(animationFrame);
+		};
+	}, [
+		actualTargetValue,
+		duration,
+		animate
+	]);
+	return Math.round(animatedValue);
+}
+//#endregion
+export { useAnimatedValue };

package/dist/hooks/{use-copy-to-clipboard.d.ts → use-copy-to-clipboard.d.mts}

@@ -1,3 +1,4 @@
+//#region src/hooks/use-copy-to-clipboard.d.ts
 /**
  * Provide clipboard copy capability with a transient copied state.
  *
@@ -15,11 +16,15 @@
  * <button onClick={() => copyToClipboard("Hello")}>{isCopied ? "Copied" : "Copy"}</button>
  * ```
  */
-export declare function useCopyToClipboard({ onCopy, timeout }?: {
-    onCopy?: () => void;
-    timeout?: number;
+declare function useCopyToClipboard({
+  onCopy,
+  timeout
+}?: {
+  onCopy?: () => void;
+  timeout?: number;
 }): {
-    copyToClipboard: (value: string) => Promise<void>;
-    isCopied: boolean;
+  copyToClipboard: (value: string) => Promise<void>;
+  isCopied: boolean;
 };
-//# sourceMappingURL=use-copy-to-clipboard.d.ts.map
+//#endregion
+export { useCopyToClipboard };