@web-my-money/primitives 1.0.0

package/dist/lightbox/index.js

@@ -0,0 +1,151 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lightbox/index.tsx
+var lightbox_exports = {};
+__export(lightbox_exports, {
+  Lightbox: () => Lightbox,
+  LightboxCaption: () => LightboxCaption,
+  LightboxClose: () => LightboxClose,
+  LightboxContent: () => LightboxContent,
+  LightboxImage: () => LightboxImage,
+  LightboxNavButton: () => LightboxNavButton,
+  LightboxOverlay: () => LightboxOverlay,
+  LightboxPortal: () => LightboxPortal,
+  LightboxTrigger: () => LightboxTrigger
+});
+module.exports = __toCommonJS(lightbox_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_lucide_react = require("lucide-react");
+
+// src/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/lightbox/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Lightbox({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { "data-slot": "lightbox", ...props });
+}
+function LightboxTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "lightbox-trigger", ...props });
+}
+function LightboxPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Portal, { "data-slot": "lightbox-portal", ...props });
+}
+function LightboxClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Close, { "data-slot": "lightbox-close", ...props });
+}
+function LightboxOverlay({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "lightbox-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/90 duration-150 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function LightboxContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LightboxPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LightboxOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "lightbox-content",
+        className: cn(
+          "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4 p-4 outline-none duration-150 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            LightboxClose,
+            {
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 z-10 inline-flex size-9 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "size-5" })
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function LightboxImage({ className, alt = "", ...props }) {
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        "data-slot": "lightbox-image",
+        alt,
+        className: cn("max-h-[85vh] max-w-full rounded-md object-contain", className),
+        ...props
+      }
+    )
+  );
+}
+function LightboxNavButton({ direction, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": `lightbox-${direction}`,
+      "aria-label": direction === "prev" ? "Previous image" : "Next image",
+      className: cn(
+        "absolute top-1/2 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20 disabled:pointer-events-none disabled:opacity-30",
+        direction === "prev" ? "left-2 sm:left-4" : "right-2 sm:right-4",
+        className
+      ),
+      ...props,
+      children: direction === "prev" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "size-5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "size-5" })
+    }
+  );
+}
+function LightboxCaption({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      "data-slot": "lightbox-caption",
+      className: cn("text-center text-sm text-white/80", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Lightbox,
+  LightboxCaption,
+  LightboxClose,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxOverlay,
+  LightboxPortal,
+  LightboxTrigger
+});

package/dist/lightbox/index.mjs

@@ -0,0 +1,24 @@
+"use client";
+import {
+  Lightbox,
+  LightboxCaption,
+  LightboxClose,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxOverlay,
+  LightboxPortal,
+  LightboxTrigger
+} from "../chunk-4W6U222X.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Lightbox,
+  LightboxCaption,
+  LightboxClose,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxOverlay,
+  LightboxPortal,
+  LightboxTrigger
+};

package/dist/pagination/index.d.mts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { buttonVariants } from '../button/index.mjs';
+import { VariantProps } from 'class-variance-authority';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+interface PaginationLinkProps extends React.ComponentProps<"button"> {
+    isActive?: boolean;
+    size?: VariantProps<typeof buttonVariants>["size"];
+}
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+/** Computes which page numbers/ellipses to render for a given page count, mirroring the common
+ * shadcn/ui recipe: always show first, last, current, and one neighbor on each side. */
+declare function getPaginationRange(page: number, pageCount: number, siblingCount?: number): (number | "ellipsis")[];
+interface PaginationBarProps {
+    /** 1-indexed current page. */
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+}
+/** Batteries-included pager built from the parts above — pass page/pageCount/onPageChange and get
+ * prev/next + numbered pages with ellipses. Use the individual parts directly for a custom layout. */
+declare function PaginationBar({ page, pageCount, onPageChange, siblingCount, className }: PaginationBarProps): React.JSX.Element | null;
+
+export { Pagination, PaginationBar, type PaginationBarProps, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, getPaginationRange };

package/dist/pagination/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { buttonVariants } from '../button/index.js';
+import { VariantProps } from 'class-variance-authority';
+import 'class-variance-authority/types';
+import '@base-ui/react/button';
+
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+interface PaginationLinkProps extends React.ComponentProps<"button"> {
+    isActive?: boolean;
+    size?: VariantProps<typeof buttonVariants>["size"];
+}
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+/** Computes which page numbers/ellipses to render for a given page count, mirroring the common
+ * shadcn/ui recipe: always show first, last, current, and one neighbor on each side. */
+declare function getPaginationRange(page: number, pageCount: number, siblingCount?: number): (number | "ellipsis")[];
+interface PaginationBarProps {
+    /** 1-indexed current page. */
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+}
+/** Batteries-included pager built from the parts above — pass page/pageCount/onPageChange and get
+ * prev/next + numbered pages with ellipses. Use the individual parts directly for a custom layout. */
+declare function PaginationBar({ page, pageCount, onPageChange, siblingCount, className }: PaginationBarProps): React.JSX.Element | null;
+
+export { Pagination, PaginationBar, type PaginationBarProps, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, getPaginationRange };

package/dist/pagination/index.js

@@ -0,0 +1,212 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pagination/index.tsx
+var pagination_exports = {};
+__export(pagination_exports, {
+  Pagination: () => Pagination,
+  PaginationBar: () => PaginationBar,
+  PaginationContent: () => PaginationContent,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
+  PaginationNext: () => PaginationNext,
+  PaginationPrevious: () => PaginationPrevious,
+  getPaginationRange: () => getPaginationRange
+});
+module.exports = __toCommonJS(pagination_exports);
+var import_lucide_react = require("lucide-react");
+
+// src/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/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+// src/pagination/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "nav",
+    {
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon-sm", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "pagination-link",
+      "data-active": isActive,
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(buttonVariants({ variant: isActive ? "outline" : "ghost", size }), className),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("gap-1 px-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.ChevronLeft, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "hidden sm:inline", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 px-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "hidden sm:inline", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.ChevronRight, { className: "size-4" })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-8 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+function getPaginationRange(page, pageCount, siblingCount = 1) {
+  const totalSlots = siblingCount * 2 + 5;
+  if (pageCount <= totalSlots) return Array.from({ length: pageCount }, (_, i) => i + 1);
+  const leftSibling = Math.max(page - siblingCount, 1);
+  const rightSibling = Math.min(page + siblingCount, pageCount);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < pageCount - 1;
+  const range = [1];
+  if (showLeftEllipsis) range.push("ellipsis");
+  for (let i = leftSibling === 1 ? 2 : leftSibling; i <= (rightSibling === pageCount ? pageCount - 1 : rightSibling); i++) {
+    if (i > 1 && i < pageCount) range.push(i);
+  }
+  if (showRightEllipsis) range.push("ellipsis");
+  range.push(pageCount);
+  return range;
+}
+function PaginationBar({ page, pageCount, onPageChange, siblingCount, className }) {
+  if (pageCount <= 1) return null;
+  const range = getPaginationRange(page, pageCount, siblingCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Pagination, { className, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(PaginationContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      PaginationPrevious,
+      {
+        disabled: page <= 1,
+        onClick: () => onPageChange(page - 1)
+      }
+    ) }),
+    range.map(
+      (p, i) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationLink, { isActive: p === page, onClick: () => onPageChange(p), children: p }) }, p)
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      PaginationNext,
+      {
+        disabled: page >= pageCount,
+        onClick: () => onPageChange(page + 1)
+      }
+    ) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pagination,
+  PaginationBar,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  getPaginationRange
+});

package/dist/pagination/index.mjs

@@ -0,0 +1,25 @@
+"use client";
+import {
+  Pagination,
+  PaginationBar,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  getPaginationRange
+} from "../chunk-DUGW62XX.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Pagination,
+  PaginationBar,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  getPaginationRange
+};

package/dist/popover/index.d.mts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+
+declare function Popover({ ...props }: Popover$1.Root.Props): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React.JSX.Element;
+
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/popover/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+
+declare function Popover({ ...props }: Popover$1.Root.Props): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: Popover$1.Trigger.Props): React.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: Popover$1.Title.Props): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: Popover$1.Description.Props): React.JSX.Element;
+
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/popover/index.js

@@ -0,0 +1,120 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover/index.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverDescription: () => PopoverDescription,
+  PopoverHeader: () => PopoverHeader,
+  PopoverTitle: () => PopoverTitle,
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_exports);
+var import_popover = require("@base-ui/react/popover");
+
+// src/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/popover/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: cn("flex flex-col gap-0.5 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Title,
+    {
+      "data-slot": "popover-title",
+      className: cn("font-heading font-medium", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_popover.Popover.Description,
+    {
+      "data-slot": "popover-description",
+      className: cn("text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger
+});

package/dist/popover/index.mjs

@@ -0,0 +1,18 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger
+} from "../chunk-ZR3J34NX.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Popover,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger
+};

package/dist/progress/index.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+
+declare function Progress({ className, value, ...props }: Progress$1.Root.Props): React.JSX.Element;
+
+export { Progress };

package/dist/progress/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Progress as Progress$1 } from '@base-ui/react/progress';
+
+declare function Progress({ className, value, ...props }: Progress$1.Root.Props): React.JSX.Element;
+
+export { Progress };