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

package/dist/base/breadcrumbs.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+export interface BreadcrumbProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface BreadcrumbItemProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function Breadcrumb({ children, className }: BreadcrumbProps): import("react").JSX.Element;
+export declare function BreadcrumbItem({ children, className }: BreadcrumbItemProps): import("react").JSX.Element;
+export declare function BreadcrumbPage({ children, className }: BreadcrumbItemProps): import("react").JSX.Element;
+export declare function BreadcrumbList({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/{collapse.d.ts → base/collapse.d.ts}

@@ -1,6 +1,4 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
+import { type ReactNode } from "react";
 type CollapseVariant = "arrow" | "plus";
 interface CollapseProps {
     title: ReactNode;
@@ -13,7 +11,7 @@ interface CollapseProps {
     contentClassName?: string;
     disabled?: boolean;
 }
-declare function Collapse({ title, children, defaultOpen, onOpenChange, variant, className, titleClassName, contentClassName, disabled, }: CollapseProps): react.JSX.Element;
+export declare function Collapse({ title, children, defaultOpen, onOpenChange, variant, className, titleClassName, contentClassName, disabled, }: CollapseProps): import("react").JSX.Element;
 interface AccordionItem {
     id: string;
     title: ReactNode;
@@ -26,6 +24,6 @@ interface AccordionProps {
     className?: string;
     allowMultiple?: boolean;
 }
-declare function Accordion({ items, defaultOpen, variant, className, allowMultiple, }: AccordionProps): react.JSX.Element;
-
-export { Accordion, type AccordionItem, type AccordionProps, Collapse, type CollapseProps, type CollapseVariant, Collapse as default };
+export declare function Accordion({ items, defaultOpen, variant, className, allowMultiple, }: AccordionProps): import("react").JSX.Element;
+export type { CollapseProps, CollapseVariant, AccordionItem, AccordionProps };
+export default Collapse;

package/dist/base/drawer.d.ts

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

package/dist/base/dropdown.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface DropdownProps extends HTMLAttributes<HTMLDetailsElement> {
+    align?: "start" | "end";
+    disabled?: boolean;
+    trigger?: ReactNode;
+    children?: ReactNode;
+    menuClassName?: string;
+}
+export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDetailsElement>>;
+export interface DropdownItemProps extends HTMLAttributes<HTMLLIElement> {
+    children?: ReactNode;
+}
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare const DropdownLink: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
+    href?: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/base/input.d.ts

@@ -0,0 +1,14 @@
+import type { Color, Size } from "../utils/types";
+type InputColor = Color;
+type InputSize = Size | "xl";
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    color?: InputColor;
+    inputSize?: InputSize;
+    ghost?: boolean;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+interface InputGroupProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    children: React.ReactNode;
+}
+export declare const InputGroup: import("react").ForwardRefExoticComponent<InputGroupProps & import("react").RefAttributes<HTMLLabelElement>>;
+export type { InputProps, InputGroupProps, InputColor, InputSize };

package/dist/base/kbd.d.ts

@@ -0,0 +1,39 @@
+import type { Size } from "../utils/types";
+type KbdSize = Size | "xl";
+interface KbdProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    size?: KbdSize;
+}
+export declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLElement>>;
+export type { KbdProps, KbdSize };
+type IconComponent = React.ComponentType<{
+    size?: number;
+}>;
+export interface FnKeyIcons {
+    Command?: IconComponent;
+    Option?: IconComponent;
+    ArrowBigUp?: IconComponent;
+    CircleArrowOutUpLeft?: IconComponent;
+    Space?: IconComponent;
+    Delete?: IconComponent;
+    ArrowRightToLine?: IconComponent;
+    ChevronUp?: IconComponent;
+    ChevronDown?: IconComponent;
+    ChevronLeft?: IconComponent;
+    ChevronRight?: IconComponent;
+}
+export declare const FnKey: {
+    configure(icons: FnKeyIcons): void;
+    Cmd: () => import("react").JSX.Element;
+    Option: () => import("react").JSX.Element;
+    Ctrl: () => import("react").JSX.Element;
+    Shift: () => import("react").JSX.Element;
+    Esc: () => import("react").JSX.Element;
+    Space: () => import("react").JSX.Element;
+    Delete: () => import("react").JSX.Element;
+    Tab: () => import("react").JSX.Element;
+    Up: () => import("react").JSX.Element;
+    Down: () => import("react").JSX.Element;
+    Left: () => import("react").JSX.Element;
+    Right: () => import("react").JSX.Element;
+};

package/dist/base/modal.d.ts

@@ -0,0 +1,14 @@
+import type { Placement } from "../utils/types";
+interface ModalProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+    children: React.ReactNode;
+    closeOnBackdrop?: boolean;
+    placement?: Placement;
+    boxClassName?: string;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDialogElement>>;
+export declare function useModal(): {
+    ref: import("react").RefObject<HTMLDialogElement | null>;
+    open: () => void;
+    close: () => void | undefined;
+};
+export type { ModalProps };

package/dist/base/navbar.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode, CSSProperties } from "react";
+export interface NavbarProps {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface LogoProps {
+    src?: string;
+    alt?: string;
+    text?: string;
+    href?: string;
+    className?: string;
+}
+export interface NavMenuItem {
+    title: string;
+    href: string;
+    isExternal?: boolean;
+}
+export interface NavMenuProps {
+    items: NavMenuItem[];
+    activePath?: string;
+    className?: string;
+}
+export declare function Navbar({ id, children, className, style }: NavbarProps): import("react").JSX.Element;
+export declare function Logo({ src, alt, text, href, className }: LogoProps): import("react").JSX.Element;
+export declare function NavMenu({ items, activePath, className }: NavMenuProps): import("react").JSX.Element;
+export declare function NavMenuLink({ item, isActive, className, }: {
+    item: NavMenuItem;
+    isActive?: boolean;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/base/pagination.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export interface PaginationDocsProps {
+    prev?: {
+        href: string;
+        title: string;
+    };
+    next?: {
+        href: string;
+        title: string;
+        description?: string;
+    };
+    className?: string;
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+    linkClassName?: string;
+}
+export declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): import("react").JSX.Element;

package/dist/base/theme-controller.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { Size } from "../utils/types";
+export interface ThemeControllerToggleProps {
+    defaultTheme?: string;
+    lightTheme?: string;
+    darkTheme?: string;
+    onThemeChange?: (theme: string) => void;
+    className?: string;
+    label?: ReactNode;
+    size?: Size;
+    children?: (state: {
+        isDark: boolean;
+        checked: boolean;
+        toggle: (checked: boolean) => void;
+    }) => ReactNode;
+}
+export declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): import("react").JSX.Element;

package/dist/{toggle.d.ts → base/toggle.d.ts}

@@ -1,7 +1,5 @@
-import * as react from 'react';
-import { InputHTMLAttributes, ReactNode } from 'react';
-import { C as Color, a as Size } from './types-BZI5Cv8-.js';
-
+import type { InputHTMLAttributes, ReactNode } from "react";
+import type { Color, Size } from "../utils/types";
 type ToggleColor = Color;
 type ToggleSize = Size;
 interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
@@ -14,7 +12,7 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"
     labelClassName?: string;
     descriptionClassName?: string;
 }
-declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
+declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
 interface ToggleGroupItem {
     value: string;
     label: ReactNode;
@@ -30,6 +28,6 @@ interface ToggleGroupProps {
     controlled?: boolean;
     className?: string;
 }
-declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react.JSX.Element;
-
-export { Toggle, type ToggleColor, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleSize };
+export declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): import("react").JSX.Element;
+export { Toggle };
+export type { ToggleProps, ToggleGroupProps, ToggleGroupItem, ToggleColor, ToggleSize };

package/dist/breadcrumbs.js

@@ -1,13 +1,28 @@
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbList,
-  BreadcrumbPage
-} from "./chunk-OGI5BHGM.js";
-import "./chunk-GRADTONK.js";
-export {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbList,
-  BreadcrumbPage
-};
+import { cn as e } from "./cn.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/base/breadcrumbs.tsx
+function r({ children: t, className: r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("breadcrumbs text-sm", r),
+		children: /* @__PURE__ */ n("ul", { children: t })
+	});
+}
+function i({ children: t, className: r }) {
+	return /* @__PURE__ */ n("li", {
+		className: e(r),
+		children: t
+	});
+}
+function a({ children: t, className: r }) {
+	return /* @__PURE__ */ n("span", {
+		className: e(r),
+		children: t
+	});
+}
+function o({ children: e }) {
+	return /* @__PURE__ */ n(t, { children: e });
+}
+//#endregion
+export { r as Breadcrumb, i as BreadcrumbItem, o as BreadcrumbList, a as BreadcrumbPage };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../src/base/breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport interface BreadcrumbProps {\n  children: ReactNode;\n  className?: string;\n}\nexport interface BreadcrumbItemProps {\n  children: ReactNode;\n  className?: string;\n}\n\nexport function Breadcrumb({ children, className }: BreadcrumbProps) {\n  return (\n    <div className={cn(\"breadcrumbs text-sm\", className)}>\n      <ul>{children}</ul>\n    </div>\n  );\n}\n\nexport function BreadcrumbItem({ children, className }: BreadcrumbItemProps) {\n  return <li className={cn(className)}>{children}</li>;\n}\n\nexport function BreadcrumbPage({ children, className }: BreadcrumbItemProps) {\n  return <span className={cn(className)}>{children}</span>;\n}\n\nexport function BreadcrumbList({ children }: { children: React.ReactNode }) {\n  return <>{children}</>;\n}\n"],"mappings":";;;AAYA,SAAgB,EAAW,EAAE,aAAU,gBAA8B;CACnE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,uBAAuB,CAAS;EACjD,UAAA,kBAAC,MAAD,EAAK,YAAa,CAAA;CACf,CAAA;AAET;AAEA,SAAgB,EAAe,EAAE,aAAU,gBAAkC;CAC3E,OAAO,kBAAC,MAAD;EAAI,WAAW,EAAG,CAAS;EAAI;CAAa,CAAA;AACrD;AAEA,SAAgB,EAAe,EAAE,aAAU,gBAAkC;CAC3E,OAAO,kBAAC,QAAD;EAAM,WAAW,EAAG,CAAS;EAAI;CAAe,CAAA;AACzD;AAEA,SAAgB,EAAe,EAAE,eAA2C;CAC1E,OAAO,kBAAA,GAAA,EAAG,YAAW,CAAA;AACvB"}

package/dist/cn.js

@@ -1,6 +1,10 @@
-import {
-  cn
-} from "./chunk-GRADTONK.js";
-export {
-  cn
-};
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/utils/cn.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };
+
+//# sourceMappingURL=cn.js.map

package/dist/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,EAAG,GAAG,GAA8B;CAClD,OAAO,EAAQ,EAAK,CAAM,CAAC;AAC7B"}

package/dist/collapse.js

@@ -1,12 +1,77 @@
 "use client";
-import {
-  Accordion,
-  Collapse,
-  collapse_default
-} from "./chunk-FQQILPIP.js";
-import "./chunk-GRADTONK.js";
-export {
-  Accordion,
-  Collapse,
-  collapse_default as default
-};
+import { cn as e } from "./cn.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/base/collapse.tsx
+function i({ title: i, children: a, defaultOpen: o = !1, onOpenChange: s, variant: c = "arrow", className: l, titleClassName: u, contentClassName: d, disabled: f = !1 }) {
+	let [p, m] = t(o), h = () => {
+		if (f) return;
+		let e = !p;
+		m(e), s?.(e);
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e("bg-base-100 border-base-200 collapse rounded-lg border", p && "collapse-open", !p && "collapse-close", c === "arrow" ? "collapse-arrow" : "collapse-plus", f && "cursor-not-allowed opacity-50", l),
+		children: [
+			/* @__PURE__ */ n("input", {
+				type: "checkbox",
+				checked: p,
+				onChange: h,
+				disabled: f,
+				"aria-expanded": p
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e("collapse-title text-base-content cursor-pointer font-medium", u),
+				onClick: h,
+				role: "button",
+				tabIndex: f ? -1 : 0,
+				onKeyDown: (e) => {
+					!f && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+				},
+				children: i
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e("collapse-content text-base-content/80", d),
+				children: a
+			})
+		]
+	});
+}
+function a({ items: i, defaultOpen: a, variant: o = "arrow", className: s, allowMultiple: c = !1 }) {
+	let [l, u] = t(a ? /* @__PURE__ */ new Set([a]) : /* @__PURE__ */ new Set()), d = (e) => {
+		u((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : (c || n.clear(), n.add(e)), n;
+		});
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e("flex flex-col gap-3", s),
+		children: i.map((t) => /* @__PURE__ */ r("div", {
+			className: e("bg-base-100 border-base-200 collapse rounded-lg border", l.has(t.id) && "collapse-open", !l.has(t.id) && "collapse-close", o === "arrow" ? "collapse-arrow" : "collapse-plus"),
+			children: [
+				/* @__PURE__ */ n("input", {
+					type: "checkbox",
+					checked: l.has(t.id),
+					onChange: () => d(t.id)
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "collapse-title text-base-content cursor-pointer font-medium",
+					onClick: () => d(t.id),
+					role: "button",
+					tabIndex: 0,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(t.id));
+					},
+					children: t.title
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "collapse-content text-base-content/80",
+					children: t.content
+				})
+			]
+		}, t.id))
+	});
+}
+//#endregion
+export { a as Accordion, i as Collapse, i as default };
+
+//# sourceMappingURL=collapse.js.map

package/dist/collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.js","names":[],"sources":["../src/base/collapse.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn\";\nimport { useState, type ReactNode } from \"react\";\n\ntype CollapseVariant = \"arrow\" | \"plus\";\n\ninterface CollapseProps {\n  title: ReactNode;\n  children: ReactNode;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  variant?: CollapseVariant;\n  className?: string;\n  titleClassName?: string;\n  contentClassName?: string;\n  disabled?: boolean;\n}\n\nexport function Collapse({\n  title,\n  children,\n  defaultOpen = false,\n  onOpenChange,\n  variant = \"arrow\",\n  className,\n  titleClassName,\n  contentClassName,\n  disabled = false,\n}: CollapseProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n\n  const handleToggle = () => {\n    if (disabled) return;\n    const next = !isOpen;\n    setIsOpen(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <div\n      className={cn(\n        \"bg-base-100 border-base-200 collapse rounded-lg border\",\n        isOpen && \"collapse-open\",\n        !isOpen && \"collapse-close\",\n        variant === \"arrow\" ? \"collapse-arrow\" : \"collapse-plus\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        className\n      )}\n    >\n      <input\n        type=\"checkbox\"\n        checked={isOpen}\n        onChange={handleToggle}\n        disabled={disabled}\n        aria-expanded={isOpen}\n      />\n      <div\n        className={cn(\n          \"collapse-title text-base-content cursor-pointer font-medium\",\n          titleClassName\n        )}\n        onClick={handleToggle}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        onKeyDown={(e) => {\n          if (!disabled && (e.key === \"Enter\" || e.key === \" \")) {\n            e.preventDefault();\n            handleToggle();\n          }\n        }}\n      >\n        {title}\n      </div>\n      <div className={cn(\"collapse-content text-base-content/80\", contentClassName)}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\ninterface AccordionItem {\n  id: string;\n  title: ReactNode;\n  content: ReactNode;\n}\n\ninterface AccordionProps {\n  items: AccordionItem[];\n  defaultOpen?: string;\n  variant?: CollapseVariant;\n  className?: string;\n  allowMultiple?: boolean;\n}\n\nexport function Accordion({\n  items,\n  defaultOpen,\n  variant = \"arrow\",\n  className,\n  allowMultiple = false,\n}: AccordionProps) {\n  const [openIds, setOpenIds] = useState<Set<string>>(\n    defaultOpen ? new Set([defaultOpen]) : new Set()\n  );\n\n  const toggle = (id: string) => {\n    setOpenIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        if (!allowMultiple) next.clear();\n        next.add(id);\n      }\n      return next;\n    });\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-3\", className)}>\n      {items.map((item) => (\n        <div\n          key={item.id}\n          className={cn(\n            \"bg-base-100 border-base-200 collapse rounded-lg border\",\n            openIds.has(item.id) && \"collapse-open\",\n            !openIds.has(item.id) && \"collapse-close\",\n            variant === \"arrow\" ? \"collapse-arrow\" : \"collapse-plus\"\n          )}\n        >\n          <input type=\"checkbox\" checked={openIds.has(item.id)} onChange={() => toggle(item.id)} />\n          <div\n            className=\"collapse-title text-base-content cursor-pointer font-medium\"\n            onClick={() => toggle(item.id)}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                toggle(item.id);\n              }\n            }}\n          >\n            {item.title}\n          </div>\n          <div className=\"collapse-content text-base-content/80\">{item.content}</div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport type { CollapseProps, CollapseVariant, AccordionItem, AccordionProps };\nexport default Collapse;\n"],"mappings":";;;;;AAmBA,SAAgB,EAAS,EACvB,UACA,aACA,iBAAc,IACd,iBACA,aAAU,SACV,cACA,mBACA,qBACA,cAAW,MACK;CAChB,IAAM,CAAC,GAAQ,KAAa,EAAS,CAAW,GAE1C,UAAqB;EACzB,IAAI,GAAU;EACd,IAAM,IAAO,CAAC;EAEd,AADA,EAAU,CAAI,GACd,IAAe,CAAI;CACrB;CAEA,OACE,kBAAC,OAAD;EACE,WAAW,EACT,0DACA,KAAU,iBACV,CAAC,KAAU,kBACX,MAAY,UAAU,mBAAmB,iBACzC,KAAY,iCACZ,CACF;EARF,UAAA;GAUE,kBAAC,SAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU;IACA;IACV,iBAAe;GAChB,CAAA;GACD,kBAAC,OAAD;IACE,WAAW,EACT,+DACA,CACF;IACA,SAAS;IACT,MAAK;IACL,UAAU,IAAW,KAAK;IAC1B,YAAY,MAAM;KAChB,AAAI,CAAC,MAAa,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC/C,EAAE,eAAe,GACjB,EAAa;IAEjB;IAEC,UAAA;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAG,yCAAyC,CAAgB;IACzE;GACE,CAAA;EACF;;AAET;AAgBA,SAAgB,EAAU,EACxB,UACA,gBACA,aAAU,SACV,cACA,mBAAgB,MACC;CACjB,IAAM,CAAC,GAAS,KAAc,EAC5B,oBAAc,IAAI,IAAI,CAAC,CAAW,CAAC,oBAAI,IAAI,IAAI,CACjD,GAEM,KAAU,MAAe;EAC7B,GAAY,MAAS;GACnB,IAAM,IAAO,IAAI,IAAI,CAAI;GAOzB,OANI,EAAK,IAAI,CAAE,IACb,EAAK,OAAO,CAAE,KAET,KAAe,EAAK,MAAM,GAC/B,EAAK,IAAI,CAAE,IAEN;EACT,CAAC;CACH;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,uBAAuB,CAAS;EAChD,UAAA,EAAM,KAAK,MACV,kBAAC,OAAD;GAEE,WAAW,EACT,0DACA,EAAQ,IAAI,EAAK,EAAE,KAAK,iBACxB,CAAC,EAAQ,IAAI,EAAK,EAAE,KAAK,kBACzB,MAAY,UAAU,mBAAmB,eAC3C;GAPF,UAAA;IASE,kBAAC,SAAD;KAAO,MAAK;KAAW,SAAS,EAAQ,IAAI,EAAK,EAAE;KAAG,gBAAgB,EAAO,EAAK,EAAE;IAAI,CAAA;IACxF,kBAAC,OAAD;KACE,WAAU;KACV,eAAe,EAAO,EAAK,EAAE;KAC7B,MAAK;KACL,UAAU;KACV,YAAY,MAAM;MAChB,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAO,EAAK,EAAE;KAElB;KAEC,UAAA,EAAK;IACH,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;KAAyC,UAAA,EAAK;IAAa,CAAA;GACvE;EAxBE,GAAA,EAAK,EAwBP,CACN;CACE,CAAA;AAET"}

package/dist/drawer.js

@@ -1,16 +1,70 @@
 "use client";
-import {
-  Drawer,
-  DrawerContent,
-  DrawerSidePanel,
-  DrawerTrigger,
-  useDrawerState
-} from "./chunk-OTJGG73E.js";
-import "./chunk-GRADTONK.js";
-export {
-  Drawer,
-  DrawerContent,
-  DrawerSidePanel,
-  DrawerTrigger,
-  useDrawerState
-};
+import { cn as e } from "./cn.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/base/drawer.tsx
+function i({ id: i, children: a, defaultOpen: o = !1, side: s = "left", breakpoint: c = "lg", withOverlay: l = !0, overlayClassName: u, sideClassName: d, contentClassName: f, className: p }) {
+	let [m, h] = t(o);
+	return /* @__PURE__ */ r("div", {
+		className: e("drawer", c && `${c}:drawer-open`, s === "right" && "drawer-end", p),
+		children: [
+			/* @__PURE__ */ n("input", {
+				id: i,
+				type: "checkbox",
+				className: "drawer-toggle",
+				checked: m,
+				onChange: () => h(!m),
+				"aria-label": "Toggle drawer"
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e("drawer-content flex flex-col", f),
+				children: a
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e("drawer-side", d),
+				children: l && /* @__PURE__ */ n("label", {
+					htmlFor: i,
+					"aria-label": "Close sidebar",
+					className: e("drawer-overlay", u),
+					onClick: () => h(!1)
+				})
+			})
+		]
+	});
+}
+function a(e = !1) {
+	let [n, r] = t(e);
+	return {
+		isOpen: n,
+		open: () => r(!0),
+		close: () => r(!1),
+		toggle: () => r((e) => !e)
+	};
+}
+function o({ drawerId: t, children: r, className: i }) {
+	return /* @__PURE__ */ n("label", {
+		htmlFor: t,
+		className: e("label cursor-pointer", i),
+		children: r
+	});
+}
+function s({ id: t, children: i, side: a = "left", withOverlay: o = !0, overlayClassName: s, className: c }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("drawer-side", a === "right" && "drawer-end", c),
+		children: [o && /* @__PURE__ */ n("label", {
+			htmlFor: t,
+			"aria-label": "Close sidebar",
+			className: e("drawer-overlay", s)
+		}), i]
+	});
+}
+function c({ children: t, className: r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("drawer-content", r),
+		children: t
+	});
+}
+//#endregion
+export { i as Drawer, c as DrawerContent, s as DrawerSidePanel, o as DrawerTrigger, a as useDrawerState };
+
+//# sourceMappingURL=drawer.js.map

package/dist/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":[],"sources":["../src/base/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils/cn\";\nimport { useState, type ReactNode } from \"react\";\nimport type { Side } from \"../utils/types\";\n\ninterface DrawerProps {\n  id: string;\n  children: ReactNode;\n  defaultOpen?: boolean;\n  side?: Side;\n  breakpoint?: string;\n  withOverlay?: boolean;\n  overlayClassName?: string;\n  sideClassName?: string;\n  contentClassName?: string;\n  className?: string;\n}\n\nexport function Drawer({\n  id,\n  children,\n  defaultOpen = false,\n  side = \"left\",\n  breakpoint = \"lg\",\n  withOverlay = true,\n  overlayClassName,\n  sideClassName,\n  contentClassName,\n  className,\n}: DrawerProps) {\n  const [isOpen, setIsOpen] = useState(defaultOpen);\n  return (\n    <div\n      className={cn(\n        \"drawer\",\n        breakpoint && `${breakpoint}:drawer-open`,\n        side === \"right\" && \"drawer-end\",\n        className\n      )}\n    >\n      <input\n        id={id}\n        type=\"checkbox\"\n        className=\"drawer-toggle\"\n        checked={isOpen}\n        onChange={() => setIsOpen(!isOpen)}\n        aria-label=\"Toggle drawer\"\n      />\n      <div className={cn(\"drawer-content flex flex-col\", contentClassName)}>{children}</div>\n      <div className={cn(\"drawer-side\", sideClassName)}>\n        {withOverlay && (\n          <label\n            htmlFor={id}\n            aria-label=\"Close sidebar\"\n            className={cn(\"drawer-overlay\", overlayClassName)}\n            onClick={() => setIsOpen(false)}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function useDrawerState(initialState = false) {\n  const [isOpen, setIsOpen] = useState(initialState);\n  return {\n    isOpen,\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n    toggle: () => setIsOpen((prev) => !prev),\n  };\n}\n\ninterface DrawerTriggerProps {\n  drawerId: string;\n  children: ReactNode;\n  className?: string;\n}\n\nexport function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps) {\n  return (\n    <label htmlFor={drawerId} className={cn(\"label cursor-pointer\", className)}>\n      {children}\n    </label>\n  );\n}\n\ninterface DrawerSidePanelProps {\n  id: string;\n  children: ReactNode;\n  side?: Side;\n  withOverlay?: boolean;\n  overlayClassName?: string;\n  className?: string;\n}\n\nexport function DrawerSidePanel({\n  id,\n  children,\n  side = \"left\",\n  withOverlay = true,\n  overlayClassName,\n  className,\n}: DrawerSidePanelProps) {\n  return (\n    <div className={cn(\"drawer-side\", side === \"right\" && \"drawer-end\", className)}>\n      {withOverlay && (\n        <label\n          htmlFor={id}\n          aria-label=\"Close sidebar\"\n          className={cn(\"drawer-overlay\", overlayClassName)}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n\nexport function DrawerContent({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return <div className={cn(\"drawer-content\", className)}>{children}</div>;\n}\n\nexport type { DrawerProps, DrawerTriggerProps, DrawerSidePanelProps };\n"],"mappings":";;;;;AAmBA,SAAgB,EAAO,EACrB,OACA,aACA,iBAAc,IACd,UAAO,QACP,gBAAa,MACb,iBAAc,IACd,qBACA,kBACA,qBACA,gBACc;CACd,IAAM,CAAC,GAAQ,KAAa,EAAS,CAAW;CAChD,OACE,kBAAC,OAAD;EACE,WAAW,EACT,UACA,KAAc,GAAG,EAAW,eAC5B,MAAS,WAAW,cACpB,CACF;EANF,UAAA;GAQE,kBAAC,SAAD;IACM;IACJ,MAAK;IACL,WAAU;IACV,SAAS;IACT,gBAAgB,EAAU,CAAC,CAAM;IACjC,cAAW;GACZ,CAAA;GACD,kBAAC,OAAD;IAAK,WAAW,EAAG,gCAAgC,CAAgB;IAAI;GAAc,CAAA;GACrF,kBAAC,OAAD;IAAK,WAAW,EAAG,eAAe,CAAa;IAC5C,UAAA,KACC,kBAAC,SAAD;KACE,SAAS;KACT,cAAW;KACX,WAAW,EAAG,kBAAkB,CAAgB;KAChD,eAAe,EAAU,EAAK;IAC/B,CAAA;GAEA,CAAA;EACF;;AAET;AAEA,SAAgB,EAAe,IAAe,IAAO;CACnD,IAAM,CAAC,GAAQ,KAAa,EAAS,CAAY;CACjD,OAAO;EACL;EACA,YAAY,EAAU,EAAI;EAC1B,aAAa,EAAU,EAAK;EAC5B,cAAc,GAAW,MAAS,CAAC,CAAI;CACzC;AACF;AAQA,SAAgB,EAAc,EAAE,aAAU,aAAU,gBAAiC;CACnF,OACE,kBAAC,SAAD;EAAO,SAAS;EAAU,WAAW,EAAG,wBAAwB,CAAS;EACtE;CACI,CAAA;AAEX;AAWA,SAAgB,EAAgB,EAC9B,OACA,aACA,UAAO,QACP,iBAAc,IACd,qBACA,gBACuB;CACvB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,MAAS,WAAW,cAAc,CAAS;EAA7E,UAAA,CACG,KACC,kBAAC,SAAD;GACE,SAAS;GACT,cAAW;GACX,WAAW,EAAG,kBAAkB,CAAgB;EACjD,CAAA,GAEF,CACE;;AAET;AAEA,SAAgB,EAAc,EAC5B,aACA,gBAIC;CACD,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,CAAS;EAAI;CAAc,CAAA;AACzE"}

package/dist/dropdown.js

@@ -1,12 +1,53 @@
 "use client";
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownLink
-} from "./chunk-CNOJNKZ2.js";
-import "./chunk-GRADTONK.js";
-export {
-  Dropdown,
-  DropdownItem,
-  DropdownLink
-};
+import { cn as e } from "./cn.js";
+import { forwardRef as t, useEffect as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/base/dropdown.tsx
+var o = t(({ className: t, align: o = "start", disabled: s = !1, trigger: c, children: l, menuClassName: u, ...d }, f) => {
+	let p = r(null);
+	return n(() => {
+		let e = (e) => {
+			p.current && !p.current.contains(e.target) && (p.current.open = !1);
+		};
+		return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+	}, []), /* @__PURE__ */ a("details", {
+		ref: (e) => {
+			p.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+		},
+		className: e("relative", s && "pointer-events-none opacity-50", t),
+		...d,
+		children: [/* @__PURE__ */ i("summary", {
+			className: "cursor-pointer",
+			style: { listStyle: "none" },
+			children: c
+		}), /* @__PURE__ */ i("ul", {
+			className: e("bg-base-100 rounded-box border-base-300 absolute z-50 mt-1 min-w-[240px] space-y-1 border p-2 shadow-lg", o === "end" ? "right-0" : "left-0", u),
+			children: l
+		})]
+	});
+});
+o.displayName = "Dropdown";
+var s = t(({ className: t, children: n, ...r }, a) => /* @__PURE__ */ i("li", {
+	ref: a,
+	className: e("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", t),
+	role: "menuitem",
+	...r,
+	children: n
+}));
+s.displayName = "DropdownItem";
+var c = t(({ className: t, children: n, href: r, ...a }, o) => /* @__PURE__ */ i("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__ */ i("a", {
+		ref: o,
+		href: r,
+		className: e("text-inherit no-underline", t),
+		...a,
+		children: n
+	})
+}));
+c.displayName = "DropdownLink";
+//#endregion
+export { o as Dropdown, s as DropdownItem, c as DropdownLink };
+
+//# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","names":[],"sources":["../src/base/dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, type ReactNode, forwardRef, useRef, useEffect } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport interface DropdownProps extends HTMLAttributes<HTMLDetailsElement> {\n  align?: \"start\" | \"end\";\n  disabled?: boolean;\n  trigger?: ReactNode;\n  children?: ReactNode;\n  menuClassName?: string;\n}\n\nexport const Dropdown = forwardRef<HTMLDetailsElement, DropdownProps>(\n  (\n    { className, align = \"start\", disabled = false, trigger, children, menuClassName, ...props },\n    ref\n  ) => {\n    const detailsRef = useRef<HTMLDetailsElement>(null);\n\n    useEffect(() => {\n      const handler = (e: MouseEvent) => {\n        if (detailsRef.current && !detailsRef.current.contains(e.target as Node)) {\n          detailsRef.current.open = false;\n        }\n      };\n      document.addEventListener(\"click\", handler);\n      return () => document.removeEventListener(\"click\", handler);\n    }, []);\n\n    return (\n      <details\n        ref={(el) => {\n          (detailsRef as React.MutableRefObject<HTMLDetailsElement | null>).current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        className={cn(\"relative\", disabled && \"pointer-events-none opacity-50\", className)}\n        {...props}\n      >\n        <summary className=\"cursor-pointer\" style={{ listStyle: \"none\" }}>\n          {trigger}\n        </summary>\n        <ul\n          className={cn(\n            \"bg-base-100 rounded-box border-base-300 absolute z-50 mt-1 min-w-[240px] space-y-1 border p-2 shadow-lg\",\n            align === \"end\" ? \"right-0\" : \"left-0\",\n            menuClassName\n          )}\n        >\n          {children}\n        </ul>\n      </details>\n    );\n  }\n);\nDropdown.displayName = \"Dropdown\";\n\nexport interface DropdownItemProps extends HTMLAttributes<HTMLLIElement> {\n  children?: ReactNode;\n}\n\nexport const DropdownItem = forwardRef<HTMLLIElement, DropdownItemProps>(\n  ({ className, children, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\n        \"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\",\n        className\n      )}\n      role=\"menuitem\"\n      {...props}\n    >\n      {children}\n    </li>\n  )\n);\nDropdownItem.displayName = \"DropdownItem\";\n\nexport const DropdownLink = forwardRef<\n  HTMLAnchorElement,\n  HTMLAttributes<HTMLAnchorElement> & { href?: string }\n>(({ className, children, href, ...props }, ref) => (\n  <li\n    role=\"menuitem\"\n    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\"\n  >\n    <a ref={ref} href={href} className={cn(\"text-inherit no-underline\", className)} {...props}>\n      {children}\n    </a>\n  </li>\n));\nDropdownLink.displayName = \"DropdownLink\";\n"],"mappings":";;;;;AAaA,IAAa,IAAW,GAEpB,EAAE,cAAW,WAAQ,SAAS,cAAW,IAAO,YAAS,aAAU,kBAAe,GAAG,KACrF,MACG;CACH,IAAM,IAAa,EAA2B,IAAI;CAYlD,OAVA,QAAgB;EACd,IAAM,KAAW,MAAkB;GACjC,AAAI,EAAW,WAAW,CAAC,EAAW,QAAQ,SAAS,EAAE,MAAc,MACrE,EAAW,QAAQ,OAAO;EAE9B;EAEA,OADA,SAAS,iBAAiB,SAAS,CAAO,SAC7B,SAAS,oBAAoB,SAAS,CAAO;CAC5D,GAAG,CAAC,CAAC,GAGH,kBAAC,WAAD;EACE,MAAM,MAAO;GAEX,AADA,EAAkE,UAAU,GACxE,OAAO,KAAQ,aAAY,EAAI,CAAE,IAC5B,MAAK,EAAI,UAAU;EAC9B;EACA,WAAW,EAAG,YAAY,KAAY,kCAAkC,CAAS;EACjF,GAAI;EAPN,UAAA,CASE,kBAAC,WAAD;GAAS,WAAU;GAAiB,OAAO,EAAE,WAAW,OAAO;GAC5D,UAAA;EACM,CAAA,GACT,kBAAC,MAAD;GACE,WAAW,EACT,2GACA,MAAU,QAAQ,YAAY,UAC9B,CACF;GAEC;EACC,CAAA,CACG;;AAEb,CACF;AACA,EAAS,cAAc;AAMvB,IAAa,IAAe,GACzB,EAAE,cAAW,aAAU,GAAG,KAAS,MAClC,kBAAC,MAAD;CACO;CACL,WAAW,EACT,2KACA,CACF;CACA,MAAK;CACL,GAAI;CAEH;AACC,CAAA,CAER;AACA,EAAa,cAAc;AAE3B,IAAa,IAAe,GAGzB,EAAE,cAAW,aAAU,SAAM,GAAG,KAAS,MAC1C,kBAAC,MAAD;CACE,MAAK;CACL,WAAU;CAEV,UAAA,kBAAC,KAAD;EAAQ;EAAW;EAAM,WAAW,EAAG,6BAA6B,CAAS;EAAG,GAAI;EACjF;CACA,CAAA;AACD,CAAA,CACL;AACD,EAAa,cAAc"}