@docubook/ui-react 0.1.0

package/dist/pagination.d.cts

@@ -0,0 +1,88 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type PaginationSize = "lg" | "md" | "sm" | "xs";
+type PaginationVariant = "default" | "square" | "rounded";
+interface PaginationItemProps {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+    size?: PaginationSize;
+    "aria-label"?: string;
+}
+interface PaginationFullProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    infoClassName?: string;
+}
+interface PaginationDocsProps {
+    prev?: {
+        href: string;
+        title: string;
+    };
+    next?: {
+        href: string;
+        title: string;
+    };
+    className?: string;
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+    linkClassName?: string;
+}
+interface PaginationButtonsProps {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    size?: PaginationSize;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    prevLabel?: string;
+    nextLabel?: string;
+    firstLabel?: string;
+    lastLabel?: string;
+    disabled?: boolean;
+}
+interface PaginationRangeProps {
+    start: number;
+    end: number;
+    total: number;
+    current: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+}
+interface PaginationInfoProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    className?: string;
+    label?: string;
+    showTotal?: boolean;
+}
+declare function getPaginationRange({ totalCount, pageSize, siblingCount, currentPage, }: {
+    totalCount: number;
+    pageSize: number;
+    siblingCount?: number;
+    currentPage: number;
+}): (number | "ellipsis")[];
+declare function PaginationItem({ children, active, disabled, onClick, className, size, "aria-label": ariaLabel, }: PaginationItemProps): react_jsx_runtime.JSX.Element;
+declare function PaginationButtons({ page, totalPages, onPageChange, className, size, showFirstLast, showPrevNext, prevLabel, nextLabel, firstLabel, lastLabel, disabled, }: PaginationButtonsProps): react_jsx_runtime.JSX.Element;
+declare function PaginationRange({ start, end, total, current, onPageChange, siblingCount, className, size, variant, }: PaginationRangeProps): react_jsx_runtime.JSX.Element;
+declare function PaginationInfo({ current, total, pageSize, className, label, showTotal, }: PaginationInfoProps): react_jsx_runtime.JSX.Element;
+declare function PaginationFull({ current, total, pageSize, onPageChange, siblingCount, className, size, variant, showFirstLast, showPrevNext, infoClassName, }: PaginationFullProps): react_jsx_runtime.JSX.Element;
+declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react_jsx_runtime.JSX.Element;
+
+export { PaginationButtons, type PaginationButtonsProps, PaginationDocs, type PaginationDocsProps, PaginationFull, type PaginationFullProps, PaginationInfo, type PaginationInfoProps, PaginationItem, type PaginationItemProps, PaginationRange, type PaginationRangeProps, type PaginationSize, type PaginationVariant, getPaginationRange };

package/dist/pagination.d.ts

@@ -0,0 +1,88 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type PaginationSize = "lg" | "md" | "sm" | "xs";
+type PaginationVariant = "default" | "square" | "rounded";
+interface PaginationItemProps {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+    size?: PaginationSize;
+    "aria-label"?: string;
+}
+interface PaginationFullProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    infoClassName?: string;
+}
+interface PaginationDocsProps {
+    prev?: {
+        href: string;
+        title: string;
+    };
+    next?: {
+        href: string;
+        title: string;
+    };
+    className?: string;
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+    linkClassName?: string;
+}
+interface PaginationButtonsProps {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    className?: string;
+    size?: PaginationSize;
+    showFirstLast?: boolean;
+    showPrevNext?: boolean;
+    prevLabel?: string;
+    nextLabel?: string;
+    firstLabel?: string;
+    lastLabel?: string;
+    disabled?: boolean;
+}
+interface PaginationRangeProps {
+    start: number;
+    end: number;
+    total: number;
+    current: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+    className?: string;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+}
+interface PaginationInfoProps {
+    current: number;
+    total: number;
+    pageSize?: number;
+    className?: string;
+    label?: string;
+    showTotal?: boolean;
+}
+declare function getPaginationRange({ totalCount, pageSize, siblingCount, currentPage, }: {
+    totalCount: number;
+    pageSize: number;
+    siblingCount?: number;
+    currentPage: number;
+}): (number | "ellipsis")[];
+declare function PaginationItem({ children, active, disabled, onClick, className, size, "aria-label": ariaLabel, }: PaginationItemProps): react_jsx_runtime.JSX.Element;
+declare function PaginationButtons({ page, totalPages, onPageChange, className, size, showFirstLast, showPrevNext, prevLabel, nextLabel, firstLabel, lastLabel, disabled, }: PaginationButtonsProps): react_jsx_runtime.JSX.Element;
+declare function PaginationRange({ start, end, total, current, onPageChange, siblingCount, className, size, variant, }: PaginationRangeProps): react_jsx_runtime.JSX.Element;
+declare function PaginationInfo({ current, total, pageSize, className, label, showTotal, }: PaginationInfoProps): react_jsx_runtime.JSX.Element;
+declare function PaginationFull({ current, total, pageSize, onPageChange, siblingCount, className, size, variant, showFirstLast, showPrevNext, infoClassName, }: PaginationFullProps): react_jsx_runtime.JSX.Element;
+declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react_jsx_runtime.JSX.Element;
+
+export { PaginationButtons, type PaginationButtonsProps, PaginationDocs, type PaginationDocsProps, PaginationFull, type PaginationFullProps, PaginationInfo, type PaginationInfoProps, PaginationItem, type PaginationItemProps, PaginationRange, type PaginationRangeProps, type PaginationSize, type PaginationVariant, getPaginationRange };

package/dist/pagination.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import {
+  PaginationButtons,
+  PaginationDocs,
+  PaginationFull,
+  PaginationInfo,
+  PaginationItem,
+  PaginationRange,
+  getPaginationRange
+} from "./chunk-ZMIZV66S.js";
+import "./chunk-NJKWNMJF.js";
+export {
+  PaginationButtons,
+  PaginationDocs,
+  PaginationFull,
+  PaginationInfo,
+  PaginationItem,
+  PaginationRange,
+  getPaginationRange
+};

package/dist/theme-controller.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkBCJ3FW3Ycjs = require('./chunk-BCJ3FW3Y.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+exports.ThemeControllerToggle = _chunkBCJ3FW3Ycjs.ThemeControllerToggle;

package/dist/theme-controller.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { a as Size } from './types-BZI5Cv8-.cjs';
+
+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;
+}
+declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeControllerToggle, type ThemeControllerToggleProps };

package/dist/theme-controller.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { a as Size } from './types-BZI5Cv8-.js';
+
+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;
+}
+declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react_jsx_runtime.JSX.Element;
+
+export { ThemeControllerToggle, type ThemeControllerToggleProps };

package/dist/theme-controller.js

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

package/dist/toggle.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunkACEM5N2Ycjs = require('./chunk-ACEM5N2Y.cjs');
+require('./chunk-7HHY2WDF.cjs');
+
+
+
+exports.Toggle = _chunkACEM5N2Ycjs.Toggle; exports.ToggleGroup = _chunkACEM5N2Ycjs.ToggleGroup;

package/dist/toggle.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { C as Color, a as Size } from './types-BZI5Cv8-.cjs';
+
+type ToggleColor = Color;
+type ToggleSize = Size;
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    color?: ToggleColor;
+    size?: ToggleSize;
+    label?: ReactNode;
+    description?: ReactNode;
+    indeterminate?: boolean;
+    containerClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
+interface ToggleGroupItem {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface ToggleGroupProps {
+    items: ToggleGroupItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    color?: ToggleColor;
+    size?: ToggleSize;
+    controlled?: boolean;
+    className?: string;
+}
+declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+
+export { Toggle, type ToggleColor, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleSize };

package/dist/toggle.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { C as Color, a as Size } from './types-BZI5Cv8-.js';
+
+type ToggleColor = Color;
+type ToggleSize = Size;
+interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    color?: ToggleColor;
+    size?: ToggleSize;
+    label?: ReactNode;
+    description?: ReactNode;
+    indeterminate?: boolean;
+    containerClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+}
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
+interface ToggleGroupItem {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface ToggleGroupProps {
+    items: ToggleGroupItem[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    color?: ToggleColor;
+    size?: ToggleSize;
+    controlled?: boolean;
+    className?: string;
+}
+declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+
+export { Toggle, type ToggleColor, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleSize };

package/dist/toggle.js

@@ -0,0 +1,11 @@
+"use client";
+"use client";
+import {
+  Toggle,
+  ToggleGroup
+} from "./chunk-I4CZWV3M.js";
+import "./chunk-NJKWNMJF.js";
+export {
+  Toggle,
+  ToggleGroup
+};

package/dist/types-BZI5Cv8-.d.cts

@@ -0,0 +1,6 @@
+type Size = "xs" | "sm" | "md" | "lg";
+type Color = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
+type Side = "left" | "right";
+type Placement = "top" | "middle" | "bottom";
+
+export type { Color as C, Placement as P, Side as S, Size as a };

package/dist/types-BZI5Cv8-.d.ts

@@ -0,0 +1,6 @@
+type Size = "xs" | "sm" | "md" | "lg";
+type Color = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
+type Side = "left" | "right";
+type Placement = "top" | "middle" | "bottom";
+
+export type { Color as C, Placement as P, Side as S, Size as a };

package/package.json

@@ -0,0 +1,200 @@
+{
+  "name": "@docubook/ui-react",
+  "version": "0.1.0",
+  "description": "React + DaisyUI component library for documentation sites",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./cn": {
+      "import": {
+        "types": "./dist/cn.d.ts",
+        "default": "./dist/cn.js"
+      },
+      "require": {
+        "types": "./dist/cn.d.cts",
+        "default": "./dist/cn.cjs"
+      }
+    },
+    "./input": {
+      "import": {
+        "types": "./dist/input.d.ts",
+        "default": "./dist/input.js"
+      },
+      "require": {
+        "types": "./dist/input.d.cts",
+        "default": "./dist/input.cjs"
+      }
+    },
+    "./kbd": {
+      "import": {
+        "types": "./dist/kbd.d.ts",
+        "default": "./dist/kbd.js"
+      },
+      "require": {
+        "types": "./dist/kbd.d.cts",
+        "default": "./dist/kbd.cjs"
+      }
+    },
+    "./toggle": {
+      "import": {
+        "types": "./dist/toggle.d.ts",
+        "default": "./dist/toggle.js"
+      },
+      "require": {
+        "types": "./dist/toggle.d.cts",
+        "default": "./dist/toggle.cjs"
+      }
+    },
+    "./dropdown": {
+      "import": {
+        "types": "./dist/dropdown.d.ts",
+        "default": "./dist/dropdown.js"
+      },
+      "require": {
+        "types": "./dist/dropdown.d.cts",
+        "default": "./dist/dropdown.cjs"
+      }
+    },
+    "./modal": {
+      "import": {
+        "types": "./dist/modal.d.ts",
+        "default": "./dist/modal.js"
+      },
+      "require": {
+        "types": "./dist/modal.d.cts",
+        "default": "./dist/modal.cjs"
+      }
+    },
+    "./drawer": {
+      "import": {
+        "types": "./dist/drawer.d.ts",
+        "default": "./dist/drawer.js"
+      },
+      "require": {
+        "types": "./dist/drawer.d.cts",
+        "default": "./dist/drawer.cjs"
+      }
+    },
+    "./collapse": {
+      "import": {
+        "types": "./dist/collapse.d.ts",
+        "default": "./dist/collapse.js"
+      },
+      "require": {
+        "types": "./dist/collapse.d.cts",
+        "default": "./dist/collapse.cjs"
+      }
+    },
+    "./theme-controller": {
+      "import": {
+        "types": "./dist/theme-controller.d.ts",
+        "default": "./dist/theme-controller.js"
+      },
+      "require": {
+        "types": "./dist/theme-controller.d.cts",
+        "default": "./dist/theme-controller.cjs"
+      }
+    },
+    "./navbar": {
+      "import": {
+        "types": "./dist/navbar.d.ts",
+        "default": "./dist/navbar.js"
+      },
+      "require": {
+        "types": "./dist/navbar.d.cts",
+        "default": "./dist/navbar.cjs"
+      }
+    },
+    "./breadcrumbs": {
+      "import": {
+        "types": "./dist/breadcrumbs.d.ts",
+        "default": "./dist/breadcrumbs.js"
+      },
+      "require": {
+        "types": "./dist/breadcrumbs.d.cts",
+        "default": "./dist/breadcrumbs.cjs"
+      }
+    },
+    "./pagination": {
+      "import": {
+        "types": "./dist/pagination.d.ts",
+        "default": "./dist/pagination.js"
+      },
+      "require": {
+        "types": "./dist/pagination.d.cts",
+        "default": "./dist/pagination.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "pnpm run clean && pnpm run build && pnpm run lint && pnpm run typecheck && pnpm run test"
+  },
+  "peerDependencies": {
+    "daisyui": ">=5.0.0 <6.0.0",
+    "lucide-react": ">=1.0.0",
+    "react": ">=18.0.0",
+    "tailwindcss": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "lucide-react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.2.0",
+    "jsdom": "^26.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://docubook.pro/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DocuBook/docubook.git",
+    "directory": "packages/ui/react"
+  },
+  "author": "wildan.nrs",
+  "author-url": "https://wildan.dev",
+  "license": "MIT",
+  "keywords": [
+    "docubook",
+    "documentation",
+    "static-site",
+    "daisyui",
+    "bun",
+    "docs framework",
+    "ui",
+    "tailwindcss"
+  ]
+}