acai-ui-library 0.1.11

package/dist/components/pagination.d.cts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    size?: ButtonProps["size"];
+} & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationInfoProps extends React.ComponentProps<"div"> {
+    currentPage: number;
+    totalPages: number;
+    formatPage?: (page: number) => string;
+}
+declare const PaginationInfo: {
+    ({ currentPage, totalPages, formatPage, className, ...props }: PaginationInfoProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, type PaginationInfoProps, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/components/pagination.d.ts

@@ -0,0 +1,43 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    size?: ButtonProps["size"];
+} & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationInfoProps extends React.ComponentProps<"div"> {
+    currentPage: number;
+    totalPages: number;
+    formatPage?: (page: number) => string;
+}
+declare const PaginationInfo: {
+    ({ currentPage, totalPages, formatPage, className, ...props }: PaginationInfoProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationInfo, type PaginationInfoProps, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/components/pagination.js

@@ -0,0 +1,211 @@
+// src/components/pagination.tsx
+import * as React2 from "react";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive-hover",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-success-foreground hover:bg-success-hover"
+      },
+      size: {
+        xs: "h-7 px-2.5 text-xs",
+        sm: "h-9 px-3",
+        default: "h-10 px-4 py-2",
+        lg: "h-11 px-8",
+        icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8"
+      },
+      shape: {
+        default: "rounded-md",
+        rounded: "rounded-lg",
+        pill: "rounded-full",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    asChild = false,
+    loading = false,
+    prefixIcon,
+    suffixIcon,
+    children,
+    disabled,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, shape, className })),
+        ref,
+        disabled: isDisabled,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }),
+          !loading && prefixIcon,
+          children,
+          suffixIcon
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/pagination.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx2(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx2(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "default" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs2(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 px-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2(ChevronLeft, { className: "size-4" }),
+      /* @__PURE__ */ jsx2("span", { className: "hidden sm:block", children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs2(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 px-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2("span", { className: "hidden sm:block", children: "Next" }),
+      /* @__PURE__ */ jsx2(ChevronRight, { className: "size-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs2(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex size-10 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2(MoreHorizontal, { className: "size-4" }),
+      /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+var PaginationInfo = ({
+  currentPage,
+  totalPages,
+  formatPage = (p) => String(p).padStart(2, "0"),
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs2(
+  "div",
+  {
+    className: cn("inline-flex items-center gap-1.5 text-sm", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx2("span", { className: "text-muted-foreground", children: "Page" }),
+      /* @__PURE__ */ jsx2("span", { className: "font-medium text-foreground", children: formatPage(currentPage) }),
+      /* @__PURE__ */ jsx2("span", { className: "text-muted-foreground", children: "of" }),
+      /* @__PURE__ */ jsx2("span", { className: "font-medium text-foreground", children: formatPage(totalPages) })
+    ]
+  }
+);
+PaginationInfo.displayName = "PaginationInfo";
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationInfo,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+};
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/pagination.tsx","../../src/lib/utils.ts","../../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\nimport { buttonVariants, type ButtonProps } from \"./button\"\n\n/* ----------------------------------- Nav ---------------------------------- */\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n)\nPagination.displayName = \"Pagination\"\n\n/* --------------------------------- Content -------------------------------- */\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex flex-row items-center gap-1\", className)}\n    {...props}\n  />\n))\nPaginationContent.displayName = \"PaginationContent\"\n\n/* ---------------------------------- Item ---------------------------------- */\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={cn(\"\", className)} {...props} />\n))\nPaginationItem.displayName = \"PaginationItem\"\n\n/* ---------------------------------- Link ---------------------------------- */\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n  size?: ButtonProps[\"size\"]\n} & React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"default\" : \"ghost\",\n        size,\n      }),\n      className\n    )}\n    {...props}\n  />\n)\nPaginationLink.displayName = \"PaginationLink\"\n\n/* -------------------------------- Previous -------------------------------- */\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5\", className)}\n    {...props}\n  >\n    <ChevronLeft className=\"size-4\" />\n    <span className=\"hidden sm:block\">Previous</span>\n  </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\n/* ---------------------------------- Next ---------------------------------- */\n\nconst PaginationNext = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 px-2.5\", className)}\n    {...props}\n  >\n    <span className=\"hidden sm:block\">Next</span>\n    <ChevronRight className=\"size-4\" />\n  </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\n/* -------------------------------- Ellipsis -------------------------------- */\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex size-10 items-center justify-center\", className)}\n    {...props}\n  >\n    <MoreHorizontal className=\"size-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\n/* ---------------------------------- Info ---------------------------------- */\n\ninterface PaginationInfoProps extends React.ComponentProps<\"div\"> {\n  currentPage: number\n  totalPages: number\n  formatPage?: (page: number) => string\n}\n\nconst PaginationInfo = ({\n  currentPage,\n  totalPages,\n  formatPage = (p) => String(p).padStart(2, \"0\"),\n  className,\n  ...props\n}: PaginationInfoProps) => (\n  <div\n    className={cn(\"inline-flex items-center gap-1.5 text-sm\", className)}\n    {...props}\n  >\n    <span className=\"text-muted-foreground\">Page</span>\n    <span className=\"font-medium text-foreground\">{formatPage(currentPage)}</span>\n    <span className=\"text-muted-foreground\">of</span>\n    <span className=\"font-medium text-foreground\">{formatPage(totalPages)}</span>\n  </div>\n)\nPaginationInfo.displayName = \"PaginationInfo\"\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n  PaginationInfo,\n  type PaginationLinkProps,\n  type PaginationInfoProps,\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Loader2 } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground hover:bg-primary-hover\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive-hover\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary-hover\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground\",\n        link:\n          \"text-primary underline-offset-4 hover:underline\",\n        success:\n          \"bg-success text-success-foreground hover:bg-success-hover\",\n      },\n      size: {\n        xs: \"h-7 px-2.5 text-xs\",\n        sm: \"h-9 px-3\",\n        default: \"h-10 px-4 py-2\",\n        lg: \"h-11 px-8\",\n        icon: \"h-10 w-10\",\n        \"icon-sm\": \"h-8 w-8\",\n      },\n      shape: {\n        default: \"rounded-md\",\n        rounded: \"rounded-lg\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      shape: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n  loading?: boolean\n  prefixIcon?: React.ReactNode\n  suffixIcon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      shape,\n      asChild = false,\n      loading = false,\n      prefixIcon,\n      suffixIcon,\n      children,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const isDisabled = disabled || loading\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, shape, className }))}\n        ref={ref}\n        disabled={isDisabled}\n        {...props}\n      >\n        {loading && <Loader2 className=\"animate-spin\" />}\n        {!loading && prefixIcon}\n        {children}\n        {suffixIcon}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"mappings":"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","names":["React","jsx","jsxs"]}

package/dist/components/popover.cjs

@@ -0,0 +1,72 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var React = __toESM(require("react"), 1);
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/popover.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+});
+//# sourceMappingURL=popover.cjs.map

package/dist/components/popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport { cn } from \"../lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,uBAAkC;;;ACDlC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADOI;AARJ,IAAM,UAA2B;AACjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,4CAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}

package/dist/components/popover.d.cts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/popover.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/popover.js

@@ -0,0 +1,35 @@
+// src/components/popover.tsx
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/popover.tsx
+import { jsx } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/popover.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport { cn } from \"../lib/utils\"\n\nconst Popover = PopoverPrimitive.Root\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,YAAY,sBAAsB;;;ACDlC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADOI;AARJ,IAAM,UAA2B;AACjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAkB,yBAAjB,EACC;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAA+B,yBAAQ;","names":[]}

package/dist/components/progress.cjs

@@ -0,0 +1,151 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/progress.tsx
+var progress_exports = {};
+__export(progress_exports, {
+  Progress: () => Progress
+});
+module.exports = __toCommonJS(progress_exports);
+var React = __toESM(require("react"), 1);
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/progress.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var progressVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full overflow-hidden rounded-full bg-muted",
+  {
+    variants: {
+      size: {
+        sm: "h-2",
+        md: "h-3",
+        lg: "h-4"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Progress = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    size,
+    indeterminate,
+    showLabel,
+    segments,
+    ...props
+  }, ref) => {
+    const safeValue = Math.max(0, Math.min(100, value));
+    const ariaProps = indeterminate ? { "aria-busy": true, "aria-valuemin": 0, "aria-valuemax": 100 } : {
+      "aria-valuenow": safeValue,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    };
+    if (segments && segments > 0 && !indeterminate) {
+      const filled = Math.ceil(safeValue / 100 * segments);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            role: "progressbar",
+            ...ariaProps,
+            className: cn(
+              "grid w-full gap-1",
+              className
+            ),
+            style: {
+              gridTemplateColumns: `repeat(${segments}, minmax(0, 1fr))`
+            },
+            children: Array.from({ length: segments }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: cn(
+                  "rounded-full transition-colors",
+                  size === "sm" ? "h-2" : size === "lg" ? "h-4" : "h-3",
+                  i < filled ? "bg-primary" : "bg-muted"
+                )
+              },
+              i
+            ))
+          }
+        ),
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs font-medium text-foreground tabular-nums", children: [
+          safeValue,
+          "%"
+        ] })
+      ] });
+    }
+    const labelNode = showLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-medium text-foreground tabular-nums shrink-0", children: indeterminate ? "Loading..." : `${safeValue}%` }) : null;
+    const bar = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ProgressPrimitive.Root,
+      {
+        ref,
+        ...ariaProps,
+        ...props,
+        value: indeterminate ? null : safeValue,
+        className: cn(progressVariants({ size }), className),
+        children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "h-full w-1/3 rounded-full bg-gradient-to-r from-transparent via-primary to-transparent animate-[progress-indeterminate_1.2s_ease-in-out_infinite]"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          ProgressPrimitive.Indicator,
+          {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: { transform: `translateX(-${100 - safeValue}%)` }
+          }
+        )
+      }
+    );
+    if (labelNode) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+        bar,
+        labelNode
+      ] });
+    }
+    return bar;
+  }
+);
+Progress.displayName = ProgressPrimitive.Root.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress
+});
+//# sourceMappingURL=progress.cjs.map

package/dist/components/progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/progress.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst progressVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-2\",\n        md: \"h-3\",\n        lg: \"h-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport interface ProgressProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>,\n      \"value\"\n    >,\n    VariantProps<typeof progressVariants> {\n  value?: number\n  indeterminate?: boolean\n  showLabel?: boolean\n  segments?: number\n}\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(\n  (\n    {\n      className,\n      value = 0,\n      size,\n      indeterminate,\n      showLabel,\n      segments,\n      ...props\n    },\n    ref\n  ) => {\n    const safeValue = Math.max(0, Math.min(100, value))\n\n    const ariaProps = indeterminate\n      ? { \"aria-busy\": true as const, \"aria-valuemin\": 0, \"aria-valuemax\": 100 }\n      : {\n          \"aria-valuenow\": safeValue,\n          \"aria-valuemin\": 0,\n          \"aria-valuemax\": 100,\n        }\n\n    // Segmented variant\n    if (segments && segments > 0 && !indeterminate) {\n      const filled = Math.ceil((safeValue / 100) * segments)\n      return (\n        <div className=\"flex items-center gap-2\">\n          <div\n            role=\"progressbar\"\n            {...ariaProps}\n            className={cn(\n              \"grid w-full gap-1\",\n              className\n            )}\n            style={{\n              gridTemplateColumns: `repeat(${segments}, minmax(0, 1fr))`,\n            }}\n          >\n            {Array.from({ length: segments }).map((_, i) => (\n              <div\n                key={i}\n                className={cn(\n                  \"rounded-full transition-colors\",\n                  size === \"sm\" ? \"h-2\" : size === \"lg\" ? \"h-4\" : \"h-3\",\n                  i < filled ? \"bg-primary\" : \"bg-muted\"\n                )}\n              />\n            ))}\n          </div>\n          {showLabel && (\n            <span className=\"text-xs font-medium text-foreground tabular-nums\">\n              {safeValue}%\n            </span>\n          )}\n        </div>\n      )\n    }\n\n    const labelNode = showLabel ? (\n      <span className=\"text-xs font-medium text-foreground tabular-nums shrink-0\">\n        {indeterminate ? \"Loading...\" : `${safeValue}%`}\n      </span>\n    ) : null\n\n    const bar = (\n      <ProgressPrimitive.Root\n        ref={ref}\n        {...ariaProps}\n        {...props}\n        value={indeterminate ? null : safeValue}\n        className={cn(progressVariants({ size }), className)}\n      >\n        {indeterminate ? (\n          <div\n            className=\"h-full w-1/3 rounded-full bg-gradient-to-r from-transparent via-primary to-transparent animate-[progress-indeterminate_1.2s_ease-in-out_infinite]\"\n          />\n        ) : (\n          <ProgressPrimitive.Indicator\n            className=\"h-full w-full flex-1 bg-primary transition-all\"\n            style={{ transform: `translateX(-${100 - safeValue}%)` }}\n          />\n        )}\n      </ProgressPrimitive.Root>\n    )\n\n    if (labelNode) {\n      return (\n        <div className=\"flex items-center gap-2\">\n          {bar}\n          {labelNode}\n        </div>\n      )\n    }\n\n    return bar\n  }\n)\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAmC;AACnC,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADuEc;AAvEd,IAAM,uBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAcA,IAAM,WAAiB;AAAA,EAIrB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC;AAElD,UAAM,YAAY,gBACd,EAAE,aAAa,MAAe,iBAAiB,GAAG,iBAAiB,IAAI,IACvE;AAAA,MACE,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IACnB;AAGJ,QAAI,YAAY,WAAW,KAAK,CAAC,eAAe;AAC9C,YAAM,SAAS,KAAK,KAAM,YAAY,MAAO,QAAQ;AACrD,aACE,6CAAC,SAAI,WAAU,2BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACJ,GAAG;AAAA,YACJ,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,qBAAqB,UAAU,QAAQ;AAAA,YACzC;AAAA,YAEC,gBAAM,KAAK,EAAE,QAAQ,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,MACxC;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW;AAAA,kBACT;AAAA,kBACA,SAAS,OAAO,QAAQ,SAAS,OAAO,QAAQ;AAAA,kBAChD,IAAI,SAAS,eAAe;AAAA,gBAC9B;AAAA;AAAA,cALK;AAAA,YAMP,CACD;AAAA;AAAA,QACH;AAAA,QACC,aACC,6CAAC,UAAK,WAAU,oDACb;AAAA;AAAA,UAAU;AAAA,WACb;AAAA,SAEJ;AAAA,IAEJ;AAEA,UAAM,YAAY,YAChB,4CAAC,UAAK,WAAU,6DACb,0BAAgB,eAAe,GAAG,SAAS,KAC9C,IACE;AAEJ,UAAM,MACJ;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,OAAO,gBAAgB,OAAO;AAAA,QAC9B,WAAW,GAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QAElD,0BACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA;AAAA,QACZ,IAEA;AAAA,UAAmB;AAAA,UAAlB;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,WAAW,eAAe,MAAM,SAAS,KAAK;AAAA;AAAA,QACzD;AAAA;AAAA,IAEJ;AAGF,QAAI,WAAW;AACb,aACE,6CAAC,SAAI,WAAU,2BACZ;AAAA;AAAA,QACA;AAAA,SACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AACA,SAAS,cAAgC,uBAAK;","names":[]}

package/dist/components/progress.d.cts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, "value">, VariantProps<typeof progressVariants> {
+    value?: number;
+    indeterminate?: boolean;
+    showLabel?: boolean;
+    segments?: number;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Progress, type ProgressProps };