@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/pagination.d.ts

@@ -1,25 +1,46 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-import { buttonVariants } from "./button";
+import { buttonVariants } from "./button.js";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/pagination.d.ts
 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;
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
-export type { PaginationContentProps, PaginationEllipsisProps, PaginationItemProps, PaginationLinkProps, PaginationNextProps, PaginationPreviousProps, PaginationProps, };
+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 };

package/dist/components/pagination.js

@@ -1,86 +1,71 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "./button.js";
 import { cn } from "@codefast/tailwind-variants";
 import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
-import { buttonVariants } from "./button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
 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 /* @__PURE__ */ 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 /* @__PURE__ */ 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 /* @__PURE__ */ 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: children
-    });
+	return /* @__PURE__ */ jsx("a", {
+		"aria-current": isActive ? "page" : void 0,
+		className: buttonVariants({
+			className,
+			size,
+			variant: isActive ? "outline" : "ghost"
+		}),
+		"data-slot": "pagination-link",
+		...props,
+		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 /* @__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" })]
+	});
 }
 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 /* @__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, {})]
+	});
 }
 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 /* @__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"
+		})]
+	});
 }
+//#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/popover.d.ts

@@ -1,14 +1,30 @@
-import type { ComponentProps, JSX } from "react";
+import { 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;
-export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };
-export type { PopoverAnchorProps, PopoverArrowProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, };
+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 };

package/dist/components/popover.js

@@ -1,41 +1,41 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Anchor, Arrow, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
+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(Root, {
-        "data-slot": "popover",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
 }
 function PopoverTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "popover-trigger",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
 }
 function PopoverAnchor({ ...props }) {
-    return /*#__PURE__*/ jsx(Anchor, {
-        "data-slot": "popover-anchor",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
 }
 function PopoverContent({ align = "center", className, sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(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
-        })
-    });
+	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
+	}) });
 }
 function PopoverArrow({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Arrow, {
-        className: cn("fill-popover", className),
-        "data-slot": "popover-arrow",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, {
+		className: cn("fill-popover", className),
+		"data-slot": "popover-arrow",
+		...props
+	});
 }
+//#endregion
 export { Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger };

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

@@ -1,106 +1,124 @@
-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;
-        };
+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;
     };
-    thickness: {
-        regular: {};
-        thick: {};
-        thin: {};
+    md: {
+      label: string;
     };
-    variant: {
-        default: {
-            indicator: string;
-            track: string;
-        };
-        destructive: {
-            indicator: string;
-            track: 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;
+  indicator: string;
+  label: string;
+  root: string;
+  svg: string;
+  track: string;
 }>;
-interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCirclePrimitive.Provider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
+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?: {
     /**
-     * Enables animation effect when value changes
+     * Class for the progress indicator
      */
-    animate?: boolean;
+    indicator?: string;
     /**
-     * Duration of the animation in milliseconds
+     * Class for the label in the center of the circle
      */
-    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;
-    };
+    label?: 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
+     * Class for the root element of the component
      */
-    customLabel?: ({ value }: {
-        value: number;
-    }) => JSX.Element;
+    root?: string;
     /**
-     * Display the numeric value in the center of the circle
+     * Class for the SVG element
      */
-    showValue?: boolean;
+    svg?: string;
     /**
-     * Custom size in pixels
-     * When provided, this value overrides the size variant option
+     * Class for the circle track
      */
-    sizeInPixels?: number;
+    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;
 }
-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;
 }
-export { progressCircleVariants };
-export { ProgressCircle };
-export type { ProgressCircleProps };
+//#endregion
+export { ProgressCircle, type ProgressCircleProps, progressCircleVariants };