@docubook/ui-react 0.1.0

package/README.md

@@ -0,0 +1,126 @@
+# @docubook/ui-react
+
+React + DaisyUI component library for documentation sites. Works with **Next.js**, **Remix**, **React Router v7**, **Astro**, **TanStack Start**, and **Vite + React**.
+
+## Install
+
+```bash
+pnpm add @docubook/ui-react
+```
+
+### Peer Dependencies
+
+```bash
+pnpm add react tailwindcss daisyui lucide-react
+```
+
+|     Peer     |      Version       |
+| ------------ | ------------------ |
+| react        | ≥ 18.0.0           |
+| tailwindcss  | ≥ 4.0.0            |
+| daisyui      | ≥ 5.0.0            |
+| lucide-react | ≥ 1.0.0 (optional) |
+
+## Usage
+
+```tsx
+// Per-component import (tree-shaken)
+import { Modal, useModal } from "@docubook/ui-react/modal";
+import { Collapse, Accordion } from "@docubook/ui-react/collapse";
+import { ThemeControllerToggle } from "@docubook/ui-react/theme-controller";
+import { cn } from "@docubook/ui-react/cn";
+
+// Barrel import
+import { Modal, Collapse, Input, Navbar } from "@docubook/ui-react";
+```
+
+## Components
+
+### Primitives
+
+|                 Component                  |          Import Path          |                  Description                   |
+| ------------------------------------------ | ----------------------------- | ---------------------------------------------- |
+| `Input`, `InputGroup`                      | `@docubook/ui-react/input`    | Input with color/size/ghost variants           |
+| `Kbd`, `FnKey`                             | `@docubook/ui-react/kbd`      | Keyboard key indicator with function key icons |
+| `Toggle`, `ToggleGroup`                    | `@docubook/ui-react/toggle`   | Toggle switch with label/description           |
+| `Dropdown`, `DropdownItem`, `DropdownLink` | `@docubook/ui-react/dropdown` | Details-based dropdown menu                    |
+
+#### PaginationDocs with Custom Icons
+
+```tsx
+import { PaginationDocs } from "@docubook/ui-react/pagination";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+<PaginationDocs
+  prev={{ href: "/prev", title: "Previous Page" }}
+  next={{ href: "/next", title: "Next Page" }}
+  prevIcon={<ChevronLeft className="w-3 h-3" />}
+  nextIcon={<ChevronRight className="w-3 h-3" />}
+/>
+```
+
+### Composites
+
+|                                    Component                                    |              Import Path              |              Description              |
+| ------------------------------------------------------------------------------- | ------------------------------------- | ------------------------------------- |
+| `Modal`, `useModal`                                                             | `@docubook/ui-react/modal`            | Native dialog modal with hook         |
+| `Drawer`, `DrawerTrigger`, `DrawerSidePanel`, `DrawerContent`, `useDrawerState` | `@docubook/ui-react/drawer`           | Responsive sidebar drawer             |
+| `Collapse`, `Accordion`                                                         | `@docubook/ui-react/collapse`         | Collapsible content panels            |
+| `ThemeControllerToggle`                                                         | `@docubook/ui-react/theme-controller` | Theme toggle switch with render props |
+
+### Navigation
+
+|                                                              Component                                                               |           Import Path            |        Description        |
+| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------------- |
+| `Navbar`, `Logo`, `NavMenu`, `NavMenuLink`                                                                                           | `@docubook/ui-react/navbar`      | Navigation bar components |
+| `Breadcrumb`, `BreadcrumbItem`, `BreadcrumbPage`, `BreadcrumbList`                                                                   | `@docubook/ui-react/breadcrumbs` | Breadcrumb navigation     |
+| `PaginationItem`, `PaginationFull`, `PaginationDocs`, `PaginationButtons`, `PaginationRange`, `PaginationInfo`, `getPaginationRange` | `@docubook/ui-react/pagination`  | Page navigation utilities |
+
+### Utilities
+
+| Export |       Import Path       |                    Description                     |
+| ------ | ----------------------- | -------------------------------------------------- |
+| `cn()` | `@docubook/ui-react/cn` | Class name merging utility (clsx + tailwind-merge) |
+
+## Framework Setup
+
+### Next.js (App Router)
+
+Components with hooks include `"use client"` — works out of the box.
+
+### Astro
+
+```astro
+---
+import { Modal } from "@docubook/ui-react/modal";
+---
+<Modal client:load>...</Modal>
+```
+
+### React Router v7 / Remix / Vite
+
+No special setup needed — standard React components.
+
+### TanStack Start
+
+No special setup needed — standard React components.
+
+## CSS Requirements
+
+### Dropdown Component
+
+The `Dropdown` component uses native `<details>` element. To hide the default disclosure marker, add this CSS to your global stylesheet:
+
+```css
+/* globals.css */
+summary::-webkit-details-marker {
+  display: none;
+}
+summary::marker {
+  display: none;
+}
+```
+
+## License
+
+MIT

package/dist/breadcrumbs.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkKHU72DOYcjs = require('./chunk-KHU72DOY.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+
+
+
+exports.Breadcrumb = _chunkKHU72DOYcjs.Breadcrumb; exports.BreadcrumbItem = _chunkKHU72DOYcjs.BreadcrumbItem; exports.BreadcrumbList = _chunkKHU72DOYcjs.BreadcrumbList; exports.BreadcrumbPage = _chunkKHU72DOYcjs.BreadcrumbPage;

package/dist/breadcrumbs.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface BreadcrumbProps {
+    children: ReactNode;
+    className?: string;
+}
+interface BreadcrumbItemProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Breadcrumb({ children, className }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ children, className }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ children, className }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps };

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface BreadcrumbProps {
+    children: ReactNode;
+    className?: string;
+}
+interface BreadcrumbItemProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Breadcrumb({ children, className }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ children, className }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ children, className }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps };

package/dist/breadcrumbs.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage
+} from "./chunk-Q55KNNKE.js";
+import "./chunk-NJKWNMJF.js";
+export {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage
+};

package/dist/chunk-42YUT467.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/input.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Input = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { className, color, inputSize, ghost } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["className", "color", "inputSize", "ghost"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      _chunk7HHY2WDFcjs.__spreadValues.call(void 0, {
+        ref,
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+          "input",
+          ghost && "input-ghost",
+          color && `input-${color}`,
+          inputSize && `input-${inputSize}`,
+          className
+        )
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+var InputGroup = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["children", "className"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, { ref, className: _chunk7HHY2WDFcjs.cn.call(void 0, "input", className) }, props), { children }));
+  }
+);
+InputGroup.displayName = "InputGroup";
+
+
+
+
+exports.Input = Input; exports.InputGroup = InputGroup;

package/dist/chunk-4DCBYM74.js

@@ -0,0 +1,42 @@
+"use client";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "./chunk-NJKWNMJF.js";
+
+// src/base/input.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Input = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, color, inputSize, ghost } = _b, props = __objRest(_b, ["className", "color", "inputSize", "ghost"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        ref,
+        className: cn(
+          "input",
+          ghost && "input-ghost",
+          color && `input-${color}`,
+          inputSize && `input-${inputSize}`,
+          className
+        )
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+var InputGroup = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+    return /* @__PURE__ */ jsx("label", __spreadProps(__spreadValues({ ref, className: cn("input", className) }, props), { children }));
+  }
+);
+InputGroup.displayName = "InputGroup";
+
+export {
+  Input,
+  InputGroup
+};

package/dist/chunk-54N6HTQV.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/modal.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Modal = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { children, className, closeOnBackdrop = true, placement, boxClassName } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["children", "className", "closeOnBackdrop", "placement", "boxClassName"]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "dialog",
+      _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, {
+        ref,
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "modal", placement && `modal-${placement}`, className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "modal-box", boxClassName), children }),
+          closeOnBackdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { method: "dialog", className: "modal-backdrop", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { children: "esc" }) })
+        ]
+      })
+    );
+  }
+);
+Modal.displayName = "Modal";
+function useModal() {
+  const ref = _react.useRef.call(void 0, null);
+  const open = _react.useCallback.call(void 0, () => {
+    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 = _react.useCallback.call(void 0, () => {
+    var _a;
+    return (_a = ref.current) == null ? void 0 : _a.close();
+  }, []);
+  return { ref, open, close };
+}
+
+
+
+
+exports.Modal = Modal; exports.useModal = useModal;

package/dist/chunk-7HHY2WDF.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return inputs.filter(Boolean).join(" ");
+}
+
+
+
+
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.cn = cn;

package/dist/chunk-ACEM5N2Y.cjs

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/toggle.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Toggle = _react.forwardRef.call(void 0, 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 = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, [
+    "color",
+    "size",
+    "label",
+    "description",
+    "indeterminate",
+    "containerClassName",
+    "labelClassName",
+    "descriptionClassName",
+    "className",
+    "disabled",
+    "checked",
+    "defaultChecked",
+    "onChange"
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (indeterminate && ref) {
+      const input = ref.current;
+      if (input) input.indeterminate = true;
+    }
+  }, [ref, indeterminate]);
+  const toggleEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    _chunk7HHY2WDFcjs.__spreadValues.call(void 0, {
+      ref,
+      type: "checkbox",
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, `toggle-${color}`, `toggle-${size}`, className),
+      disabled,
+      checked,
+      defaultChecked,
+      onChange,
+      "data-indeterminate": indeterminate
+    }, props)
+  );
+  if (!label) return toggleEl;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "label",
+    {
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+        "flex items-start gap-3",
+        disabled && "cursor-not-allowed opacity-50",
+        containerClassName
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center pt-0.5", children: toggleEl }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "text-base-content cursor-pointer", labelClassName), children: label }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "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] = _react.useState.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "label",
+    {
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+        "flex items-center gap-3",
+        item.disabled && "cursor-not-allowed opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "checkbox",
+            className: _chunk7HHY2WDFcjs.cn.call(void 0, `toggle-${color}`, `toggle-${size}`),
+            checked: selectedValues.includes(item.value),
+            disabled: item.disabled,
+            onChange: () => !item.disabled && toggle(item.value)
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content cursor-pointer", children: item.label })
+      ]
+    },
+    item.value
+  )) });
+}
+
+
+
+
+exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup;

package/dist/chunk-BCJ3FW3Y.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/theme-controller.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function applyTheme(theme) {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("dark", theme === "dark");
+  }
+}
+function useApplyThemeOnMount(theme) {
+  const applied = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    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] = _react.useState.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: children({ isDark: checked, checked, toggle: handleChange }) });
+  }
+  const toggleEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      type: "checkbox",
+      className: _chunk7HHY2WDFcjs.cn.call(void 0, "toggle theme-controller", `toggle-${size}`),
+      checked,
+      value: darkTheme,
+      onChange: (e) => handleChange(e.target.checked)
+    }
+  );
+  if (!label) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: toggleEl });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: _chunk7HHY2WDFcjs.cn.call(void 0, "flex cursor-pointer items-center gap-3", className), children: [
+    toggleEl,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base-content", children: label })
+  ] });
+}
+
+
+
+exports.ThemeControllerToggle = ThemeControllerToggle;

package/dist/chunk-EJCGJCVK.cjs

@@ -0,0 +1,89 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunk7HHY2WDFcjs = require('./chunk-7HHY2WDF.cjs');
+
+// src/base/dropdown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Dropdown = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { className, align = "start", disabled = false, trigger, children, menuClassName } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["className", "align", "disabled", "trigger", "children", "menuClassName"]);
+    const detailsRef = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      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__ */ _jsxruntime.jsxs.call(void 0, 
+      "details",
+      _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, {
+        ref: (el) => {
+          detailsRef.current = el;
+          if (typeof ref === "function") ref(el);
+          else if (ref) ref.current = el;
+        },
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, "relative", disabled && "pointer-events-none opacity-50", className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "summary", { className: "cursor-pointer", style: { listStyle: "none" }, children: trigger }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "ul",
+            {
+              className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+                "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 = _react.forwardRef.call(void 0, 
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["className", "children"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "li",
+      _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, {
+        ref,
+        className: _chunk7HHY2WDFcjs.cn.call(void 0, 
+          "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 = _react.forwardRef.call(void 0, (_a, ref) => {
+  var _b = _a, { className, children, href } = _b, props = _chunk7HHY2WDFcjs.__objRest.call(void 0, _b, ["className", "children", "href"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "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__ */ _jsxruntime.jsx.call(void 0, "a", _chunk7HHY2WDFcjs.__spreadProps.call(void 0, _chunk7HHY2WDFcjs.__spreadValues.call(void 0, { ref, href, className: _chunk7HHY2WDFcjs.cn.call(void 0, "text-inherit no-underline", className) }, props), { children }))
+    }
+  );
+});
+DropdownLink.displayName = "DropdownLink";
+
+
+
+
+
+exports.Dropdown = Dropdown; exports.DropdownItem = DropdownItem; exports.DropdownLink = DropdownLink;