@docubook/ui-react 2.0.0-alpha.2 → 2.0.0-beta.2

package/dist/chunk-CNOJNKZ2.js

@@ -1,89 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-GRADTONK.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 transition-colors outline-none",
-          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 transition-colors outline-none",
-      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-FQQILPIP.js

@@ -1,133 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/collapse.tsx
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Collapse({
-  title,
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  variant = "arrow",
-  className,
-  titleClassName,
-  contentClassName,
-  disabled = false
-}) {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-  const handleToggle = () => {
-    if (disabled) return;
-    const next = !isOpen;
-    setIsOpen(next);
-    onOpenChange == null ? void 0 : onOpenChange(next);
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "bg-base-100 border-base-200 collapse rounded-lg border",
-        isOpen && "collapse-open",
-        !isOpen && "collapse-close",
-        variant === "arrow" ? "collapse-arrow" : "collapse-plus",
-        disabled && "cursor-not-allowed opacity-50",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: isOpen,
-            onChange: handleToggle,
-            disabled,
-            "aria-expanded": isOpen
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "collapse-title text-base-content cursor-pointer font-medium",
-              titleClassName
-            ),
-            onClick: handleToggle,
-            role: "button",
-            tabIndex: disabled ? -1 : 0,
-            onKeyDown: (e) => {
-              if (!disabled && (e.key === "Enter" || e.key === " ")) {
-                e.preventDefault();
-                handleToggle();
-              }
-            },
-            children: title
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: cn("collapse-content text-base-content/80", contentClassName), children })
-      ]
-    }
-  );
-}
-function Accordion({
-  items,
-  defaultOpen,
-  variant = "arrow",
-  className,
-  allowMultiple = false
-}) {
-  const [openIds, setOpenIds] = useState(
-    defaultOpen ? /* @__PURE__ */ new Set([defaultOpen]) : /* @__PURE__ */ new Set()
-  );
-  const toggle = (id) => {
-    setOpenIds((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) {
-        next.delete(id);
-      } else {
-        if (!allowMultiple) next.clear();
-        next.add(id);
-      }
-      return next;
-    });
-  };
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "bg-base-100 border-base-200 collapse rounded-lg border",
-        openIds.has(item.id) && "collapse-open",
-        !openIds.has(item.id) && "collapse-close",
-        variant === "arrow" ? "collapse-arrow" : "collapse-plus"
-      ),
-      children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: openIds.has(item.id), onChange: () => toggle(item.id) }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "collapse-title text-base-content cursor-pointer font-medium",
-            onClick: () => toggle(item.id),
-            role: "button",
-            tabIndex: 0,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                toggle(item.id);
-              }
-            },
-            children: item.title
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "collapse-content text-base-content/80", children: item.content })
-      ]
-    },
-    item.id
-  )) });
-}
-var collapse_default = Collapse;
-
-export {
-  Collapse,
-  Accordion,
-  collapse_default
-};

package/dist/chunk-GRADTONK.js

@@ -1,45 +0,0 @@
-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
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  __spreadValues,
-  __spreadProps,
-  __objRest,
-  cn
-};

package/dist/chunk-HTH2UTCL.cjs

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.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 = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className", "closeOnBackdrop", "placement", "boxClassName"]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "dialog",
-      _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
-        ref,
-        className: _chunk2DFF5NELcjs.cn.call(void 0, "modal", placement && `modal-${placement}`, className)
-      }, props), {
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk2DFF5NELcjs.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-MWJV72OM.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.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 = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["className", "color", "inputSize", "ghost"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
-        ref,
-        className: _chunk2DFF5NELcjs.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 = _chunk2DFF5NELcjs.__objRest.call(void 0, _b, ["children", "className"]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", _chunk2DFF5NELcjs.__spreadProps.call(void 0, _chunk2DFF5NELcjs.__spreadValues.call(void 0, { ref, className: _chunk2DFF5NELcjs.cn.call(void 0, "input", className) }, props), { children }));
-  }
-);
-InputGroup.displayName = "InputGroup";
-
-
-
-
-exports.Input = Input; exports.InputGroup = InputGroup;

package/dist/chunk-ND7BTYGG.js

@@ -1,123 +0,0 @@
-import {
-  __objRest,
-  __spreadValues,
-  cn
-} from "./chunk-GRADTONK.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-OGI5BHGM.js

@@ -1,25 +0,0 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-
-// src/base/breadcrumbs.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
-function Breadcrumb({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("breadcrumbs text-sm", className), children: /* @__PURE__ */ jsx("ul", { children }) });
-}
-function BreadcrumbItem({ children, className }) {
-  return /* @__PURE__ */ jsx("li", { className: cn(className), children });
-}
-function BreadcrumbPage({ children, className }) {
-  return /* @__PURE__ */ jsx("span", { className: cn(className), children });
-}
-function BreadcrumbList({ children }) {
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-
-export {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbPage,
-  BreadcrumbList
-};

package/dist/chunk-OO3HHTPV.cjs

@@ -1,123 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _chunk2DFF5NELcjs = require('./chunk-2DFF5NEL.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 = _chunk2DFF5NELcjs.__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",
-    _chunk2DFF5NELcjs.__spreadValues.call(void 0, {
-      ref,
-      type: "checkbox",
-      className: _chunk2DFF5NELcjs.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: _chunk2DFF5NELcjs.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: _chunk2DFF5NELcjs.cn.call(void 0, "text-base-content cursor-pointer", labelClassName), children: label }),
-          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk2DFF5NELcjs.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: _chunk2DFF5NELcjs.cn.call(void 0, "flex flex-col gap-3", className), children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "label",
-    {
-      className: _chunk2DFF5NELcjs.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: _chunk2DFF5NELcjs.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;