@docubook/ui-react 0.1.0

package/dist/chunk-EN2X23AN.cjs

@@ -0,0 +1,330 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/pagination.tsx
+var _react = require('react');
+var _jsxruntime = require('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__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+        "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__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "join-item btn btn-disabled no-animation cursor-default", children: [
+      page,
+      " / ",
+      totalPages
+    ] }),
+    showPrevNext && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "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 = _react.useMemo.call(void 0, 
+    () => 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__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "join", sizeClass, variantClass(variant), className), children: range.map(
+    (item, i) => item === "ellipsis" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+          "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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "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 = _react.useMemo.call(void 0, 
+    () => 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "flex flex-col items-center justify-between gap-4 sm:flex-row", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PaginationInfo,
+      {
+        current,
+        total,
+        pageSize,
+        className: infoClassName
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "join", sizeClass, variantClass(variant)), children: [
+      showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _chunk7HHY2WDFcjs.cn.call(void 0, "join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(1),
+          disabled: current <= 1,
+          "aria-label": "First page",
+          children: "\xAB"
+        }
+      ),
+      showPrevNext && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _chunk7HHY2WDFcjs.cn.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+              "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__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _chunk7HHY2WDFcjs.cn.call(void 0, "join-item btn", size !== "md" && `btn-${size}`),
+          onClick: () => onPageChange(current + 1),
+          disabled: current >= totalPages,
+          "aria-label": "Next page",
+          children: "\u203A"
+        }
+      ),
+      showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _chunk7HHY2WDFcjs.cn.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: prev && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href: prev.href, className: _chunk7HHY2WDFcjs.cn.call(void 0, linkBase, "items-start px-4 py-4", linkClassName), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
+        prevIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-1", children: prevIcon }),
+        "Previous"
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: next && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "a",
+      {
+        href: next.href,
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, linkBase, "items-end px-4 py-4 text-right", linkClassName),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
+            "Next",
+            nextIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-1", children: nextIcon })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
+        ]
+      }
+    ) })
+  ] });
+}
+
+
+
+
+
+
+
+
+
+exports.getPaginationRange = getPaginationRange; exports.PaginationItem = PaginationItem; exports.PaginationButtons = PaginationButtons; exports.PaginationRange = PaginationRange; exports.PaginationInfo = PaginationInfo; exports.PaginationFull = PaginationFull; exports.PaginationDocs = PaginationDocs;

package/dist/chunk-FGJ6EYLA.js

@@ -0,0 +1,90 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/dropdown.tsx
+import { forwardRef, useRef, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Dropdown = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, align = "start", disabled = false, trigger, children, menuClassName } = _b, props = __objRest(_b, ["className", "align", "disabled", "trigger", "children", "menuClassName"]);
+    const detailsRef = useRef(null);
+    useEffect(() => {
+      const handler = (e) => {
+        if (detailsRef.current && !detailsRef.current.contains(e.target)) {
+          detailsRef.current.open = false;
+        }
+      };
+      document.addEventListener("click", handler);
+      return () => document.removeEventListener("click", handler);
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      "details",
+      __spreadProps(__spreadValues({
+        ref: (el) => {
+          detailsRef.current = el;
+          if (typeof ref === "function") ref(el);
+          else if (ref) ref.current = el;
+        },
+        className: cn("relative", disabled && "pointer-events-none opacity-50", className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("summary", { className: "cursor-pointer", style: { listStyle: "none" }, children: trigger }),
+          /* @__PURE__ */ jsx(
+            "ul",
+            {
+              className: cn(
+                "bg-base-100 rounded-box border-base-300 absolute z-50 mt-1 min-w-[240px] space-y-1 border p-2 shadow-lg",
+                align === "end" ? "right-0" : "left-0",
+                menuClassName
+              ),
+              children
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Dropdown.displayName = "Dropdown";
+var DropdownItem = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    return /* @__PURE__ */ jsx(
+      "li",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+          className
+        ),
+        role: "menuitem"
+      }, props), {
+        children
+      })
+    );
+  }
+);
+DropdownItem.displayName = "DropdownItem";
+var DropdownLink = forwardRef((_a, ref) => {
+  var _b = _a, { className, children, href } = _b, props = __objRest(_b, ["className", "children", "href"]);
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "menuitem",
+      className: "hover:bg-base-200 text-base-content/80 hover:text-base-content relative flex cursor-pointer items-center gap-2 rounded px-2 py-2 text-sm outline-none transition-colors",
+      children: /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({ ref, href, className: cn("text-inherit no-underline", className) }, props), { children }))
+    }
+  );
+});
+DropdownLink.displayName = "DropdownLink";
+
+export {
+  Dropdown,
+  DropdownItem,
+  DropdownLink
+};

package/dist/chunk-HTNZRBKW.js

@@ -0,0 +1,67 @@
+"use client";
+import {
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/theme-controller.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function applyTheme(theme) {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("dark", theme === "dark");
+  }
+}
+function useApplyThemeOnMount(theme) {
+  const applied = useRef(false);
+  useEffect(() => {
+    if (!applied.current) {
+      applyTheme(theme);
+      applied.current = true;
+    }
+  }, [theme]);
+}
+function ThemeControllerToggle({
+  defaultTheme = "light",
+  lightTheme = "light",
+  darkTheme = "dark",
+  onThemeChange,
+  className,
+  label,
+  size = "md",
+  children
+}) {
+  const [checked, setChecked] = useState(() => {
+    if (typeof window === "undefined") return false;
+    return (localStorage.getItem("theme") || defaultTheme) === darkTheme;
+  });
+  useApplyThemeOnMount(checked ? darkTheme : lightTheme);
+  const handleChange = (newChecked) => {
+    const newTheme = newChecked ? darkTheme : lightTheme;
+    setChecked(newChecked);
+    applyTheme(newTheme);
+    localStorage.setItem("theme", newTheme);
+    onThemeChange == null ? void 0 : onThemeChange(newTheme);
+  };
+  if (children) {
+    return /* @__PURE__ */ jsx("div", { className, children: children({ isDark: checked, checked, toggle: handleChange }) });
+  }
+  const toggleEl = /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      className: cn("toggle theme-controller", `toggle-${size}`),
+      checked,
+      value: darkTheme,
+      onChange: (e) => handleChange(e.target.checked)
+    }
+  );
+  if (!label) return /* @__PURE__ */ jsx("div", { className, children: toggleEl });
+  return /* @__PURE__ */ jsxs("label", { className: cn("flex cursor-pointer items-center gap-3", className), children: [
+    toggleEl,
+    /* @__PURE__ */ jsx("span", { className: "text-base-content", children: label })
+  ] });
+}
+
+export {
+  ThemeControllerToggle
+};

package/dist/chunk-I4CZWV3M.js

@@ -0,0 +1,124 @@
+"use client";
+import {
+  __objRest,
+  __spreadValues,
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/toggle.tsx
+import { forwardRef, useState, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Toggle = forwardRef(function Toggle2(_a, ref) {
+  var _b = _a, {
+    color = "primary",
+    size = "md",
+    label,
+    description,
+    indeterminate = false,
+    containerClassName,
+    labelClassName,
+    descriptionClassName,
+    className,
+    disabled,
+    checked,
+    defaultChecked,
+    onChange
+  } = _b, props = __objRest(_b, [
+    "color",
+    "size",
+    "label",
+    "description",
+    "indeterminate",
+    "containerClassName",
+    "labelClassName",
+    "descriptionClassName",
+    "className",
+    "disabled",
+    "checked",
+    "defaultChecked",
+    "onChange"
+  ]);
+  useEffect(() => {
+    if (indeterminate && ref) {
+      const input = ref.current;
+      if (input) input.indeterminate = true;
+    }
+  }, [ref, indeterminate]);
+  const toggleEl = /* @__PURE__ */ jsx(
+    "input",
+    __spreadValues({
+      ref,
+      type: "checkbox",
+      className: cn(`toggle-${color}`, `toggle-${size}`, className),
+      disabled,
+      checked,
+      defaultChecked,
+      onChange,
+      "data-indeterminate": indeterminate
+    }, props)
+  );
+  if (!label) return toggleEl;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex items-start gap-3",
+        disabled && "cursor-not-allowed opacity-50",
+        containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center pt-0.5", children: toggleEl }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("text-base-content cursor-pointer", labelClassName), children: label }),
+          description && /* @__PURE__ */ jsx("span", { className: cn("text-base-content/60 text-sm", descriptionClassName), children: description })
+        ] })
+      ]
+    }
+  );
+});
+function ToggleGroup({
+  items,
+  value,
+  defaultValue = [],
+  onChange,
+  color = "primary",
+  size = "md",
+  controlled = false,
+  className
+}) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const selectedValues = controlled ? value != null ? value : internalValue : internalValue;
+  const toggle = (itemValue) => {
+    const next = selectedValues.includes(itemValue) ? selectedValues.filter((v) => v !== itemValue) : [...selectedValues, itemValue];
+    if (!controlled) setInternalValue(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ jsxs(
+    "label",
+    {
+      className: cn(
+        "flex items-center gap-3",
+        item.disabled && "cursor-not-allowed opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: cn(`toggle-${color}`, `toggle-${size}`),
+            checked: selectedValues.includes(item.value),
+            disabled: item.disabled,
+            onChange: () => !item.disabled && toggle(item.value)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-base-content cursor-pointer", children: item.label })
+      ]
+    },
+    item.value
+  )) });
+}
+
+export {
+  Toggle,
+  ToggleGroup
+};

package/dist/chunk-IBKH77YN.js

@@ -0,0 +1,50 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/modal.tsx
+import { forwardRef, useRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Modal = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className, closeOnBackdrop = true, placement, boxClassName } = _b, props = __objRest(_b, ["children", "className", "closeOnBackdrop", "placement", "boxClassName"]);
+    return /* @__PURE__ */ jsxs(
+      "dialog",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn("modal", placement && `modal-${placement}`, className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("div", { className: cn("modal-box", boxClassName), children }),
+          closeOnBackdrop && /* @__PURE__ */ jsx("form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ jsx("button", { children: "esc" }) })
+        ]
+      })
+    );
+  }
+);
+Modal.displayName = "Modal";
+function useModal() {
+  const ref = useRef(null);
+  const open = useCallback(() => {
+    var _a;
+    (_a = ref.current) == null ? void 0 : _a.showModal();
+    setTimeout(() => {
+      var _a2, _b;
+      (_b = (_a2 = ref.current) == null ? void 0 : _a2.querySelector("input, [autofocus]")) == null ? void 0 : _b.focus();
+    }, 0);
+  }, []);
+  const close = useCallback(() => {
+    var _a;
+    return (_a = ref.current) == null ? void 0 : _a.close();
+  }, []);
+  return { ref, open, close };
+}
+
+export {
+  Modal,
+  useModal
+};

package/dist/chunk-KHU72DOY.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/breadcrumbs.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Breadcrumb({ children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "breadcrumbs text-sm", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { children }) });
+}
+function BreadcrumbItem({ children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: _chunk7HHY2WDFcjs.cn.call(void 0, className), children });
+}
+function BreadcrumbPage({ children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk7HHY2WDFcjs.cn.call(void 0, className), children });
+}
+function BreadcrumbList({ children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+}
+
+
+
+
+
+
+exports.Breadcrumb = Breadcrumb; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbList = BreadcrumbList;