@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/pagination.cjs

@@ -1 +1,138 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var n in a)__webpack_require__.o(a,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:a[n]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PaginationPrevious:()=>PaginationPrevious,Pagination:()=>Pagination,PaginationLink:()=>PaginationLink,PaginationItem:()=>PaginationItem,PaginationNext:()=>PaginationNext,PaginationContent:()=>PaginationContent,PaginationEllipsis:()=>PaginationEllipsis});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_button_cjs_namespaceObject=require("./button.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Pagination({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("nav",{"aria-label":"pagination",className:(0,tailwind_variants_namespaceObject.cn)("mx-auto flex w-full justify-center",e),"data-slot":"pagination",...a})}function PaginationContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("ul",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-row items-center gap-1",e),"data-slot":"pagination-content",...a})}function PaginationItem(e){return(0,jsx_runtime_namespaceObject.jsx)("li",{"data-slot":"pagination-item",...e})}function PaginationLink({children:e,className:a,isActive:n,size:t="icon",...i}){return(0,jsx_runtime_namespaceObject.jsx)("a",{"aria-current":n?"page":void 0,className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:a,size:t,variant:n?"outline":"ghost"}),"data-slot":"pagination-link",...i,children:e})}function PaginationPrevious({...e}){return(0,jsx_runtime_namespaceObject.jsxs)(PaginationLink,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...e,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Previous"})]})}function PaginationNext({...e}){return(0,jsx_runtime_namespaceObject.jsxs)(PaginationLink,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...e,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Next"}),(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{})]})}function PaginationEllipsis({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":!0,className:(0,tailwind_variants_namespaceObject.cn)("flex size-10 items-center justify-center",e),"data-slot":"pagination-ellipsis",...a,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EllipsisIcon,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"More pages"})]})}for(var __webpack_i__ in exports.Pagination=__webpack_exports__.Pagination,exports.PaginationContent=__webpack_exports__.PaginationContent,exports.PaginationEllipsis=__webpack_exports__.PaginationEllipsis,exports.PaginationItem=__webpack_exports__.PaginationItem,exports.PaginationLink=__webpack_exports__.PaginationLink,exports.PaginationNext=__webpack_exports__.PaginationNext,exports.PaginationPrevious=__webpack_exports__.PaginationPrevious,__webpack_exports__)-1===["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PaginationPrevious: ()=>PaginationPrevious,
+    Pagination: ()=>Pagination,
+    PaginationLink: ()=>PaginationLink,
+    PaginationItem: ()=>PaginationItem,
+    PaginationNext: ()=>PaginationNext,
+    PaginationContent: ()=>PaginationContent,
+    PaginationEllipsis: ()=>PaginationEllipsis
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+function Pagination({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
+        "aria-label": "pagination",
+        className: (0, tailwind_variants_namespaceObject.cn)("mx-auto flex w-full justify-center", className),
+        "data-slot": "pagination",
+        ...props
+    });
+}
+function PaginationContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex flex-row items-center gap-1", className),
+        "data-slot": "pagination-content",
+        ...props
+    });
+}
+function PaginationItem(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "data-slot": "pagination-item",
+        ...props
+    });
+}
+function PaginationLink({ children, className, isActive, size = "icon", ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+        "aria-current": isActive ? "page" : void 0,
+        className: (0, external_button_cjs_namespaceObject.buttonVariants)({
+            className,
+            size,
+            variant: isActive ? "outline" : "ghost"
+        }),
+        "data-slot": "pagination-link",
+        ...props,
+        children: children
+    });
+}
+function PaginationPrevious({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(PaginationLink, {
+        "aria-label": "Go to previous page",
+        "data-slot": "pagination-previous",
+        size: "md",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: "Previous"
+            })
+        ]
+    });
+}
+function PaginationNext({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(PaginationLink, {
+        "aria-label": "Go to next page",
+        "data-slot": "pagination-next",
+        size: "md",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: "Next"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {})
+        ]
+    });
+}
+function PaginationEllipsis({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        "aria-hidden": true,
+        className: (0, tailwind_variants_namespaceObject.cn)("flex size-10 items-center justify-center", className),
+        "data-slot": "pagination-ellipsis",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EllipsisIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "More pages"
+            })
+        ]
+    });
+}
+exports.Pagination = __webpack_exports__.Pagination;
+exports.PaginationContent = __webpack_exports__.PaginationContent;
+exports.PaginationEllipsis = __webpack_exports__.PaginationEllipsis;
+exports.PaginationItem = __webpack_exports__.PaginationItem;
+exports.PaginationLink = __webpack_exports__.PaginationLink;
+exports.PaginationNext = __webpack_exports__.PaginationNext;
+exports.PaginationPrevious = __webpack_exports__.PaginationPrevious;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Pagination",
+    "PaginationContent",
+    "PaginationEllipsis",
+    "PaginationItem",
+    "PaginationLink",
+    "PaginationNext",
+    "PaginationPrevious"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/pagination.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
 import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 import { buttonVariants } from "./button";
 type PaginationProps = ComponentProps<"nav">;
 declare function Pagination({ className, ...props }: PaginationProps): JSX.Element;

package/dist/components/pagination.js

@@ -1 +1,86 @@
-import{jsx as a,jsxs as n}from"react/jsx-runtime";import{ChevronLeftIcon as i,ChevronRightIcon as t,EllipsisIcon as e}from"lucide-react";import{buttonVariants as o}from"./button.js";import{cn as r}from"@codefast/tailwind-variants";function s({className:n,...i}){return a("nav",{"aria-label":"pagination",className:r("mx-auto flex w-full justify-center",n),"data-slot":"pagination",...i})}function l({className:n,...i}){return a("ul",{className:r("flex flex-row items-center gap-1",n),"data-slot":"pagination-content",...i})}function c(n){return a("li",{"data-slot":"pagination-item",...n})}function u({children:n,className:i,isActive:t,size:e="icon",...r}){return a("a",{"aria-current":t?"page":void 0,className:o({className:i,size:e,variant:t?"outline":"ghost"}),"data-slot":"pagination-link",...r,children:n})}function p({...t}){return n(u,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...t,children:[a(i,{className:"size-4"}),a("span",{children:"Previous"})]})}function m({...i}){return n(u,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...i,children:[a("span",{children:"Next"}),a(t,{})]})}function d({className:i,...t}){return n("span",{"aria-hidden":!0,className:r("flex size-10 items-center justify-center",i),"data-slot":"pagination-ellipsis",...t,children:[a(e,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{s as Pagination,l as PaginationContent,d as PaginationEllipsis,c as PaginationItem,u as PaginationLink,m as PaginationNext,p as PaginationPrevious};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { ChevronLeftIcon, ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+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
+    });
+}
+function PaginationContent({ className, ...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
+    });
+}
+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
+    });
+}
+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"
+            })
+        ]
+    });
+}
+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, {})
+        ]
+    });
+}
+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"
+            })
+        ]
+    });
+}
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/popover.cjs

@@ -1,2 +1,87 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,o)=>{for(var t in o)__webpack_require__.o(o,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PopoverAnchor:()=>PopoverAnchor,PopoverArrow:()=>PopoverArrow,PopoverContent:()=>PopoverContent,Popover:()=>Popover,PopoverTrigger:()=>PopoverTrigger});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_popover_namespaceObject=require("@radix-ui/react-popover");function Popover({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Root,{"data-slot":"popover",...e})}function PopoverTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger,{"data-slot":"popover-trigger",...e})}function PopoverAnchor({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Anchor,{"data-slot":"popover-anchor",...e})}function PopoverContent({align:e="center",className:o,sideOffset:t=4,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content,{align:e,className:(0,tailwind_variants_namespaceObject.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 ease-ui z-50 min-w-32 rounded-lg border p-4 shadow-lg outline-hidden",o),"data-slot":"popover-content",sideOffset:t,...r})})}function PopoverArrow({className:e,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Arrow,{className:(0,tailwind_variants_namespaceObject.cn)("fill-popover",e),"data-slot":"popover-arrow",...o})}for(var __webpack_i__ in exports.Popover=__webpack_exports__.Popover,exports.PopoverAnchor=__webpack_exports__.PopoverAnchor,exports.PopoverArrow=__webpack_exports__.PopoverArrow,exports.PopoverContent=__webpack_exports__.PopoverContent,exports.PopoverTrigger=__webpack_exports__.PopoverTrigger,__webpack_exports__)-1===["Popover","PopoverAnchor","PopoverArrow","PopoverContent","PopoverTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    PopoverAnchor: ()=>PopoverAnchor,
+    PopoverArrow: ()=>PopoverArrow,
+    PopoverContent: ()=>PopoverContent,
+    Popover: ()=>Popover,
+    PopoverTrigger: ()=>PopoverTrigger
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_popover_namespaceObject = require("@radix-ui/react-popover");
+function Popover({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Root, {
+        "data-slot": "popover",
+        ...props
+    });
+}
+function PopoverTrigger({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
+}
+function PopoverAnchor({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Anchor, {
+        "data-slot": "popover-anchor",
+        ...props
+    });
+}
+function PopoverContent({ align = "center", className, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content, {
+            align: align,
+            className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Arrow, {
+        className: (0, tailwind_variants_namespaceObject.cn)("fill-popover", className),
+        "data-slot": "popover-arrow",
+        ...props
+    });
+}
+exports.Popover = __webpack_exports__.Popover;
+exports.PopoverAnchor = __webpack_exports__.PopoverAnchor;
+exports.PopoverArrow = __webpack_exports__.PopoverArrow;
+exports.PopoverContent = __webpack_exports__.PopoverContent;
+exports.PopoverTrigger = __webpack_exports__.PopoverTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Popover",
+    "PopoverAnchor",
+    "PopoverArrow",
+    "PopoverContent",
+    "PopoverTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/popover.js

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

package/dist/components/progress-circle.cjs

@@ -1,2 +1,185 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ProgressCircle:()=>ProgressCircle,progressCircleVariants:()=>progressCircleVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),use_animated_value_cjs_namespaceObject=require("../hooks/use-animated-value.cjs"),progress_circle_cjs_namespaceObject=require("../primitives/progress-circle.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),progressCircleVariants=(0,tailwind_variants_namespaceObject.tv)({defaultVariants:{size:"md",thickness:"regular",variant:"default"},slots:{indicator:"origin-center",label:"absolute inset-0 flex items-center justify-center text-xs font-medium",root:"relative inline-flex items-center justify-center",svg:"size-full",track:"origin-center"},variants:{size:{sm:{label:"text-[10px]"},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"}}}});function ProgressCircle({animate:e=!0,animationDuration:r=1e3,className:a,classNames:t,customLabel:s,showValue:c=!1,size:_,sizeInPixels:i,strokeWidth:n,thickness:l="regular",value:o=0,variant:p="default",...m}){let u=(0,use_animated_value_cjs_namespaceObject.useAnimatedValue)(o,r,e),b=(0,external_react_namespaceObject.useMemo)(()=>i??getActualSize(_),[i,_]),j=(0,external_react_namespaceObject.useMemo)(()=>n??getStrokeWidth(l,b),[n,l,b]),x=(0,external_react_namespaceObject.useMemo)(()=>progressCircleVariants({size:_,thickness:l,variant:p}),[p,_,l]),d=c||!!s,g=(0,external_react_namespaceObject.useCallback)(()=>s?s({value:u}):`${u.toString()}%`,[s,u]);return(0,jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Provider,{size:b,strokeWidth:j,value:o,...m,children:(0,jsx_runtime_namespaceObject.jsxs)(progress_circle_cjs_namespaceObject.Root,{className:x.root({className:[a,t?.root]}),children:[(0,jsx_runtime_namespaceObject.jsxs)(progress_circle_cjs_namespaceObject.SVG,{className:x.svg({className:t?.svg}),children:[(0,jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Track,{className:x.track({className:t?.track})}),(0,jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Indicator,{className:x.indicator({className:t?.indicator}),style:{transitionDuration:`${r.toString()}ms`,transitionProperty:"stroke-dashoffset"}})]}),d?(0,jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Value,{className:x.label({className:t?.label}),children:g()}):null]})})}ProgressCircle.displayName="ProgressCircle";const getActualSize=e=>e?({"2xl":128,lg:64,md:48,sm:32,xl:96})[e]:48,getStrokeWidth=(e,r)=>e?({regular:Math.max(3,.05*r),thick:Math.max(4,.075*r),thin:Math.max(2,.025*r)})[e]:Math.max(3,.05*r);for(var __webpack_i__ in exports.ProgressCircle=__webpack_exports__.ProgressCircle,exports.progressCircleVariants=__webpack_exports__.progressCircleVariants,__webpack_exports__)-1===["ProgressCircle","progressCircleVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ProgressCircle: ()=>ProgressCircle,
+    progressCircleVariants: ()=>progressCircleVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_react_namespaceObject = require("react");
+const use_animated_value_cjs_namespaceObject = require("../hooks/use-animated-value.cjs");
+const progress_circle_cjs_namespaceObject = require("../primitives/progress-circle.cjs");
+const progressCircleVariants = (0, tailwind_variants_namespaceObject.tv)({
+    defaultVariants: {
+        size: "md",
+        thickness: "regular",
+        variant: "default"
+    },
+    slots: {
+        indicator: "origin-center",
+        label: "absolute inset-0 flex items-center justify-center 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"
+            }
+        }
+    }
+});
+function ProgressCircle({ animate = true, animationDuration = 1000, className, classNames, customLabel, showValue = false, size, sizeInPixels, strokeWidth, thickness = "regular", value = 0, variant = "default", ...props }) {
+    const displayValue = (0, use_animated_value_cjs_namespaceObject.useAnimatedValue)(value, animationDuration, animate);
+    const actualSize = (0, external_react_namespaceObject.useMemo)(()=>sizeInPixels ?? getActualSize(size), [
+        sizeInPixels,
+        size
+    ]);
+    const actualThickness = (0, external_react_namespaceObject.useMemo)(()=>strokeWidth ?? getStrokeWidth(thickness, actualSize), [
+        strokeWidth,
+        thickness,
+        actualSize
+    ]);
+    const slots = (0, external_react_namespaceObject.useMemo)(()=>progressCircleVariants({
+            size,
+            thickness,
+            variant
+        }), [
+        variant,
+        size,
+        thickness
+    ]);
+    const shouldShowLabel = showValue || Boolean(customLabel);
+    const renderLabel = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (customLabel) return customLabel({
+            value: displayValue
+        });
+        return `${displayValue.toString()}%`;
+    }, [
+        customLabel,
+        displayValue
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Provider, {
+        size: actualSize,
+        strokeWidth: actualThickness,
+        value: value,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(progress_circle_cjs_namespaceObject.Root, {
+            className: slots.root({
+                className: [
+                    className,
+                    classNames?.root
+                ]
+            }),
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(progress_circle_cjs_namespaceObject.SVG, {
+                    className: slots.svg({
+                        className: classNames?.svg
+                    }),
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Track, {
+                            className: slots.track({
+                                className: classNames?.track
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Indicator, {
+                            className: slots.indicator({
+                                className: classNames?.indicator
+                            }),
+                            style: {
+                                transitionDuration: `${animationDuration.toString()}ms`,
+                                transitionProperty: "stroke-dashoffset"
+                            }
+                        })
+                    ]
+                }),
+                shouldShowLabel ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(progress_circle_cjs_namespaceObject.Value, {
+                    className: slots.label({
+                        className: classNames?.label
+                    }),
+                    children: renderLabel()
+                }) : null
+            ]
+        })
+    });
+}
+ProgressCircle.displayName = "ProgressCircle";
+const getActualSize = (size)=>{
+    const sizeMap = {
+        "2xl": 128,
+        lg: 64,
+        md: 48,
+        sm: 32,
+        xl: 96
+    };
+    return size ? sizeMap[size] : 48;
+};
+const getStrokeWidth = (thickness, size)=>{
+    const thicknessMap = {
+        regular: Math.max(3, 0.05 * size),
+        thick: Math.max(4, 0.075 * size),
+        thin: Math.max(2, 0.025 * size)
+    };
+    return thickness ? thicknessMap[thickness] : Math.max(3, 0.05 * size);
+};
+exports.ProgressCircle = __webpack_exports__.ProgressCircle;
+exports.progressCircleVariants = __webpack_exports__.progressCircleVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ProgressCircle",
+    "progressCircleVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
 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: {