@usefragments/ui 1.0.0

package/dist/components/Pagination/index.js

@@ -0,0 +1,251 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Pagination.module.scss.js";
+const PaginationContext = React.createContext(null);
+function usePaginationContext() {
+  const ctx = React.useContext(PaginationContext);
+  if (!ctx) throw new Error("Pagination sub-components must be used within <Pagination>");
+  return ctx;
+}
+function usePaginationRange(totalPages, currentPage, siblingCount, edgeCount) {
+  return React.useMemo(() => {
+    if (totalPages <= 0) return [];
+    const totalSlots = edgeCount * 2 + siblingCount * 2 + 1 + 2;
+    if (totalPages <= totalSlots) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const leftEdge = Array.from({ length: edgeCount }, (_, i) => i + 1);
+    const rightEdge = Array.from({ length: edgeCount }, (_, i) => totalPages - edgeCount + 1 + i);
+    const siblingStart = Math.max(edgeCount + 1, currentPage - siblingCount);
+    const siblingEnd = Math.min(totalPages - edgeCount, currentPage + siblingCount);
+    const result = [];
+    for (const p of leftEdge) {
+      result.push(p);
+    }
+    if (siblingStart > edgeCount + 1) {
+      if (siblingStart === edgeCount + 2) {
+        result.push(edgeCount + 1);
+      } else {
+        result.push("ellipsis");
+      }
+    }
+    for (let i = siblingStart; i <= siblingEnd; i++) {
+      if (!result.includes(i)) {
+        result.push(i);
+      }
+    }
+    if (siblingEnd < totalPages - edgeCount) {
+      if (siblingEnd === totalPages - edgeCount - 1) {
+        result.push(totalPages - edgeCount);
+      } else {
+        result.push("ellipsis");
+      }
+    }
+    for (const p of rightEdge) {
+      if (!result.includes(p)) {
+        result.push(p);
+      }
+    }
+    return result;
+  }, [totalPages, currentPage, siblingCount, edgeCount]);
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+    }
+  );
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+    }
+  );
+}
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+function composeButtonClickHandlers(internal, external) {
+  return (event) => {
+    external == null ? void 0 : external(event);
+    if (!event.defaultPrevented) {
+      internal(event);
+    }
+  };
+}
+function PaginationRoot({
+  children,
+  totalPages: rawTotalPages,
+  page: controlledPage,
+  defaultPage = 1,
+  onPageChange,
+  edgeCount = 1,
+  siblingCount = 1,
+  className,
+  "aria-label": ariaLabel,
+  ...htmlProps
+}) {
+  const totalPages = Math.max(0, Math.floor(rawTotalPages));
+  const [uncontrolledPage, setUncontrolledPage] = React.useState(
+    () => totalPages > 0 ? clamp(defaultPage, 1, totalPages) : 1
+  );
+  const isControlled = controlledPage !== void 0;
+  const currentPage = isControlled ? totalPages > 0 ? clamp(controlledPage, 1, totalPages) : 1 : totalPages > 0 ? clamp(uncontrolledPage, 1, totalPages) : 1;
+  const setPage = React.useCallback(
+    (newPage) => {
+      if (totalPages <= 0) return;
+      const clamped = clamp(newPage, 1, totalPages);
+      if (clamped === currentPage) return;
+      if (!isControlled) {
+        setUncontrolledPage(clamped);
+      }
+      onPageChange == null ? void 0 : onPageChange(clamped);
+    },
+    [totalPages, currentPage, isControlled, onPageChange]
+  );
+  const contextValue = React.useMemo(
+    () => ({ currentPage, totalPages, edgeCount, siblingCount, setPage }),
+    [currentPage, totalPages, edgeCount, siblingCount, setPage]
+  );
+  if (totalPages <= 0) {
+    return /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ...htmlProps,
+        "aria-label": ariaLabel ?? "Pagination",
+        className: [styles.pagination, className].filter(Boolean).join(" ")
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(PaginationContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ...htmlProps,
+      "aria-label": ariaLabel ?? "Pagination",
+      className: [styles.pagination, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx("ul", { className: styles.list, children })
+    }
+  ) });
+}
+function PaginationPrevious({ className, ...htmlProps }) {
+  const { currentPage, setPage } = usePaginationContext();
+  const disabled = currentPage <= 1;
+  const { onClick, ...buttonProps } = htmlProps;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Go to previous page",
+      disabled,
+      ...buttonProps,
+      onClick: composeButtonClickHandlers(() => setPage(currentPage - 1), onClick),
+      className: [styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+    }
+  ) });
+}
+function PaginationNext({ className, ...htmlProps }) {
+  const { currentPage, totalPages, setPage } = usePaginationContext();
+  const disabled = currentPage >= totalPages;
+  const { onClick, ...buttonProps } = htmlProps;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Go to next page",
+      disabled,
+      ...buttonProps,
+      onClick: composeButtonClickHandlers(() => setPage(currentPage + 1), onClick),
+      className: [styles.item, styles.navButton, disabled && styles.itemDisabled, className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+    }
+  ) });
+}
+function PaginationItems() {
+  const { currentPage, totalPages, siblingCount, edgeCount, setPage } = usePaginationContext();
+  const range = usePaginationRange(totalPages, currentPage, siblingCount, edgeCount);
+  let ellipsisCount = 0;
+  return /* @__PURE__ */ jsx(Fragment, { children: range.map((item) => {
+    if (item === "ellipsis") {
+      ellipsisCount++;
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { className: styles.ellipsis, "aria-hidden": "true", children: "…" }) }, `ellipsis-${ellipsisCount}`);
+    }
+    const isActive = item === currentPage;
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Go to page ${item}`,
+        "aria-current": isActive ? "page" : void 0,
+        onClick: () => setPage(item),
+        className: [styles.item, isActive && styles.itemActive].filter(Boolean).join(" "),
+        children: item
+      }
+    ) }, item);
+  }) });
+}
+function PaginationItem({
+  children,
+  page: pageProp,
+  className,
+  ...htmlProps
+}) {
+  const { currentPage, setPage } = usePaginationContext();
+  const page = pageProp ?? 1;
+  const isActive = page === currentPage;
+  const { onClick, ...buttonProps } = htmlProps;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": `Go to page ${page}`,
+      "aria-current": isActive ? "page" : void 0,
+      ...buttonProps,
+      onClick: composeButtonClickHandlers(() => setPage(page), onClick),
+      className: [styles.item, isActive && styles.itemActive, className].filter(Boolean).join(" "),
+      children: children ?? page
+    }
+  ) });
+}
+function PaginationEllipsis({ className, ...htmlProps }) {
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { className: [styles.ellipsis, className].filter(Boolean).join(" "), "aria-hidden": "true", ...htmlProps, children: "…" }) });
+}
+const Pagination = Object.assign(PaginationRoot, {
+  Previous: PaginationPrevious,
+  Next: PaginationNext,
+  Items: PaginationItems,
+  Item: PaginationItem,
+  Ellipsis: PaginationEllipsis
+});
+export {
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationItems,
+  PaginationNext,
+  PaginationPrevious,
+  PaginationRoot
+};

package/dist/components/Popover/Popover.module.scss.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const positioner = "_positioner_1re2o_1";
+const popup = "_popup_1re2o_6";
+const sm = "_sm_1re2o_47";
+const lg = "_lg_1re2o_52";
+const title = "_title_1re2o_57";
+const description = "_description_1re2o_65";
+const close = "_close_1re2o_72";
+const arrow = "_arrow_1re2o_119";
+const body = "_body_1re2o_143";
+const footer = "_footer_1re2o_147";
+const styles = {
+  positioner,
+  popup,
+  sm,
+  lg,
+  title,
+  description,
+  close,
+  arrow,
+  body,
+  footer
+};
+exports.arrow = arrow;
+exports.body = body;
+exports.close = close;
+exports.default = styles;
+exports.description = description;
+exports.footer = footer;
+exports.lg = lg;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.sm = sm;
+exports.title = title;

package/dist/components/Popover/Popover.module.scss.js

@@ -0,0 +1,35 @@
+const positioner = "_positioner_1re2o_1";
+const popup = "_popup_1re2o_6";
+const sm = "_sm_1re2o_47";
+const lg = "_lg_1re2o_52";
+const title = "_title_1re2o_57";
+const description = "_description_1re2o_65";
+const close = "_close_1re2o_72";
+const arrow = "_arrow_1re2o_119";
+const body = "_body_1re2o_143";
+const footer = "_footer_1re2o_147";
+const styles = {
+  positioner,
+  popup,
+  sm,
+  lg,
+  title,
+  description,
+  close,
+  arrow,
+  body,
+  footer
+};
+export {
+  arrow,
+  body,
+  close,
+  styles as default,
+  description,
+  footer,
+  lg,
+  popup,
+  positioner,
+  sm,
+  title
+};

package/dist/components/Popover/index.cjs

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const popover = require("@base-ui/react/popover");
+const Popover_module = require("./Popover.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function CloseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function PopoverRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    popover.Popover.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function PopoverTrigger({ children, asChild, className, ...htmlProps }) {
+  if (asChild) {
+    if (!React__namespace.isValidElement(children)) {
+      throw new Error("Popover.Trigger with asChild requires a single valid React element child.");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { ...htmlProps, className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    popover.Popover.Trigger,
+    {
+      ...htmlProps,
+      type: htmlProps.type ?? "button",
+      className,
+      children
+    }
+  );
+}
+function PopoverContent({
+  children,
+  size = "md",
+  side = "bottom",
+  align = "center",
+  sideOffset = 8,
+  arrow = false,
+  anchor,
+  positionMethod,
+  container,
+  positionerClassName,
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [
+    Popover_module.default.popup,
+    size !== "md" && Popover_module.default[size],
+    className
+  ].filter(Boolean).join(" ");
+  const positionerClasses = [Popover_module.default.positioner, positionerClassName].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+    popover.Popover.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      anchor,
+      positionMethod,
+      className: positionerClasses,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover.Popup, { ...htmlProps, className: popupClasses, children: [
+        children,
+        arrow && /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Arrow, { className: Popover_module.default.arrow })
+      ] })
+    }
+  ) });
+}
+function PopoverTitle({ children, className, ...htmlProps }) {
+  const classes = [Popover_module.default.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Title, { ...htmlProps, className: classes, children });
+}
+function PopoverDescription({ children, className, ...htmlProps }) {
+  const classes = [Popover_module.default.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Description, { ...htmlProps, className: classes, children });
+}
+function PopoverBody({ children, className, ...htmlProps }) {
+  const classes = [Popover_module.default.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function PopoverFooter({ children, className, ...htmlProps }) {
+  const classes = [Popover_module.default.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function PopoverClose({ children, asChild, className, ...htmlProps }) {
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      popover.Popover.Close,
+      {
+        ...htmlProps,
+        type: htmlProps.type ?? "button",
+        "aria-label": "Close popover",
+        className: [Popover_module.default.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    if (!React__namespace.isValidElement(children)) {
+      throw new Error("Popover.Close with asChild requires a single valid React element child.");
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Close, { ...htmlProps, className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    popover.Popover.Close,
+    {
+      ...htmlProps,
+      type: htmlProps.type ?? "button",
+      className,
+      children
+    }
+  );
+}
+const Popover = Object.assign(PopoverRoot, {
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Title: PopoverTitle,
+  Description: PopoverDescription,
+  Body: PopoverBody,
+  Footer: PopoverFooter,
+  Close: PopoverClose
+});
+exports.Popover = Popover;
+exports.PopoverBody = PopoverBody;
+exports.PopoverClose = PopoverClose;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverFooter = PopoverFooter;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,90 @@
+import * as React from 'react';
+/**
+ * Popover for floating content attached to a trigger element.
+ * @see https://usefragments.com/components/popover
+ */
+export interface PopoverProps {
+    children: React.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the popover blocks interaction with the rest of the page.
+     * @default false */
+    modal?: boolean;
+}
+type PopoverTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: React.ReactNode;
+    asChild?: false;
+};
+type PopoverTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type PopoverTriggerProps = PopoverTriggerAsButtonProps | PopoverTriggerAsChildProps;
+export interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    arrow?: boolean;
+    /**
+     * Position the popover against an element outside the trigger-anchored
+     * flow (e.g. an arbitrary DOM node in a host page). Defaults to the
+     * trigger, like Base UI's own default.
+     */
+    anchor?: Element | null;
+    /** CSS `position` for the floating content. @default 'absolute' */
+    positionMethod?: 'absolute' | 'fixed';
+    /**
+     * Render the portal into a specific container instead of `document.body`
+     * (e.g. a shadow root whose styles wouldn't otherwise reach body-portaled
+     * content).
+     */
+    container?: HTMLElement | ShadowRoot | null;
+    /** Extra className applied to the positioner element (not the popup). */
+    positionerClassName?: string;
+}
+export interface PopoverTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    children: React.ReactNode;
+}
+export interface PopoverDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    children: React.ReactNode;
+}
+export interface PopoverBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface PopoverFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+type PopoverCloseAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    asChild?: false;
+};
+type PopoverCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type PopoverCloseProps = PopoverCloseAsButtonProps | PopoverCloseAsChildProps;
+declare function PopoverRoot({ children, open, defaultOpen, onOpenChange, modal, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ children, asChild, className, ...htmlProps }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ children, size, side, align, sideOffset, arrow, anchor, positionMethod, container, positionerClassName, className, ...htmlProps }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ children, className, ...htmlProps }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ children, className, ...htmlProps }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverBody({ children, className, ...htmlProps }: PopoverBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverFooter({ children, className, ...htmlProps }: PopoverFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function PopoverClose({ children, asChild, className, ...htmlProps }: PopoverCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const Popover: typeof PopoverRoot & {
+    Trigger: typeof PopoverTrigger;
+    Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
+    Body: typeof PopoverBody;
+    Footer: typeof PopoverFooter;
+    Close: typeof PopoverClose;
+};
+export { PopoverRoot, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription, PopoverBody, PopoverFooter, PopoverClose, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}