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

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-snappy data-open:animate-in data-open:duration-200 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:duration-150 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", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", "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,5 +1,5 @@
-import { ProgressCircleVariants } from "../variants/progress-circle.mjs";
 import { ProgressCircleProvider } from "../primitives/progress-circle.mjs";
+import { ProgressCircleVariants } from "../variants/progress-circle.mjs";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/progress-circle.d.ts

package/dist/components/progress-circle.mjs

@@ -1,7 +1,6 @@
-"use client";
-import { progressCircleVariants } from "../variants/progress-circle.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

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-[transform] duration-500 ease-gentle", "motion-reduce:transition-none motion-reduce:duration-0"),
+		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-[border-color,background-color,box-shadow] duration-150 ease-spring", "motion-reduce:transition-none motion-reduce:duration-0", "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] after:duration-200 after:ease-spring", "motion-reduce:after:transition-none motion-reduce:after:duration-0", "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

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

@@ -1,17 +1,17 @@
 import { ScrollAreaScrollbarVariants } from "../variants/scroll-area.mjs";
+import { ScrollArea as ScrollArea$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import { Scope } from "@radix-ui/react-context";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { Context } from "radix-ui/internal";
 
 //#region src/components/scroll-area.d.ts
 type ScopedProps<P> = P & {
-  __scopeScrollArea?: Scope;
+  __scopeScrollArea?: Context.Scope;
 };
 type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariants, "size">;
 /**
  * @since 0.3.16-canary.0
  */
-type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
+type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollArea$1.Root> & ScrollAreaContextValue>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -25,7 +25,7 @@ declare function ScrollArea({
 /**
  * @since 0.3.16-canary.0
  */
-type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
+type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollArea$1.Scrollbar>>;
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/scroll-area.mjs

@@ -1,12 +1,11 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
 import { scrollAreaScrollbarVariants } from "../variants/scroll-area.mjs";
+import { ScrollArea as ScrollArea$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContextScope } from "@radix-ui/react-context";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { Context } from "radix-ui/internal";
 //#region src/components/scroll-area.tsx
 const SCROLL_AREA_NAME = "ScrollArea";
-const [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
+const [createScrollAreaContext] = Context.createContextScope(SCROLL_AREA_NAME);
 const [ScrollAreaContextProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 /**
 * @since 0.3.16-canary.0
@@ -15,19 +14,19 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
 	return /* @__PURE__ */ jsx(ScrollAreaContextProvider, {
 		scope: __scopeScrollArea,
 		size,
-		children: /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		children: /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
 			className: cn("relative", className),
 			"data-slot": "scroll-area",
 			...props,
 			children: [
-				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
-					className: cn("size-full", "rounded-[inherit] ring-ring/50 outline-ring", "transition-[box-shadow] duration-150 ease-snappy", "motion-reduce:transition-none motion-reduce:duration-0", "focus-visible:ring-4 focus-visible:outline-1"),
+				/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+					className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1",
 					"data-slot": "scroll-area-viewport",
 					children
 				}),
 				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical" }),
 				/* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "horizontal" }),
-				/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+				/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
 			]
 		})
 	});
@@ -37,16 +36,20 @@ function ScrollArea({ __scopeScrollArea, children, className, size, ...props })
 */
 function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }) {
 	const { size } = useScrollAreaContext(SCROLL_AREA_NAME, __scopeScrollArea);
-	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, {
+	return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
 		className: scrollAreaScrollbarVariants({
 			className,
 			orientation,
 			size
 		}),
+		"data-orientation": orientation,
 		"data-slot": "scroll-area-scrollbar",
 		orientation,
 		...props,
-		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: cn("relative flex-1", "rounded-full", "bg-border") })
+		children: /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaThumb, {
+			className: "relative flex-1 rounded-full bg-border",
+			"data-slot": "scroll-area-thumb"
+		})
 	});
 }
 //#endregion

package/dist/components/select.d.mts

@@ -1,13 +1,11 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "../variants/button.mjs";
+import { Select as Select$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/select.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
+type SelectProps = ComponentProps<typeof Select$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -17,17 +15,18 @@ declare function Select({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
+type SelectGroupProps = ComponentProps<typeof Select$1.Group>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function SelectGroup({
+  className,
   ...props
 }: SelectGroupProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
+type SelectValueProps = ComponentProps<typeof Select$1.Value>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -37,8 +36,8 @@ declare function SelectValue({
 /**
  * @since 0.3.16-canary.0
  */
-interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
-  size?: VariantProps<typeof buttonVariants>["size"];
+interface SelectTriggerProps extends ComponentProps<typeof Select$1.Trigger> {
+  size?: "default" | "sm";
 }
 /**
  * @since 0.3.16-canary.0
@@ -52,7 +51,7 @@ declare function SelectTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+type SelectScrollUpButtonProps = ComponentProps<typeof Select$1.ScrollUpButton>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -63,7 +62,7 @@ declare function SelectScrollUpButton({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+type SelectScrollDownButtonProps = ComponentProps<typeof Select$1.ScrollDownButton>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -74,11 +73,12 @@ declare function SelectScrollDownButton({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
+type SelectContentProps = ComponentProps<typeof Select$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function SelectContent({
+  align,
   children,
   className,
   position,
@@ -87,7 +87,7 @@ declare function SelectContent({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
+type SelectLabelProps = ComponentProps<typeof Select$1.Label>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -98,7 +98,7 @@ declare function SelectLabel({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
+type SelectItemProps = ComponentProps<typeof Select$1.Item>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -110,7 +110,7 @@ declare function SelectItem({
 /**
  * @since 0.3.16-canary.0
  */
-type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
+type SelectSeparatorProps = ComponentProps<typeof Select$1.Separator>;
 /**
  * @since 0.3.16-canary.0
  */