@codefast/ui 0.3.11 → 0.3.12-canary.0

package/dist/components/navigation-menu.js

@@ -1,79 +1,43 @@
-import { buttonVariants } from "./button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
-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
-const navigationMenuTriggerVariants = tv({ base: buttonVariants({
-	className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
-	variant: "ghost"
-}) });
+import { ChevronDownIcon } from "lucide-react";
+import { buttonVariants } from "#components/button";
+/* -----------------------------------------------------------------------------
+ * Style: NavigationMenuTrigger
+ * -------------------------------------------------------------------------- */
+const navigationMenuTriggerVariants = tv({
+    base: buttonVariants({
+        className: "data-[state=open]:bg-secondary/50 data-[state=open]:text-secondary-foreground group/navigation-menu-trigger focus-visible:bg-secondary dark:hover:not-disabled:bg-secondary",
+        variant: "ghost",
+    }),
+});
 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),
-		"data-slot": "navigation-menu",
-		"data-viewport": viewport,
-		...props,
-		children: [children, viewport ? /* @__PURE__ */ jsx(NavigationMenuViewport, {}) : null]
-	});
+    return (_jsxs(NavigationMenuPrimitive.Root, { className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), "data-slot": "navigation-menu", "data-viewport": viewport, ...props, children: [children, viewport ? _jsx(NavigationMenuViewport, {}) : null] }));
 }
 function NavigationMenuList({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.List, {
-		className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
-		"data-slot": "navigation-menu-list",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(NavigationMenuIndicator, { className: "invisible" })]
-	});
+    return (_jsxs(NavigationMenuPrimitive.List, { className: cn("flex flex-1 list-none items-center justify-center gap-1", className), "data-slot": "navigation-menu-list", ...props, children: [children, _jsx(NavigationMenuIndicator, { className: "invisible" })] }));
 }
 function NavigationMenuItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
-		className: cn("group-data-[viewport=false]/navigation-menu:relative", className),
-		"data-slot": "navigation-menu-item",
-		...props
-	});
+    return (_jsx(NavigationMenuPrimitive.Item, { className: cn("group-data-[viewport=false]/navigation-menu:relative", className), "data-slot": "navigation-menu-item", ...props }));
 }
 function NavigationMenuTrigger({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
-		className: navigationMenuTriggerVariants({ className }),
-		"data-slot": "navigation-menu-trigger",
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, {
-			"aria-hidden": "true",
-			className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180"
-		})]
-	});
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { className: navigationMenuTriggerVariants({ className }), "data-slot": "navigation-menu-trigger", ...props, children: [children, _jsx(ChevronDownIcon, { "aria-hidden": "true", className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180" })] }));
 }
 function NavigationMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
-		className: cn("top-0 left-0 w-full ease-ui 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 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 md:absolute md:w-auto", className),
-		"data-slot": "navigation-menu-content",
-		...props
-	});
+    return (_jsx(NavigationMenuPrimitive.Content, { className: cn("top-0 left-0 w-full ease-ui 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 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in-0 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 md:absolute md:w-auto", className), "data-slot": "navigation-menu-content", ...props }));
 }
 function NavigationMenuLink({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {
-		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
-		"data-slot": "navigation-menu-link",
-		...props
-	});
+    return (_jsx(NavigationMenuPrimitive.Link, { className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-hidden transition hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className), "data-slot": "navigation-menu-link", ...props }));
 }
 function NavigationMenuViewport({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "absolute top-full left-0 z-30 flex justify-center perspective-distant",
-		children: /* @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, {
-			className: cn("relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg transition-[width,height] ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className),
-			"data-slot": "navigation-menu-viewport",
-			...props
-		})
-	});
+    return (_jsx("div", { className: "absolute top-full left-0 z-30 flex justify-center perspective-distant", children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn("relative mt-2 min-h-[calc(var(--radix-navigation-menu-viewport-height)+2px)] w-full origin-[top_center] overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg transition-[width,height] ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-90 sm:min-w-[calc(var(--radix-navigation-menu-viewport-width)+2px)]", className), "data-slot": "navigation-menu-viewport", ...props }) }));
 }
 function NavigationMenuIndicator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
-		className: cn("top-full z-10 flex h-2 items-center justify-center overflow-hidden ease-ui data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:animate-in data-[state=visible]:fade-in-0", className),
-		"data-slot": "navigation-menu-indicator",
-		...props,
-		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-xs bg-popover text-popover-foreground" })
-	});
+    return (_jsx(NavigationMenuPrimitive.Indicator, { className: cn("top-full z-10 flex h-2 items-center justify-center overflow-hidden ease-ui data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0 data-[state=visible]:animate-in data-[state=visible]:fade-in-0", className), "data-slot": "navigation-menu-indicator", ...props, children: _jsx("div", { className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-xs bg-popover text-popover-foreground" }) }));
 }
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { navigationMenuTriggerVariants };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, };

package/dist/components/pagination.d.ts

@@ -1,46 +1,26 @@
-import { buttonVariants } from "./button.js";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/pagination.d.ts
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import { buttonVariants } from "#components/button";
 type PaginationProps = ComponentProps<"nav">;
-declare function Pagination({
-  className,
-  ...props
-}: PaginationProps): JSX.Element;
+declare function Pagination({ className, ...props }: PaginationProps): JSX.Element;
 type PaginationContentProps = ComponentProps<"ul">;
-declare function PaginationContent({
-  className,
-  ...props
-}: PaginationContentProps): JSX.Element;
+declare function PaginationContent({ className, ...props }: PaginationContentProps): JSX.Element;
 type PaginationItemProps = ComponentProps<"li">;
 declare function PaginationItem(props: PaginationItemProps): JSX.Element;
 interface PaginationLinkProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
-  isActive?: boolean;
+    isActive?: boolean;
 }
-declare function PaginationLink({
-  children,
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): JSX.Element;
+declare function PaginationLink({ children, className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
 interface PaginationPreviousProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
-  isActive?: boolean;
+    isActive?: boolean;
 }
-declare function PaginationPrevious({
-  ...props
-}: PaginationPreviousProps): JSX.Element;
+declare function PaginationPrevious({ ...props }: PaginationPreviousProps): JSX.Element;
 interface PaginationNextProps extends ComponentProps<"a">, Pick<VariantProps<typeof buttonVariants>, "size"> {
-  isActive?: boolean;
+    isActive?: boolean;
 }
-declare function PaginationNext({
-  ...props
-}: PaginationNextProps): JSX.Element;
+declare function PaginationNext({ ...props }: PaginationNextProps): JSX.Element;
 type PaginationEllipsisProps = ComponentProps<"span">;
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: PaginationEllipsisProps): JSX.Element;
-//#endregion
-export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps };
+declare function PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+export type { PaginationContentProps, PaginationEllipsisProps, PaginationItemProps, PaginationLinkProps, PaginationNextProps, PaginationPreviousProps, PaginationProps, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CASzE;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEnD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAQvF;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEhD,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAE/D;AAMD,UAAU,mBACR,SAAQ,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAWnC;AAMD,UAAU,uBACR,SAAQ,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAY9E;AAMD,UAAU,mBACR,SAAQ,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAOtE;AAMD,KAAK,uBAAuB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAEtD,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAYzF;AAMD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAC;AACF,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,GAChB,CAAC"}

package/dist/components/pagination.js

@@ -1,71 +1,29 @@
-import { buttonVariants } from "./button.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/pagination.tsx
+import { buttonVariants } from "#components/button";
 function Pagination({ className, ...props }) {
-	return /* @__PURE__ */ jsx("nav", {
-		"aria-label": "pagination",
-		className: cn("mx-auto flex w-full justify-center", className),
-		"data-slot": "pagination",
-		...props
-	});
+    return (_jsx("nav", { "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center", className), "data-slot": "pagination", ...props }));
 }
 function PaginationContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("ul", {
-		className: cn("flex flex-row items-center gap-1", className),
-		"data-slot": "pagination-content",
-		...props
-	});
+    return (_jsx("ul", { className: cn("flex flex-row items-center gap-1", className), "data-slot": "pagination-content", ...props }));
 }
 function PaginationItem(props) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "pagination-item",
-		...props
-	});
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({ children, className, isActive, size = "icon", ...props }) {
-	return /* @__PURE__ */ jsx("a", {
-		"aria-current": isActive ? "page" : void 0,
-		className: buttonVariants({
-			className,
-			size,
-			variant: isActive ? "outline" : "ghost"
-		}),
-		"data-slot": "pagination-link",
-		...props,
-		children
-	});
+    return (_jsx("a", { "aria-current": isActive ? "page" : undefined, className: buttonVariants({ className, size, variant: isActive ? "outline" : "ghost" }), "data-slot": "pagination-link", ...props, children: children }));
 }
 function PaginationPrevious({ ...props }) {
-	return /* @__PURE__ */ jsxs(PaginationLink, {
-		"aria-label": "Go to previous page",
-		"data-slot": "pagination-previous",
-		size: "md",
-		...props,
-		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
-	});
+    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", "data-slot": "pagination-previous", size: "md", ...props, children: [_jsx(ChevronLeftIcon, { className: "size-4" }), _jsx("span", { children: "Previous" })] }));
 }
 function PaginationNext({ ...props }) {
-	return /* @__PURE__ */ jsxs(PaginationLink, {
-		"aria-label": "Go to next page",
-		"data-slot": "pagination-next",
-		size: "md",
-		...props,
-		children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRightIcon, {})]
-	});
+    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", "data-slot": "pagination-next", size: "md", ...props, children: [_jsx("span", { children: "Next" }), _jsx(ChevronRightIcon, {})] }));
 }
 function PaginationEllipsis({ className, ...props }) {
-	return /* @__PURE__ */ jsxs("span", {
-		"aria-hidden": true,
-		className: cn("flex size-10 items-center justify-center", className),
-		"data-slot": "pagination-ellipsis",
-		...props,
-		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "More pages"
-		})]
-	});
+    return (_jsxs("span", { "aria-hidden": true, className: cn("flex size-10 items-center justify-center", className), "data-slot": "pagination-ellipsis", ...props, children: [_jsx(EllipsisIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
 }
-//#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/popover.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAM5D,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAExD;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;AAEzE,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEpE;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EACtB,KAAgB,EAChB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAenC;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAQ7E;AAMD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAChF,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,CAAC"}

package/dist/components/popover.js

@@ -1,41 +1,23 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-//#region src/components/popover.tsx
 function Popover({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
-		"data-slot": "popover",
-		...props
-	});
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
-		"data-slot": "popover-anchor",
-		...props
-	});
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 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 origin-(--radix-popover-content-transform-origin) rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg outline-hidden ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className),
-		"data-slot": "popover-content",
-		sideOffset,
-		...props
-	}) });
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { align: align, className: cn("z-50 min-w-32 origin-(--radix-popover-content-transform-origin) rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg outline-hidden ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2", className), "data-slot": "popover-content", sideOffset: sideOffset, ...props }) }));
 }
 function PopoverArrow({ className, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, {
-		className: cn("fill-popover", className),
-		"data-slot": "popover-arrow",
-		...props
-	});
+    return (_jsx(PopoverPrimitive.Arrow, { className: cn("fill-popover", className), "data-slot": "popover-arrow", ...props }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };

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

@@ -1,124 +1,107 @@
-import { ProgressCircleProvider } from "../primitives/progress-circle.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/progress-circle.d.ts
-declare const progressCircleVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  size: {
-    sm: {
-      label: string;
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import * as ProgressCirclePrimitive from "#primitives/progress-circle";
+declare const progressCircleVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    size: {
+        sm: {
+            label: string;
+        };
+        md: {
+            label: string;
+        };
+        lg: {
+            label: string;
+        };
+        xl: {
+            label: string;
+        };
+        "2xl": {
+            label: string;
+        };
     };
-    md: {
-      label: string;
+    thickness: {
+        regular: {};
+        thick: {};
+        thin: {};
     };
-    lg: {
-      label: string;
+    variant: {
+        default: {
+            indicator: string;
+            track: string;
+        };
+        destructive: {
+            indicator: string;
+            track: 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;
+    indicator: string;
+    label: string;
+    root: string;
+    svg: string;
+    track: string;
 }>;
-interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleProvider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
-  /**
-   * Enables animation effect when value changes
-   */
-  animate?: boolean;
-  /**
-   * Duration of the animation in milliseconds
-   */
-  animationDuration?: number;
-  /**
-   * CSS class to customize the entire component
-   */
-  className?: string;
-  /**
-   * CSS classes to customize specific parts of the component
-   */
-  classNames?: {
+interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCirclePrimitive.Provider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
     /**
-     * Class for the progress indicator
+     * Enables animation effect when value changes
      */
-    indicator?: string;
+    animate?: boolean;
     /**
-     * Class for the label in the center of the circle
+     * Duration of the animation in milliseconds
      */
-    label?: string;
+    animationDuration?: number;
+    /**
+     * CSS class to customize the entire component
+     */
+    className?: string;
+    /**
+     * CSS classes to customize specific parts of the component
+     */
+    classNames?: {
+        /**
+         * Class for the progress indicator
+         */
+        indicator?: string;
+        /**
+         * Class for the label in the center of the circle
+         */
+        label?: string;
+        /**
+         * Class for the root element of the component
+         */
+        root?: string;
+        /**
+         * Class for the SVG element
+         */
+        svg?: string;
+        /**
+         * Class for the circle track
+         */
+        track?: string;
+    };
     /**
-     * Class for the root element of the component
+     * Custom function to render content in the center of the circle
+     * @param value - Current value of the component
+     * @returns React element to display in the center of the circle
      */
-    root?: string;
+    customLabel?: ({ value }: {
+        value: number;
+    }) => JSX.Element;
     /**
-     * Class for the SVG element
+     * Display the numeric value in the center of the circle
      */
-    svg?: string;
+    showValue?: boolean;
     /**
-     * Class for the circle track
+     * Custom size in pixels
+     * When provided, this value overrides the size variant option
      */
-    track?: string;
-  };
-  /**
-   * Custom function to render content in the center of the circle
-   * @param value - Current value of the component
-   * @returns React element to display in the center of the circle
-   */
-  customLabel?: ({
-    value
-  }: {
-    value: number;
-  }) => JSX.Element;
-  /**
-   * Display the numeric value in the center of the circle
-   */
-  showValue?: boolean;
-  /**
-   * Custom size in pixels
-   * When provided, this value overrides the size variant option
-   */
-  sizeInPixels?: number;
+    sizeInPixels?: number;
 }
-declare function ProgressCircle({
-  animate,
-  animationDuration,
-  className,
-  classNames,
-  customLabel,
-  showValue,
-  size,
-  sizeInPixels,
-  strokeWidth,
-  thickness,
-  value,
-  variant,
-  ...props
-}: ProgressCircleProps): JSX.Element;
+declare function ProgressCircle({ animate, animationDuration, className, classNames, customLabel, showValue, size, sizeInPixels, strokeWidth, thickness, value, variant, ...props }: ProgressCircleProps): JSX.Element;
 declare namespace ProgressCircle {
-  var displayName: string;
+    var displayName: string;
 }
-//#endregion
-export { ProgressCircle, type ProgressCircleProps, progressCircleVariants };
+export { progressCircleVariants };
+export { ProgressCircle };
+export type { ProgressCircleProps };
+//# sourceMappingURL=progress-circle.d.ts.map

package/dist/components/progress-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../../src/components/progress-circle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,uBAAuB,MAAM,6BAA6B,CAAC;AAMvE,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B1B,CAAC;AAMH,UAAU,mBACR,SACE,IAAI,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAClF,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QAEd;;WAEG;QACH,GAAG,CAAC,EAAE,MAAM,CAAC;QAEb;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAc,EACd,iBAAwB,EACxB,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,SAAqB,EACrB,KAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAyDnC;kBAvEQ,cAAc;;;AAkHvB,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}