@codefast/ui 0.3.15 → 0.3.16-canary.0

package/dist/components/navigation-menu.mjs

@@ -4,10 +4,16 @@ import { ChevronDownIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 //#region src/components/navigation-menu.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const navigationMenuTriggerVariants = tv({ base: buttonVariants({
 	className: "data-open:bg-secondary/50 data-open:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
 	variant: "ghost"
 }) });
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenu({ children, className, viewport = true, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
 		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
@@ -17,6 +23,9 @@ function NavigationMenu({ children, className, viewport = true, ...props }) {
 		children: [children, viewport ? /* @__PURE__ */ jsx(NavigationMenuViewport, {}) : null]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenuList({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.List, {
 		className: cn("flex flex-1 items-center justify-center gap-1", "list-none", className),
@@ -25,6 +34,9 @@ function NavigationMenuList({ children, className, ...props }) {
 		children: [children, /* @__PURE__ */ jsx(NavigationMenuIndicator, { className: "invisible" })]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenuItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
 		className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
@@ -32,6 +44,9 @@ function NavigationMenuItem({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenuTrigger({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
 		className: navigationMenuTriggerVariants({ className }),
@@ -43,6 +58,9 @@ function NavigationMenuTrigger({ children, className, ...props }) {
 		})]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenuContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
 		className: cn("top-0 left-0", "w-full", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-2 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:p-1 group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow", "group-data-[viewport=true]/navigation-menu:p-2", "data-[motion=from-end]:slide-in-from-right-52", "data-[motion=from-start]:slide-in-from-left-52", "data-[motion=to-end]:slide-out-to-right-52", "data-[motion=to-start]:slide-out-to-left-52", "ease-ui data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0", "data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0", "md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95", "group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className),
@@ -50,6 +68,9 @@ function NavigationMenuContent({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function NavigationMenuLink({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {
 		className: cn("flex flex-col gap-1", "p-2", "rounded-sm outline-hidden", "text-sm", "transition", "hover:bg-accent hover:text-accent-foreground", "focus:bg-accent focus:text-accent-foreground", "data-active:bg-accent/50 data-active:text-accent-foreground", "data-active:hover:bg-accent", "data-active:focus:bg-accent", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),

package/dist/components/pagination.d.mts

@@ -3,21 +3,45 @@ import { buttonVariants } from "./button.mjs";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/pagination.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type PaginationProps = ComponentProps<"nav">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Pagination({
   className,
   ...props
 }: PaginationProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PaginationContentProps = ComponentProps<"ul">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationContent({
   className,
   ...props
 }: PaginationContentProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PaginationItemProps = ComponentProps<"li">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationItem(props: PaginationItemProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface PaginationLinkProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
   isActive?: boolean;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationLink({
   children,
   className,
@@ -25,19 +49,37 @@ declare function PaginationLink({
   size,
   ...props
 }: PaginationLinkProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface PaginationPreviousProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
   isActive?: boolean;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationPrevious({
   ...props
 }: PaginationPreviousProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface PaginationNextProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
   isActive?: boolean;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationNext({
   ...props
 }: PaginationNextProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PaginationEllipsisProps = ComponentProps<"span">;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PaginationEllipsis({
   className,
   ...props

package/dist/components/pagination.mjs

@@ -3,6 +3,9 @@ import { buttonVariants } from "./button.mjs";
 import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/pagination.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "pagination",
@@ -11,6 +14,9 @@ function Pagination({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		className: cn("flex flex-row items-center gap-1", className),
@@ -18,12 +24,18 @@ function PaginationContent({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationItem(props) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "pagination-item",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationLink({ children, className, isActive, size = "icon", ...props }) {
 	return /* @__PURE__ */ jsx("a", {
 		"aria-current": isActive ? "page" : void 0,
@@ -37,6 +49,9 @@ function PaginationLink({ children, className, isActive, size = "icon", ...props
 		children
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationPrevious({ ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to previous page",
@@ -46,6 +61,9 @@ function PaginationPrevious({ ...props }) {
 		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationNext({ ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to next page",
@@ -55,6 +73,9 @@ function PaginationNext({ ...props }) {
 		children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRightIcon, {})]
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PaginationEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": true,

package/dist/components/popover.d.mts

@@ -2,26 +2,56 @@ import { ComponentProps, JSX } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/popover.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type PopoverProps = ComponentProps<typeof PopoverPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Popover({
   ...props
 }: PopoverProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PopoverTriggerProps = ComponentProps<typeof PopoverPrimitive.Trigger>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PopoverTrigger({
   ...props
 }: PopoverTriggerProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PopoverAnchorProps = ComponentProps<typeof PopoverPrimitive.Anchor>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PopoverAnchor({
   ...props
 }: PopoverAnchorProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PopoverContent({
   align,
   className,
   sideOffset,
   ...props
 }: PopoverContentProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type PopoverArrowProps = ComponentProps<typeof PopoverPrimitive.Arrow>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function PopoverArrow({
   className,
   ...props

package/dist/components/popover.mjs

@@ -3,24 +3,36 @@ import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 //#region src/components/popover.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Popover({ ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
 		"data-slot": "popover",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PopoverTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
 		"data-slot": "popover-trigger",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PopoverAnchor({ ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
 		"data-slot": "popover-anchor",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PopoverContent({ align = "center", className, sideOffset = 4, ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
 		align,
@@ -30,6 +42,9 @@ function PopoverContent({ align = "center", className, sideOffset = 4, ...props
 		...props
 	}) });
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function PopoverArrow({ className, ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, {
 		className: cn("fill-popover", className),

package/dist/components/progress-circle.d.mts

@@ -4,6 +4,9 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/progress-circle.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const progressCircleVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   size: {
     sm: {
@@ -44,6 +47,9 @@ declare const progressCircleVariants: _$_codefast_tailwind_variants0.VariantFunc
   svg: string;
   track: string;
 }>;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleProvider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
   /**
    * Enables animation effect when value changes
@@ -102,6 +108,9 @@ interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleP
    */
   sizeInPixels?: number;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ProgressCircle({
   animate,
   animationDuration,

package/dist/components/progress-circle.mjs

@@ -5,6 +5,9 @@ import { Indicator as ProgressCircleIndicator, ProgressCircle as ProgressCircle$
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 //#region src/components/progress-circle.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const progressCircleVariants = tv({
 	defaultVariants: {
 		size: "md",
@@ -47,6 +50,9 @@ const progressCircleVariants = tv({
 		}
 	}
 });
+/**
+* @since 0.3.16-canary.0
+*/
 function ProgressCircle({ animate = true, animationDuration = 1e3, className, classNames, customLabel, showValue = false, size, sizeInPixels, strokeWidth, thickness = "regular", value = 0, variant = "default", ...props }) {
 	const displayValue = useAnimatedValue(value, animationDuration, animate);
 	const actualSize = useMemo(() => sizeInPixels ?? getActualSize(size), [sizeInPixels, size]);

package/dist/components/progress.d.mts

@@ -2,7 +2,13 @@ import { ComponentProps, JSX } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 
 //#region src/components/progress.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Progress({
   className,
   value,

package/dist/components/progress.mjs

@@ -3,6 +3,9 @@ import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 //#region src/components/progress.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Progress({ className, value, ...props }) {
 	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
 		className: cn("relative", "h-2 w-full overflow-hidden", "rounded-full", "bg-primary/20", className),

package/dist/components/radio-cards.d.mts

@@ -2,9 +2,21 @@ import { ComponentProps, JSX } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/radio-cards.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type RadioCardsProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function RadioCards(props: RadioCardsProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type RadioCardsItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function RadioCardsItem({
   children,
   className,

package/dist/components/radio-cards.mjs

@@ -4,12 +4,18 @@ import { Label } from "./label.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 //#region src/components/radio-cards.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function RadioCards(props) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
 		"data-slot": "radio-cards",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function RadioCardsItem({ children, className, ...props }) {
 	return /* @__PURE__ */ jsxs(Label, {
 		className: cn("flex items-start gap-3", "p-3", "rounded-lg border border-input", "transition", "hover:not-has-disabled:not-has-aria-checked:bg-secondary", "has-focus-visible:border-ring", "has-disabled:opacity-50", "has-aria-checked:border-primary has-aria-checked:bg-primary/10"),

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

@@ -2,12 +2,24 @@ import { ComponentProps, JSX } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/radio-group.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function RadioGroup({
   className,
   ...props
 }: RadioGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function RadioGroupItem({
   className,
   ...props

package/dist/components/radio-group.mjs

@@ -3,6 +3,9 @@ import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 //#region src/components/radio-group.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function RadioGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
 		className: cn("grid gap-2", className),
@@ -10,6 +13,9 @@ function RadioGroup({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function RadioGroupItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
 		className: cn("peer inline-flex size-4 shrink-0 items-center justify-center", "rounded-full border border-input shadow-xs outline-hidden", "transition", "hover:not-disabled:not-aria-checked:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-checked:border-primary aria-checked:bg-primary", "focus-visible:aria-checked:ring-primary/20", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60", "aria-checked:aria-invalid:bg-destructive", "dark:bg-input/30", "dark:focus-visible:aria-checked:ring-primary/40", "dark:aria-invalid:ring-destructive/40", className),

package/dist/components/radio.d.mts

@@ -1,9 +1,15 @@
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/radio.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 interface RadioProps extends Omit<ComponentProps<"input">, "type"> {
   onValueChange?: (value: string) => void;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function Radio({
   className,
   onChange,

package/dist/components/radio.mjs

@@ -3,6 +3,9 @@ import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";
 //#region src/components/radio.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function Radio({ className, onChange, onValueChange, ...props }) {
 	return /* @__PURE__ */ jsx("input", {
 		className: cn("peer inline-flex size-4 shrink-0 items-center justify-center", "rounded-full border border-input shadow-xs outline-hidden", "appearance-none", "after:size-full after:rounded-full after:bg-background after:transition-[width,height]", "checked:border-primary checked:bg-primary", "checked:after:size-1", "hover:not-disabled:not-checked:border-ring/60", "focus-visible:ring-3 focus-visible:ring-ring/50", "focus-visible:not-checked:border-ring", "focus-visible:checked:ring-primary/20", "disabled:opacity-50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "checked:aria-invalid:bg-destructive", "hover:not-disabled:not-checked:aria-invalid:border-destructive/60", "dark:not-checked:after:bg-input/30", "dark:focus-visible:checked:ring-primary/40", "dark:aria-invalid:ring-destructive/40", className),

package/dist/components/resizable.d.mts

@@ -2,18 +2,36 @@ import { ComponentProps, JSX } from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region src/components/resizable.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 type ResizableGroupProps = ComponentProps<typeof ResizablePrimitive.Group>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ResizableGroup({
   className,
   ...props
 }: ResizableGroupProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ResizablePanel({
   ...props
 }: ResizablePanelProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 interface ResizableSeparatorProps extends ComponentProps<typeof ResizablePrimitive.Separator> {
   withHandle?: boolean;
 }
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ResizableSeparator({
   className,
   withHandle,

package/dist/components/resizable.mjs

@@ -4,6 +4,9 @@ import { GripVerticalIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 //#region src/components/resizable.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 function ResizableGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
 		className: cn("flex size-full", className),
@@ -11,12 +14,18 @@ function ResizableGroup({ className, ...props }) {
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ResizablePanel({ ...props }) {
 	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
 		"data-slot": "resizable-panel",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ResizableSeparator({ className, withHandle, ...props }) {
 	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
 		className: cn("flex items-center justify-center", "bg-border outline-hidden", "focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=horizontal]:h-px", "aria-[orientation=vertical]:w-px", className),

package/dist/components/scroll-area.d.mts

@@ -5,6 +5,9 @@ import { Scope } from "@radix-ui/react-context";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 //#region src/components/scroll-area.d.ts
+/**
+ * @since 0.3.16-canary.0
+ */
 declare const scrollAreaScrollbarVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
   orientation: {
     horizontal: string[];
@@ -21,7 +24,13 @@ type ScopedProps<P> = P & {
   __scopeScrollArea?: Scope;
 };
 type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ScrollArea({
   __scopeScrollArea,
   children,
@@ -29,7 +38,13 @@ declare function ScrollArea({
   size,
   ...props
 }: ScrollAreaProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
 type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
+/**
+ * @since 0.3.16-canary.0
+ */
 declare function ScrollAreaScrollbar({
   __scopeScrollArea,
   className,

package/dist/components/scroll-area.mjs

@@ -4,6 +4,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { createContextScope } from "@radix-ui/react-context";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 //#region src/components/scroll-area.tsx
+/**
+* @since 0.3.16-canary.0
+*/
 const scrollAreaScrollbarVariants = tv({
 	base: [
 		"flex",
@@ -62,6 +65,9 @@ const scrollAreaScrollbarVariants = tv({
 const SCROLL_AREA_NAME = "ScrollArea";
 const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
 const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
+/**
+* @since 0.3.16-canary.0
+*/
 function ScrollArea({ __scopeScrollArea, children, className, size, ...props }) {
 	return /* @__PURE__ */ jsx(ScrollAreaContextProvider, {
 		scope: __scopeScrollArea,
@@ -83,6 +89,9 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
 		})
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
 function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
 	const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
 	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {