@codefast/ui 0.3.16-canary.2 → 0.4.0-canary.4

package/dist/components/pagination.mjs

@@ -1,6 +1,6 @@
 import { cn } from "../lib/utils.mjs";
-import { buttonVariants } from "./button.mjs";
-import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { buttonVariants } from "../variants/button.mjs";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/pagination.tsx
 /**
@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "pagination",
-		className: cn("flex w-full justify-center", "mx-auto", className),
+		className: cn("mx-auto flex w-full justify-center", className),
 		"data-slot": "pagination",
 		...props
 	});
@@ -19,7 +19,7 @@ function Pagination({ className, ...props }) {
 */
 function PaginationContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
-		className: cn("flex flex-row items-center gap-1", className),
+		className: cn("flex items-center gap-1", className),
 		"data-slot": "pagination-content",
 		...props
 	});
@@ -44,6 +44,7 @@ function PaginationLink({ children, className, isActive, size = "icon", ...props
 			size,
 			variant: isActive ? "outline" : "ghost"
 		}),
+		"data-active": isActive,
 		"data-slot": "pagination-link",
 		...props,
 		children
@@ -52,25 +53,39 @@ function PaginationLink({ children, className, isActive, size = "icon", ...props
 /**
 * @since 0.3.16-canary.0
 */
-function PaginationPrevious({ ...props }) {
+function PaginationPrevious({ className, text = "Previous", ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to previous page",
+		className: cn("pl-2!", className),
 		"data-slot": "pagination-previous",
-		size: "md",
+		size: "default",
 		...props,
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+			className: "rtl:rotate-180",
+			"data-icon": "inline-start"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		})]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-function PaginationNext({ ...props }) {
+function PaginationNext({ className, text = "Next", ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to next page",
+		className: cn("pr-2!", className),
 		"data-slot": "pagination-next",
-		size: "md",
+		size: "default",
 		...props,
-		children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRightIcon, {})]
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+			className: "rtl:rotate-180",
+			"data-icon": "inline-end"
+		})]
 	});
 }
 /**
@@ -79,10 +94,10 @@ function PaginationNext({ ...props }) {
 function PaginationEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": true,
-		className: cn("flex size-10 items-center justify-center", className),
+		className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "pagination-ellipsis",
 		...props,
-		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "More pages"
 		})]

package/dist/components/popover.d.mts

@@ -1,11 +1,11 @@
+import { Popover as Popover$1 } from "radix-ui";
 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>;
+type PopoverProps = ComponentProps<typeof Popover$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -15,7 +15,7 @@ declare function Popover({
 /**
  * @since 0.3.16-canary.0
  */
-type PopoverTriggerProps = ComponentProps<typeof PopoverPrimitive.Trigger>;
+type PopoverTriggerProps = ComponentProps<typeof Popover$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -25,7 +25,7 @@ declare function PopoverTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type PopoverAnchorProps = ComponentProps<typeof PopoverPrimitive.Anchor>;
+type PopoverAnchorProps = ComponentProps<typeof Popover$1.Anchor>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -35,7 +35,7 @@ declare function PopoverAnchor({
 /**
  * @since 0.3.16-canary.0
  */
-type PopoverContentProps = ComponentProps<typeof PopoverPrimitive.Content>;
+type PopoverContentProps = ComponentProps<typeof Popover$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -48,7 +48,7 @@ declare function PopoverContent({
 /**
  * @since 0.3.16-canary.0
  */
-type PopoverArrowProps = ComponentProps<typeof PopoverPrimitive.Arrow>;
+type PopoverArrowProps = ComponentProps<typeof Popover$1.Arrow>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -56,5 +56,38 @@ declare function PopoverArrow({
   className,
   ...props
 }: PopoverArrowProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
+type PopoverHeaderProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
+declare function PopoverHeader({
+  className,
+  ...props
+}: PopoverHeaderProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
+type PopoverTitleProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
+declare function PopoverTitle({
+  className,
+  ...props
+}: PopoverTitleProps): JSX.Element;
+/**
+ * @since 0.3.16-canary.0
+ */
+type PopoverDescriptionProps = ComponentProps<"p">;
+/**
+ * @since 0.3.16-canary.0
+ */
+declare function PopoverDescription({
+  className,
+  ...props
+}: PopoverDescriptionProps): JSX.Element;
 //#endregion
-export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverHeader, type PopoverHeaderProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/components/popover.mjs

@@ -1,13 +1,12 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
+import { Popover as Popover$1 } from "radix-ui";
 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, {
+	return /* @__PURE__ */ jsx(Popover$1.Root, {
 		"data-slot": "popover",
 		...props
 	});
@@ -16,7 +15,7 @@ function Popover({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Popover$1.Trigger, {
 		"data-slot": "popover-trigger",
 		...props
 	});
@@ -25,7 +24,7 @@ function PopoverTrigger({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+	return /* @__PURE__ */ jsx(Popover$1.Anchor, {
 		"data-slot": "popover-anchor",
 		...props
 	});
@@ -34,23 +33,56 @@ function PopoverAnchor({ ...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,
-		className: cn("z-50", "min-w-32 p-4", "rounded-lg border", "bg-popover shadow-lg outline-hidden", "text-popover-foreground", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-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-popover-content-transform-origin)", className),
-		"data-slot": "popover-content",
-		sideOffset,
-		...props
-	}) });
+	return /* @__PURE__ */ jsx(Popover$1.Portal, {
+		"data-slot": "popover-portal",
+		children: /* @__PURE__ */ jsx(Popover$1.Content, {
+			align,
+			className: cn("z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden ease-snappy data-open:animate-in data-open:animation-duration-popup-in data-open:fade-in-0 data-open:zoom-in-95 data-open:data-side-top:slide-in-from-bottom-2 data-open:data-side-right:slide-in-from-left-2 data-open:data-side-bottom:slide-in-from-top-2 data-open:data-side-left:slide-in-from-right-2 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-popup-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", className),
+			"data-slot": "popover-content",
+			sideOffset,
+			...props
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function PopoverArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, {
+	return /* @__PURE__ */ jsx(Popover$1.Arrow, {
 		className: cn("fill-popover", className),
 		"data-slot": "popover-arrow",
 		...props
 	});
 }
+/**
+* @since 0.3.16-canary.0
+*/
+function PopoverHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1 text-sm", className),
+		"data-slot": "popover-header",
+		...props
+	});
+}
+/**
+* @since 0.3.16-canary.0
+*/
+function PopoverTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("font-medium", className),
+		"data-slot": "popover-title",
+		...props
+	});
+}
+/**
+* @since 0.3.16-canary.0
+*/
+function PopoverDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-muted-foreground", className),
+		"data-slot": "popover-description",
+		...props
+	});
+}
 //#endregion
-export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
+export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

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

@@ -1,56 +1,12 @@
-import { VariantProps } from "../lib/utils.mjs";
 import { ProgressCircleProvider } from "../primitives/progress-circle.mjs";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { ProgressCircleVariants } from "../variants/progress-circle.mjs";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/progress-circle.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-declare const progressCircleVariants: _$_codefast_tailwind_variants0.VariantResolver<{
-  size: {
-    sm: {
-      label: string;
-    };
-    md: {
-      label: string;
-    };
-    lg: {
-      label: string;
-    };
-    xl: {
-      label: string;
-    };
-    "2xl": {
-      label: string;
-    };
-  };
-  thickness: {
-    regular: {};
-    thick: {};
-    thin: {};
-  };
-  variant: {
-    default: {
-      indicator: string;
-      track: string;
-    };
-    destructive: {
-      indicator: string;
-      track: string;
-    };
-  };
-}, {
-  indicator: string;
-  label: string[];
-  root: string;
-  svg: string;
-  track: string;
-}>;
-/**
- * @since 0.3.16-canary.0
- */
-interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleProvider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
+interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleProvider>, "children" | "size">, ProgressCircleVariants {
   /**
    * Enables animation effect when value changes
    */
@@ -130,4 +86,4 @@ declare namespace ProgressCircle {
   var displayName: string;
 }
 //#endregion
-export { ProgressCircle, type ProgressCircleProps, progressCircleVariants };
+export { ProgressCircle, type ProgressCircleProps };

package/dist/components/progress-circle.mjs

@@ -1,58 +1,12 @@
-"use client";
-import { tv } from "../lib/utils.mjs";
 import { useAnimatedValue } from "../hooks/use-animated-value.mjs";
 import { Indicator as ProgressCircleIndicator, ProgressCircle as ProgressCircle$1, ProgressCircleProvider, ProgressCircleSVG, ProgressCircleTrack, ProgressCircleValue } from "../primitives/progress-circle.mjs";
+import { progressCircleVariants } from "../variants/progress-circle.mjs";
 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",
-		thickness: "regular",
-		variant: "default"
-	},
-	slots: {
-		indicator: "origin-center",
-		label: [
-			"absolute flex items-center justify-center",
-			"inset-0",
-			"text-xs font-medium"
-		],
-		root: "relative inline-flex items-center justify-center",
-		svg: "size-full",
-		track: "origin-center"
-	},
-	variants: {
-		size: {
-			sm: { label: "text-[0.625rem]" },
-			md: { label: "text-xs" },
-			lg: { label: "text-sm" },
-			xl: { label: "text-base" },
-			"2xl": { label: "text-lg" }
-		},
-		thickness: {
-			regular: {},
-			thick: {},
-			thin: {}
-		},
-		variant: {
-			default: {
-				indicator: "text-primary",
-				track: "text-primary/20"
-			},
-			destructive: {
-				indicator: "text-destructive",
-				track: "text-destructive/20"
-			}
-		}
-	}
-});
-/**
-* @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]);
@@ -123,4 +77,4 @@ const getStrokeWidth = (thickness, size) => {
 	return thickness ? thicknessMap[thickness] : Math.max(3, size * .05);
 };
 //#endregion
-export { ProgressCircle, progressCircleVariants };
+export { ProgressCircle };

package/dist/components/progress.d.mts

@@ -1,11 +1,11 @@
+import { Progress as Progress$1 } from "radix-ui";
 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>;
+type ProgressProps = ComponentProps<typeof Progress$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/progress.mjs

@@ -1,18 +1,17 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
+import { Progress as Progress$1 } from "radix-ui";
 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),
+	return /* @__PURE__ */ jsx(Progress$1.Root, {
+		className: cn("relative flex h-1.5 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
 		"data-slot": "progress",
 		...props,
-		children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, {
-			className: cn("size-full flex-1", "bg-primary", "transition-all"),
+		children: /* @__PURE__ */ jsx(Progress$1.Indicator, {
+			className: "size-full flex-1 bg-primary transition-all",
 			"data-slot": "progress-indicator",
 			style: { transform: `translateX(-${(100 - (value ?? 0)).toString()}%)` }
 		})

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

@@ -1,11 +1,11 @@
+import { RadioGroup } from "radix-ui";
 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>;
+type RadioCardsProps = ComponentProps<typeof RadioGroup.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -13,7 +13,7 @@ declare function RadioCards(props: RadioCardsProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type RadioCardsItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+type RadioCardsItemProps = ComponentProps<typeof RadioGroup.Item>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/radio-cards.mjs

@@ -1,14 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { Label } from "./label.mjs";
+import { Label as Label$1 } from "./label.mjs";
+import { RadioGroup } from "radix-ui";
 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, {
+	return /* @__PURE__ */ jsx(RadioGroup.Root, {
 		"data-slot": "radio-cards",
 		...props
 	});
@@ -17,16 +16,17 @@ function RadioCards(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"),
+	return /* @__PURE__ */ jsxs(Label$1, {
+		className: "flex items-start gap-3 rounded-md border border-input p-3 transition has-focus-visible:border-ring has-disabled:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5",
 		"data-slot": "radio-card",
-		children: [/* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
-			className: cn("peer flex size-4 shrink-0 items-center justify-center", "rounded-full border border-input shadow-xs outline-hidden", "text-primary-foreground", "transition", "focus-visible:ring-3 focus-visible:ring-ring/50", "focus-visible:not-aria-checked:border-ring", "aria-checked:border-primary aria-checked:bg-primary", "focus-visible:aria-checked:ring-primary/20", "dark:bg-input/30", "dark:focus-visible:aria-checked:ring-primary/40", className),
+		children: [/* @__PURE__ */ jsx(RadioGroup.Item, {
+			className: cn("peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
 			"data-slot": "radio-card-item",
 			...props,
-			children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
-				className: cn("size-1", "rounded-full", "bg-background"),
-				"data-slot": "radio-card-indicator"
+			children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {
+				className: "flex size-4 items-center justify-center",
+				"data-slot": "radio-card-indicator",
+				children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
 			})
 		}), children]
 	});

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

@@ -1,11 +1,11 @@
+import { RadioGroup as RadioGroup$1 } from "radix-ui";
 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>;
+type RadioGroupProps = ComponentProps<typeof RadioGroup$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -16,7 +16,7 @@ declare function RadioGroup({
 /**
  * @since 0.3.16-canary.0
  */
-type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+type RadioGroupItemProps = ComponentProps<typeof RadioGroup$1.Item>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/radio-group.mjs

@@ -1,14 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
+import { RadioGroup as RadioGroup$1 } from "radix-ui";
 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),
+	return /* @__PURE__ */ jsx(RadioGroup$1.Root, {
+		className: cn("grid w-full gap-3", className),
 		"data-slot": "radio-group",
 		...props
 	});
@@ -17,13 +16,14 @@ function RadioGroup({ className, ...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),
+	return /* @__PURE__ */ jsx(RadioGroup$1.Item, {
+		className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
 		"data-slot": "radio-group-item",
 		...props,
-		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
-			className: cn("size-1", "rounded-full", "bg-background"),
-			"data-slot": "radio-group-indicator"
+		children: /* @__PURE__ */ jsx(RadioGroup$1.Indicator, {
+			className: "flex size-4 items-center justify-center",
+			"data-slot": "radio-group-indicator",
+			children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
 		})
 	});
 }

package/dist/components/radio.mjs

@@ -1,14 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
 import { jsx } from "react/jsx-runtime";
-import { composeEventHandlers } from "@radix-ui/primitive";
+import { composeEventHandlers } from "radix-ui/internal";
 //#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),
+		className: cn("peer relative flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input shadow-xs outline-none before:size-full before:rounded-full before:bg-background after:absolute after:-inset-x-3 after:-inset-y-2 checked:border-primary checked:bg-primary checked:before:size-2 checked:before:bg-primary-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-checked:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 checked:aria-invalid:bg-destructive dark:not-checked:before:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
 		"data-slot": "radio",
 		type: "radio",
 		onChange: composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value)),

package/dist/components/resizable.mjs

@@ -1,6 +1,4 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { GripVerticalIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 //#region src/components/resizable.tsx
@@ -9,7 +7,7 @@ import * as ResizablePrimitive from "react-resizable-panels";
 */
 function ResizableGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
-		className: cn("flex size-full", className),
+		className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
 		"data-slot": "resizable-group",
 		...props
 	});
@@ -28,13 +26,10 @@ function ResizablePanel({ ...props }) {
 */
 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),
+		className: cn("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
 		"data-slot": "resizable-separator",
 		...props,
-		children: withHandle ? /* @__PURE__ */ jsx("div", {
-			className: cn("z-10 flex h-4 w-3 items-center justify-center", "rounded-sm border", "bg-border"),
-			children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" })
-		}) : null
+		children: withHandle ? /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" }) : null
 	});
 }
 //#endregion