@docubook/ui-react 0.1.3 → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wildan Nursahidan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/breadcrumbs.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 interface BreadcrumbProps {
@@ -9,11 +9,11 @@ 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 Breadcrumb({ children, className }: BreadcrumbProps): react.JSX.Element;
+declare function BreadcrumbItem({ children, className }: BreadcrumbItemProps): react.JSX.Element;
+declare function BreadcrumbPage({ children, className }: BreadcrumbItemProps): react.JSX.Element;
 declare function BreadcrumbList({ children }: {
     children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps };

package/dist/breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 interface BreadcrumbProps {
@@ -9,11 +9,11 @@ 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 Breadcrumb({ children, className }: BreadcrumbProps): react.JSX.Element;
+declare function BreadcrumbItem({ children, className }: BreadcrumbItemProps): react.JSX.Element;
+declare function BreadcrumbPage({ children, className }: BreadcrumbItemProps): react.JSX.Element;
 declare function BreadcrumbList({ children }: {
     children: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbList, BreadcrumbPage, type BreadcrumbProps };

package/dist/collapse.d.cts

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

package/dist/collapse.d.ts

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

package/dist/drawer.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { S as Side } from './types-BZI5Cv8-.cjs';
 
@@ -14,7 +14,7 @@ interface DrawerProps {
     contentClassName?: string;
     className?: string;
 }
-declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react.JSX.Element;
 declare function useDrawerState(initialState?: boolean): {
     isOpen: boolean;
     open: () => void;
@@ -26,7 +26,7 @@ interface DrawerTriggerProps {
     children: ReactNode;
     className?: string;
 }
-declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react.JSX.Element;
 interface DrawerSidePanelProps {
     id: string;
     children: ReactNode;
@@ -35,10 +35,10 @@ interface DrawerSidePanelProps {
     overlayClassName?: string;
     className?: string;
 }
-declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react_jsx_runtime.JSX.Element;
+declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react.JSX.Element;
 declare function DrawerContent({ children, className, }: {
     children: React.ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Drawer, DrawerContent, type DrawerProps, DrawerSidePanel, type DrawerSidePanelProps, DrawerTrigger, type DrawerTriggerProps, useDrawerState };

package/dist/drawer.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { S as Side } from './types-BZI5Cv8-.js';
 
@@ -14,7 +14,7 @@ interface DrawerProps {
     contentClassName?: string;
     className?: string;
 }
-declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ id, children, defaultOpen, side, breakpoint, withOverlay, overlayClassName, sideClassName, contentClassName, className, }: DrawerProps): react.JSX.Element;
 declare function useDrawerState(initialState?: boolean): {
     isOpen: boolean;
     open: () => void;
@@ -26,7 +26,7 @@ interface DrawerTriggerProps {
     children: ReactNode;
     className?: string;
 }
-declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ drawerId, children, className }: DrawerTriggerProps): react.JSX.Element;
 interface DrawerSidePanelProps {
     id: string;
     children: ReactNode;
@@ -35,10 +35,10 @@ interface DrawerSidePanelProps {
     overlayClassName?: string;
     className?: string;
 }
-declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react_jsx_runtime.JSX.Element;
+declare function DrawerSidePanel({ id, children, side, withOverlay, overlayClassName, className, }: DrawerSidePanelProps): react.JSX.Element;
 declare function DrawerContent({ children, className, }: {
     children: React.ReactNode;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Drawer, DrawerContent, type DrawerProps, DrawerSidePanel, type DrawerSidePanelProps, DrawerTrigger, type DrawerTriggerProps, useDrawerState };

package/dist/index.d.cts

@@ -13,4 +13,3 @@ export { PaginationDocs, PaginationDocsProps } from './pagination.cjs';
 import 'clsx';
 import 'react';
 import './types-BZI5Cv8-.cjs';
-import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -13,4 +13,3 @@ export { PaginationDocs, PaginationDocsProps } from './pagination.js';
 import 'clsx';
 import 'react';
 import './types-BZI5Cv8-.js';
-import 'react/jsx-runtime';

package/dist/kbd.d.cts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { a as Size } from './types-BZI5Cv8-.cjs';
 
@@ -27,18 +26,18 @@ interface FnKeyIcons {
 }
 declare const FnKey: {
     configure(icons: FnKeyIcons): void;
-    Cmd: () => react_jsx_runtime.JSX.Element;
-    Option: () => react_jsx_runtime.JSX.Element;
-    Ctrl: () => react_jsx_runtime.JSX.Element;
-    Shift: () => react_jsx_runtime.JSX.Element;
-    Esc: () => react_jsx_runtime.JSX.Element;
-    Space: () => react_jsx_runtime.JSX.Element;
-    Delete: () => react_jsx_runtime.JSX.Element;
-    Tab: () => react_jsx_runtime.JSX.Element;
-    Up: () => react_jsx_runtime.JSX.Element;
-    Down: () => react_jsx_runtime.JSX.Element;
-    Left: () => react_jsx_runtime.JSX.Element;
-    Right: () => react_jsx_runtime.JSX.Element;
+    Cmd: () => react.JSX.Element;
+    Option: () => react.JSX.Element;
+    Ctrl: () => react.JSX.Element;
+    Shift: () => react.JSX.Element;
+    Esc: () => react.JSX.Element;
+    Space: () => react.JSX.Element;
+    Delete: () => react.JSX.Element;
+    Tab: () => react.JSX.Element;
+    Up: () => react.JSX.Element;
+    Down: () => react.JSX.Element;
+    Left: () => react.JSX.Element;
+    Right: () => react.JSX.Element;
 };
 
 export { FnKey, type FnKeyIcons, Kbd, type KbdProps, type KbdSize };

package/dist/kbd.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { a as Size } from './types-BZI5Cv8-.js';
 
@@ -27,18 +26,18 @@ interface FnKeyIcons {
 }
 declare const FnKey: {
     configure(icons: FnKeyIcons): void;
-    Cmd: () => react_jsx_runtime.JSX.Element;
-    Option: () => react_jsx_runtime.JSX.Element;
-    Ctrl: () => react_jsx_runtime.JSX.Element;
-    Shift: () => react_jsx_runtime.JSX.Element;
-    Esc: () => react_jsx_runtime.JSX.Element;
-    Space: () => react_jsx_runtime.JSX.Element;
-    Delete: () => react_jsx_runtime.JSX.Element;
-    Tab: () => react_jsx_runtime.JSX.Element;
-    Up: () => react_jsx_runtime.JSX.Element;
-    Down: () => react_jsx_runtime.JSX.Element;
-    Left: () => react_jsx_runtime.JSX.Element;
-    Right: () => react_jsx_runtime.JSX.Element;
+    Cmd: () => react.JSX.Element;
+    Option: () => react.JSX.Element;
+    Ctrl: () => react.JSX.Element;
+    Shift: () => react.JSX.Element;
+    Esc: () => react.JSX.Element;
+    Space: () => react.JSX.Element;
+    Delete: () => react.JSX.Element;
+    Tab: () => react.JSX.Element;
+    Up: () => react.JSX.Element;
+    Down: () => react.JSX.Element;
+    Left: () => react.JSX.Element;
+    Right: () => react.JSX.Element;
 };
 
 export { FnKey, type FnKeyIcons, Kbd, type KbdProps, type KbdSize };

package/dist/navbar.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 
 interface NavbarProps {
@@ -24,13 +24,13 @@ interface NavMenuProps {
     activePath?: string;
     className?: string;
 }
-declare function Navbar({ id, children, className, style }: NavbarProps): react_jsx_runtime.JSX.Element;
-declare function Logo({ src, alt, text, href, className }: LogoProps): react_jsx_runtime.JSX.Element;
-declare function NavMenu({ items, activePath, className }: NavMenuProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ id, children, className, style }: NavbarProps): react.JSX.Element;
+declare function Logo({ src, alt, text, href, className }: LogoProps): react.JSX.Element;
+declare function NavMenu({ items, activePath, className }: NavMenuProps): react.JSX.Element;
 declare function NavMenuLink({ item, isActive, className, }: {
     item: NavMenuItem;
     isActive?: boolean;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Logo, type LogoProps, NavMenu, type NavMenuItem, NavMenuLink, type NavMenuProps, Navbar, type NavbarProps };

package/dist/navbar.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 
 interface NavbarProps {
@@ -24,13 +24,13 @@ interface NavMenuProps {
     activePath?: string;
     className?: string;
 }
-declare function Navbar({ id, children, className, style }: NavbarProps): react_jsx_runtime.JSX.Element;
-declare function Logo({ src, alt, text, href, className }: LogoProps): react_jsx_runtime.JSX.Element;
-declare function NavMenu({ items, activePath, className }: NavMenuProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ id, children, className, style }: NavbarProps): react.JSX.Element;
+declare function Logo({ src, alt, text, href, className }: LogoProps): react.JSX.Element;
+declare function NavMenu({ items, activePath, className }: NavMenuProps): react.JSX.Element;
 declare function NavMenuLink({ item, isActive, className, }: {
     item: NavMenuItem;
     isActive?: boolean;
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
 export { Logo, type LogoProps, NavMenu, type NavMenuItem, NavMenuLink, type NavMenuProps, Navbar, type NavbarProps };

package/dist/pagination.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 interface PaginationDocsProps {
@@ -15,6 +15,6 @@ interface PaginationDocsProps {
     nextIcon?: ReactNode;
     linkClassName?: string;
 }
-declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react_jsx_runtime.JSX.Element;
+declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react.JSX.Element;
 
 export { PaginationDocs, type PaginationDocsProps };

package/dist/pagination.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 interface PaginationDocsProps {
@@ -15,6 +15,6 @@ interface PaginationDocsProps {
     nextIcon?: ReactNode;
     linkClassName?: string;
 }
-declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react_jsx_runtime.JSX.Element;
+declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react.JSX.Element;
 
 export { PaginationDocs, type PaginationDocsProps };

package/dist/theme-controller.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { a as Size } from './types-BZI5Cv8-.cjs';
 
@@ -16,6 +16,6 @@ interface ThemeControllerToggleProps {
         toggle: (checked: boolean) => void;
     }) => ReactNode;
 }
-declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react_jsx_runtime.JSX.Element;
+declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react.JSX.Element;
 
 export { ThemeControllerToggle, type ThemeControllerToggleProps };

package/dist/theme-controller.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 import { a as Size } from './types-BZI5Cv8-.js';
 
@@ -16,6 +16,6 @@ interface ThemeControllerToggleProps {
         toggle: (checked: boolean) => void;
     }) => ReactNode;
 }
-declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react_jsx_runtime.JSX.Element;
+declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react.JSX.Element;
 
 export { ThemeControllerToggle, type ThemeControllerToggleProps };

package/dist/toggle.d.cts

@@ -1,4 +1,3 @@
-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';
@@ -31,6 +30,6 @@ interface ToggleGroupProps {
     controlled?: boolean;
     className?: string;
 }
-declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+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 };

package/dist/toggle.d.ts

@@ -1,4 +1,3 @@
-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';
@@ -31,6 +30,6 @@ interface ToggleGroupProps {
     controlled?: boolean;
     className?: string;
 }
-declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docubook/ui-react",
-  "version": "0.1.3",
+  "version": "1.0.0",
   "description": "React + DaisyUI component library for documentation sites",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -143,16 +143,6 @@
     "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",
@@ -173,7 +163,7 @@
     "react-dom": "^19.2.0",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.8"
   },
   "publishConfig": {
     "access": "public"
@@ -200,5 +190,14 @@
   "dependencies": {
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.6.1"
+  },
+  "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"
   }
-}
+}