@docubook/ui-react 0.1.0

package/dist/chunk-W5G2ZBYA.js

@@ -0,0 +1,102 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/drawer.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Drawer({
+  id,
+  children,
+  defaultOpen = false,
+  side = "left",
+  breakpoint = "lg",
+  withOverlay = true,
+  overlayClassName,
+  sideClassName,
+  contentClassName,
+  className
+}) {
+  const [isOpen, setIsOpen] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "drawer",
+        breakpoint && `${breakpoint}:drawer-open`,
+        side === "right" && "drawer-end",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            id,
+            type: "checkbox",
+            className: "drawer-toggle",
+            checked: isOpen,
+            onChange: () => setIsOpen(!isOpen),
+            "aria-label": "Toggle drawer"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: cn("drawer-content flex flex-col", contentClassName), children }),
+        /* @__PURE__ */ jsx("div", { className: cn("drawer-side", sideClassName), children: withOverlay && /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: id,
+            "aria-label": "Close sidebar",
+            className: cn("drawer-overlay", overlayClassName),
+            onClick: () => setIsOpen(false)
+          }
+        ) })
+      ]
+    }
+  );
+}
+function useDrawerState(initialState = false) {
+  const [isOpen, setIsOpen] = useState(initialState);
+  return {
+    isOpen,
+    open: () => setIsOpen(true),
+    close: () => setIsOpen(false),
+    toggle: () => setIsOpen((prev) => !prev)
+  };
+}
+function DrawerTrigger({ drawerId, children, className }) {
+  return /* @__PURE__ */ jsx("label", { htmlFor: drawerId, className: cn("label cursor-pointer", className), children });
+}
+function DrawerSidePanel({
+  id,
+  children,
+  side = "left",
+  withOverlay = true,
+  overlayClassName,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("drawer-side", side === "right" && "drawer-end", className), children: [
+    withOverlay && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: id,
+        "aria-label": "Close sidebar",
+        className: cn("drawer-overlay", overlayClassName)
+      }
+    ),
+    children
+  ] });
+}
+function DrawerContent({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("drawer-content", className), children });
+}
+
+export {
+  Drawer,
+  useDrawerState,
+  DrawerTrigger,
+  DrawerSidePanel,
+  DrawerContent
+};

package/dist/chunk-ZMIZV66S.js

@@ -0,0 +1,331 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/pagination.tsx
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function getPaginationRange({
+  totalCount,
+  pageSize,
+  siblingCount = 1,
+  currentPage
+}) {
+  const totalPages = Math.ceil(totalCount / pageSize);
+  if (totalPages <= 1) return [1];
+  const totalPageNumbers = siblingCount + 5;
+  if (totalPages < totalPageNumbers) return Array.from({ length: totalPages }, (_, i) => i + 1);
+  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+  const showLeftDots = leftSiblingIndex > 2;
+  const showRightDots = rightSiblingIndex < totalPages - 1;
+  if (!showLeftDots && showRightDots)
+    return [...Array.from({ length: 3 }, (_, i) => i + 1), "ellipsis", totalPages - 1, totalPages];
+  if (showLeftDots && !showRightDots)
+    return [1, 2, "ellipsis", ...Array.from({ length: 3 }, (_, i) => totalPages - 2 + i)];
+  if (showLeftDots && showRightDots) {
+    const middle = Array.from(
+      { length: rightSiblingIndex - leftSiblingIndex + 1 },
+      (_, i) => leftSiblingIndex + i
+    );
+    return [1, 2, "ellipsis", ...middle, "ellipsis", totalPages - 1, totalPages];
+  }
+  return [1];
+}
+function variantClass(variant) {
+  if (variant === "square") return "[&_.join-item]:btn-square";
+  if (variant === "rounded") return "[&_.join-item]:btn-circle";
+  return "";
+}
+function PaginationItem({
+  children,
+  active,
+  disabled,
+  onClick,
+  className,
+  size = "md",
+  "aria-label": ariaLabel
+}) {
+  const sizeClass = size === "lg" ? "btn-lg" : size === "sm" ? "btn-sm" : size === "xs" ? "btn-xs" : "";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "join-item btn",
+        sizeClass,
+        active && "btn-active",
+        disabled && "btn-disabled",
+        className
+      ),
+      onClick,
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-current": active ? "page" : void 0,
+      children
+    }
+  );
+}
+function PaginationButtons({
+  page,
+  totalPages,
+  onPageChange,
+  className,
+  size = "md",
+  showFirstLast = false,
+  showPrevNext = true,
+  prevLabel,
+  nextLabel,
+  firstLabel,
+  lastLabel,
+  disabled = false
+}) {
+  const sizeClass = size !== "md" ? `btn-${size}` : "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showFirstLast && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn("join-item btn", sizeClass, className),
+        onClick: () => onPageChange(1),
+        disabled: disabled || page <= 1,
+        "aria-label": firstLabel != null ? firstLabel : "First page",
+        children: firstLabel != null ? firstLabel : "\xAB"
+      }
+    ),
+    showPrevNext && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn("join-item btn", sizeClass, className),
+        onClick: () => onPageChange(page - 1),
+        disabled: disabled || page <= 1,
+        "aria-label": prevLabel != null ? prevLabel : "Previous page",
+        children: prevLabel != null ? prevLabel : "\u2039"
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "join-item btn btn-disabled no-animation cursor-default", children: [
+      page,
+      " / ",
+      totalPages
+    ] }),
+    showPrevNext && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn("join-item btn", sizeClass, className),
+        onClick: () => onPageChange(page + 1),
+        disabled: disabled || page >= totalPages,
+        "aria-label": nextLabel != null ? nextLabel : "Next page",
+        children: nextLabel != null ? nextLabel : "\u203A"
+      }
+    ),
+    showFirstLast && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn("join-item btn", sizeClass, className),
+        onClick: () => onPageChange(totalPages),
+        disabled: disabled || page >= totalPages,
+        "aria-label": lastLabel != null ? lastLabel : "Last page",
+        children: lastLabel != null ? lastLabel : "\xBB"
+      }
+    )
+  ] });
+}
+function PaginationRange({
+  start,
+  end,
+  total,
+  current,
+  onPageChange,
+  siblingCount = 1,
+  className,
+  size = "md",
+  variant
+}) {
+  const range = useMemo(
+    () => getPaginationRange({
+      totalCount: total,
+      pageSize: end - start + 1,
+      siblingCount,
+      currentPage: current
+    }),
+    [total, start, end, siblingCount, current]
+  );
+  const sizeClass = size === "lg" ? "join-lg" : size === "sm" ? "join-sm" : size === "xs" ? "join-xs" : "";
+  return /* @__PURE__ */ jsx("div", { className: cn("join", sizeClass, variantClass(variant), className), children: range.map(
+    (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "join-item btn",
+          item === current && "btn-active",
+          size !== "md" && `btn-${size}`
+        ),
+        onClick: () => onPageChange(item),
+        "aria-current": item === current ? "page" : void 0,
+        children: item
+      },
+      item
+    )
+  ) });
+}
+function PaginationInfo({
+  current,
+  total,
+  pageSize = 10,
+  className,
+  label = "Showing",
+  showTotal = true
+}) {
+  const start = (current - 1) * pageSize + 1;
+  const end = Math.min(current * pageSize, total);
+  return /* @__PURE__ */ jsxs("div", { className: cn("text-base-content/70 text-sm", className), children: [
+    label,
+    " ",
+    start,
+    "-",
+    end,
+    showTotal && ` of ${total}`
+  ] });
+}
+function PaginationFull({
+  current,
+  total,
+  pageSize = 10,
+  onPageChange,
+  siblingCount = 1,
+  className,
+  size = "md",
+  variant,
+  showFirstLast = true,
+  showPrevNext = true,
+  infoClassName
+}) {
+  const totalPages = Math.ceil(total / pageSize);
+  const range = useMemo(
+    () => getPaginationRange({ totalCount: total, pageSize, siblingCount, currentPage: current }),
+    [total, pageSize, siblingCount, current]
+  );
+  const sizeClass = size === "lg" ? "join-lg" : size === "sm" ? "join-sm" : size === "xs" ? "join-xs" : "";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-between gap-4 sm:flex-row", className), children: [
+    /* @__PURE__ */ jsx(
+      PaginationInfo,
+      {
+        current,
+        total,
+        pageSize,
+        className: infoClassName
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: cn("join", sizeClass, variantClass(variant)), children: [
+      showFirstLast && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(1),
+          disabled: current <= 1,
+          "aria-label": "First page",
+          children: "\xAB"
+        }
+      ),
+      showPrevNext && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(current - 1),
+          disabled: current <= 1,
+          "aria-label": "Previous page",
+          children: "\u2039"
+        }
+      ),
+      range.map(
+        (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "join-item btn",
+              item === current && "btn-active",
+              size !== "md" && `btn-${size}`
+            ),
+            onClick: () => onPageChange(item),
+            "aria-current": item === current ? "page" : void 0,
+            children: item
+          },
+          item
+        )
+      ),
+      showPrevNext && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(current + 1),
+          disabled: current >= totalPages,
+          "aria-label": "Next page",
+          children: "\u203A"
+        }
+      ),
+      showFirstLast && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn("join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(totalPages),
+          disabled: current >= totalPages,
+          "aria-label": "Last page",
+          children: "\xBB"
+        }
+      )
+    ] })
+  ] });
+}
+function PaginationDocs({
+  prev,
+  next,
+  className,
+  prevIcon,
+  nextIcon,
+  linkClassName
+}) {
+  const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
+  return /* @__PURE__ */ jsxs("div", { className: cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
+    /* @__PURE__ */ jsx("div", { children: prev && /* @__PURE__ */ jsxs("a", { href: prev.href, className: cn(linkBase, "items-start px-4 py-4", linkClassName), children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
+        prevIcon && /* @__PURE__ */ jsx("span", { className: "mr-1", children: prevIcon }),
+        "Previous"
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { children: next && /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: next.href,
+        className: cn(linkBase, "items-end px-4 py-4 text-right", linkClassName),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
+            "Next",
+            nextIcon && /* @__PURE__ */ jsx("span", { className: "ml-1", children: nextIcon })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
+        ]
+      }
+    ) })
+  ] });
+}
+
+export {
+  getPaginationRange,
+  PaginationItem,
+  PaginationButtons,
+  PaginationRange,
+  PaginationInfo,
+  PaginationFull,
+  PaginationDocs
+};

package/dist/cn.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+
+exports.cn = _chunk7HHY2WDFcjs.cn;

package/dist/cn.d.cts

@@ -0,0 +1,4 @@
+type ClassValue = string | number | boolean | undefined | null;
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/cn.d.ts

@@ -0,0 +1,4 @@
+type ClassValue = string | number | boolean | undefined | null;
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/cn.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+export {
+  cn
+};

package/dist/collapse.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkOKMEBWPLcjs = require('./chunk-OKMEBWPL.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+
+
+exports.Accordion = _chunkOKMEBWPLcjs.Accordion; exports.Collapse = _chunkOKMEBWPLcjs.Collapse; exports.default = _chunkOKMEBWPLcjs.collapse_default;

package/dist/collapse.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CollapseVariant = "arrow" | "plus";
+interface CollapseProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    variant?: CollapseVariant;
+    className?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+}
+declare function Collapse({ title, children, defaultOpen, onOpenChange, variant, className, titleClassName, contentClassName, disabled, }: CollapseProps): react_jsx_runtime.JSX.Element;
+interface AccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    defaultOpen?: string;
+    variant?: CollapseVariant;
+    className?: string;
+    allowMultiple?: boolean;
+}
+declare function Accordion({ items, defaultOpen, variant, className, allowMultiple, }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionItem, type AccordionProps, Collapse, type CollapseProps, type CollapseVariant, Collapse as default };

package/dist/collapse.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CollapseVariant = "arrow" | "plus";
+interface CollapseProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    variant?: CollapseVariant;
+    className?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+    disabled?: boolean;
+}
+declare function Collapse({ title, children, defaultOpen, onOpenChange, variant, className, titleClassName, contentClassName, disabled, }: CollapseProps): react_jsx_runtime.JSX.Element;
+interface AccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    defaultOpen?: string;
+    variant?: CollapseVariant;
+    className?: string;
+    allowMultiple?: boolean;
+}
+declare function Accordion({ items, defaultOpen, variant, className, allowMultiple, }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionItem, type AccordionProps, Collapse, type CollapseProps, type CollapseVariant, Collapse as default };

package/dist/collapse.js

@@ -0,0 +1,13 @@
+"use client";
+"use client";
+import {
+  Accordion,
+  Collapse,
+  collapse_default
+} from "./chunk-QZH7EIFW.js";
+import "./chunk-NJKWNMJF.js";
+export {
+  Accordion,
+  Collapse,
+  collapse_default as default
+};

package/dist/drawer.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+var _chunkPB4SHWMJcjs = require('./chunk-PB4SHWMJ.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+
+
+
+
+exports.Drawer = _chunkPB4SHWMJcjs.Drawer; exports.DrawerContent = _chunkPB4SHWMJcjs.DrawerContent; exports.DrawerSidePanel = _chunkPB4SHWMJcjs.DrawerSidePanel; exports.DrawerTrigger = _chunkPB4SHWMJcjs.DrawerTrigger; exports.useDrawerState = _chunkPB4SHWMJcjs.useDrawerState;

package/dist/drawer.d.cts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { S as Side } from './types-BZI5Cv8-.cjs';
+
+interface DrawerProps {
+    id: string;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    side?: Side;
+    breakpoint?: string;
+    withOverlay?: boolean;
+    overlayClassName?: string;
+    sideClassName?: string;
+    contentClassName?: string;
+    className?: string;
+}
+declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function useDrawerState(initialState?: boolean): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+interface DrawerTriggerProps {
+    drawerId: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+interface DrawerSidePanelProps {
+    id: string;
+    children: ReactNode;
+    side?: Side;
+    withOverlay?: boolean;
+    overlayClassName?: string;
+    className?: string;
+}
+declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerContent, type DrawerProps, DrawerSidePanel, type DrawerSidePanelProps, DrawerTrigger, type DrawerTriggerProps, useDrawerState };

package/dist/drawer.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { S as Side } from './types-BZI5Cv8-.js';
+
+interface DrawerProps {
+    id: string;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    side?: Side;
+    breakpoint?: string;
+    withOverlay?: boolean;
+    overlayClassName?: string;
+    sideClassName?: string;
+    contentClassName?: string;
+    className?: string;
+}
+declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function useDrawerState(initialState?: boolean): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+interface DrawerTriggerProps {
+    drawerId: string;
+    children: ReactNode;
+    className?: string;
+}
+declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+interface DrawerSidePanelProps {
+    id: string;
+    children: ReactNode;
+    side?: Side;
+    withOverlay?: boolean;
+    overlayClassName?: string;
+    className?: string;
+}
+declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerContent, type DrawerProps, DrawerSidePanel, type DrawerSidePanelProps, DrawerTrigger, type DrawerTriggerProps, useDrawerState };

package/dist/drawer.js

@@ -0,0 +1,17 @@
+"use client";
+"use client";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerSidePanel,
+  DrawerTrigger,
+  useDrawerState
+} from "./chunk-W5G2ZBYA.js";
+import "./chunk-NJKWNMJF.js";
+export {
+  Drawer,
+  DrawerContent,
+  DrawerSidePanel,
+  DrawerTrigger,
+  useDrawerState
+};

package/dist/dropdown.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkEJCGJCVKcjs = require('./chunk-EJCGJCVK.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+
+
+exports.Dropdown = _chunkEJCGJCVKcjs.Dropdown; exports.DropdownItem = _chunkEJCGJCVKcjs.DropdownItem; exports.DropdownLink = _chunkEJCGJCVKcjs.DropdownLink;