@docubook/ui-react 2.0.0-beta.0 → 2.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/base/breadcrumbs.d.ts +15 -0
  2. package/dist/{collapse.d.ts → base/collapse.d.ts} +5 -7
  3. package/dist/base/drawer.d.ts +41 -0
  4. package/dist/base/dropdown.d.ts +16 -0
  5. package/dist/base/input.d.ts +14 -0
  6. package/dist/base/kbd.d.ts +39 -0
  7. package/dist/base/modal.d.ts +14 -0
  8. package/dist/base/navbar.d.ts +32 -0
  9. package/dist/base/pagination.d.ts +17 -0
  10. package/dist/base/theme-controller.d.ts +17 -0
  11. package/dist/{toggle.d.ts → base/toggle.d.ts} +6 -8
  12. package/dist/breadcrumbs.js +28 -13
  13. package/dist/breadcrumbs.js.map +1 -0
  14. package/dist/cn.js +10 -6
  15. package/dist/cn.js.map +1 -0
  16. package/dist/collapse.js +76 -11
  17. package/dist/collapse.js.map +1 -0
  18. package/dist/drawer.js +69 -15
  19. package/dist/drawer.js.map +1 -0
  20. package/dist/dropdown.js +52 -11
  21. package/dist/dropdown.js.map +1 -0
  22. package/dist/index.d.ts +23 -15
  23. package/dist/index.js +13 -84
  24. package/dist/input.js +21 -9
  25. package/dist/input.js.map +1 -0
  26. package/dist/kbd.js +74 -8
  27. package/dist/kbd.js.map +1 -0
  28. package/dist/modal.js +34 -9
  29. package/dist/modal.js.map +1 -0
  30. package/dist/navbar.js +53 -13
  31. package/dist/navbar.js.map +1 -0
  32. package/dist/pagination.js +60 -7
  33. package/dist/pagination.js.map +1 -0
  34. package/dist/theme-controller.js +50 -7
  35. package/dist/theme-controller.js.map +1 -0
  36. package/dist/toggle.js +65 -9
  37. package/dist/toggle.js.map +1 -0
  38. package/dist/utils/cn.d.ts +2 -0
  39. package/dist/utils/types.d.ts +4 -0
  40. package/package.json +46 -111
  41. package/dist/breadcrumbs.cjs +0 -13
  42. package/dist/breadcrumbs.d.cts +0 -19
  43. package/dist/breadcrumbs.d.ts +0 -19
  44. package/dist/chunk-2DFF5NEL.cjs +0 -45
  45. package/dist/chunk-5SA5UPFQ.cjs +0 -66
  46. package/dist/chunk-5UVG5YY5.js +0 -49
  47. package/dist/chunk-6B7U7IWT.cjs +0 -53
  48. package/dist/chunk-BHHZBMD4.cjs +0 -101
  49. package/dist/chunk-CK4TY6B7.cjs +0 -89
  50. package/dist/chunk-CNOJNKZ2.js +0 -89
  51. package/dist/chunk-FQQILPIP.js +0 -133
  52. package/dist/chunk-GRADTONK.js +0 -45
  53. package/dist/chunk-HTH2UTCL.cjs +0 -49
  54. package/dist/chunk-MWJV72OM.cjs +0 -41
  55. package/dist/chunk-ND7BTYGG.js +0 -123
  56. package/dist/chunk-OGI5BHGM.js +0 -25
  57. package/dist/chunk-OO3HHTPV.cjs +0 -123
  58. package/dist/chunk-OTJGG73E.js +0 -101
  59. package/dist/chunk-PFRBA5BH.js +0 -66
  60. package/dist/chunk-QOGH6NKS.js +0 -45
  61. package/dist/chunk-RDRDPR67.cjs +0 -25
  62. package/dist/chunk-REZ4W4BZ.cjs +0 -92
  63. package/dist/chunk-RXFYKKNI.js +0 -53
  64. package/dist/chunk-SV4L2FGT.cjs +0 -133
  65. package/dist/chunk-SX6DOGUE.js +0 -41
  66. package/dist/chunk-TDFVUBGO.cjs +0 -45
  67. package/dist/chunk-WY6GLRTT.js +0 -92
  68. package/dist/cn.cjs +0 -6
  69. package/dist/cn.d.cts +0 -5
  70. package/dist/cn.d.ts +0 -5
  71. package/dist/collapse.cjs +0 -12
  72. package/dist/collapse.d.cts +0 -31
  73. package/dist/drawer.cjs +0 -16
  74. package/dist/drawer.d.cts +0 -44
  75. package/dist/drawer.d.ts +0 -44
  76. package/dist/dropdown.cjs +0 -12
  77. package/dist/dropdown.d.cts +0 -20
  78. package/dist/dropdown.d.ts +0 -20
  79. package/dist/index.cjs +0 -84
  80. package/dist/index.d.cts +0 -15
  81. package/dist/input.cjs +0 -10
  82. package/dist/input.d.cts +0 -17
  83. package/dist/input.d.ts +0 -17
  84. package/dist/kbd.cjs +0 -10
  85. package/dist/kbd.d.cts +0 -43
  86. package/dist/kbd.d.ts +0 -43
  87. package/dist/modal.cjs +0 -10
  88. package/dist/modal.d.cts +0 -17
  89. package/dist/modal.d.ts +0 -17
  90. package/dist/navbar.cjs +0 -13
  91. package/dist/navbar.d.cts +0 -36
  92. package/dist/navbar.d.ts +0 -36
  93. package/dist/pagination.cjs +0 -7
  94. package/dist/pagination.d.cts +0 -21
  95. package/dist/pagination.d.ts +0 -21
  96. package/dist/theme-controller.cjs +0 -8
  97. package/dist/theme-controller.d.cts +0 -21
  98. package/dist/theme-controller.d.ts +0 -21
  99. package/dist/toggle.cjs +0 -10
  100. package/dist/toggle.d.cts +0 -35
  101. package/dist/types-BZI5Cv8-.d.cts +0 -6
  102. package/dist/types-BZI5Cv8-.d.ts +0 -6
package/dist/navbar.cjs DELETED
@@ -1,13 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
-
4
-
5
-
6
- var _chunk6B7U7IWTcjs = require('./chunk-6B7U7IWT.cjs');
7
- require('./chunk-2DFF5NEL.cjs');
8
-
9
-
10
-
11
-
12
-
13
- exports.Logo = _chunk6B7U7IWTcjs.Logo; exports.NavMenu = _chunk6B7U7IWTcjs.NavMenu; exports.NavMenuLink = _chunk6B7U7IWTcjs.NavMenuLink; exports.Navbar = _chunk6B7U7IWTcjs.Navbar;
package/dist/navbar.d.cts DELETED
@@ -1,36 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode, CSSProperties } from 'react';
3
-
4
- interface NavbarProps {
5
- id?: string;
6
- children?: ReactNode;
7
- className?: string;
8
- style?: CSSProperties;
9
- }
10
- interface LogoProps {
11
- src?: string;
12
- alt?: string;
13
- text?: string;
14
- href?: string;
15
- className?: string;
16
- }
17
- interface NavMenuItem {
18
- title: string;
19
- href: string;
20
- isExternal?: boolean;
21
- }
22
- interface NavMenuProps {
23
- items: NavMenuItem[];
24
- activePath?: string;
25
- className?: string;
26
- }
27
- declare function Navbar({ id, children, className, style }: NavbarProps): react.JSX.Element;
28
- declare function Logo({ src, alt, text, href, className }: LogoProps): react.JSX.Element;
29
- declare function NavMenu({ items, activePath, className }: NavMenuProps): react.JSX.Element;
30
- declare function NavMenuLink({ item, isActive, className, }: {
31
- item: NavMenuItem;
32
- isActive?: boolean;
33
- className?: string;
34
- }): react.JSX.Element;
35
-
36
- export { Logo, type LogoProps, NavMenu, type NavMenuItem, NavMenuLink, type NavMenuProps, Navbar, type NavbarProps };
package/dist/navbar.d.ts DELETED
@@ -1,36 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode, CSSProperties } from 'react';
3
-
4
- interface NavbarProps {
5
- id?: string;
6
- children?: ReactNode;
7
- className?: string;
8
- style?: CSSProperties;
9
- }
10
- interface LogoProps {
11
- src?: string;
12
- alt?: string;
13
- text?: string;
14
- href?: string;
15
- className?: string;
16
- }
17
- interface NavMenuItem {
18
- title: string;
19
- href: string;
20
- isExternal?: boolean;
21
- }
22
- interface NavMenuProps {
23
- items: NavMenuItem[];
24
- activePath?: string;
25
- className?: string;
26
- }
27
- declare function Navbar({ id, children, className, style }: NavbarProps): react.JSX.Element;
28
- declare function Logo({ src, alt, text, href, className }: LogoProps): react.JSX.Element;
29
- declare function NavMenu({ items, activePath, className }: NavMenuProps): react.JSX.Element;
30
- declare function NavMenuLink({ item, isActive, className, }: {
31
- item: NavMenuItem;
32
- isActive?: boolean;
33
- className?: string;
34
- }): react.JSX.Element;
35
-
36
- export { Logo, type LogoProps, NavMenu, type NavMenuItem, NavMenuLink, type NavMenuProps, Navbar, type NavbarProps };
@@ -1,7 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
- var _chunkREZ4W4BZcjs = require('./chunk-REZ4W4BZ.cjs');
4
- require('./chunk-2DFF5NEL.cjs');
5
-
6
-
7
- exports.PaginationDocs = _chunkREZ4W4BZcjs.PaginationDocs;
@@ -1,21 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode } from 'react';
3
-
4
- interface PaginationDocsProps {
5
- prev?: {
6
- href: string;
7
- title: string;
8
- };
9
- next?: {
10
- href: string;
11
- title: string;
12
- description?: string;
13
- };
14
- className?: string;
15
- prevIcon?: ReactNode;
16
- nextIcon?: ReactNode;
17
- linkClassName?: string;
18
- }
19
- declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react.JSX.Element;
20
-
21
- export { PaginationDocs, type PaginationDocsProps };
@@ -1,21 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode } from 'react';
3
-
4
- interface PaginationDocsProps {
5
- prev?: {
6
- href: string;
7
- title: string;
8
- };
9
- next?: {
10
- href: string;
11
- title: string;
12
- description?: string;
13
- };
14
- className?: string;
15
- prevIcon?: ReactNode;
16
- nextIcon?: ReactNode;
17
- linkClassName?: string;
18
- }
19
- declare function PaginationDocs({ prev, next, className, prevIcon, nextIcon, linkClassName, }: PaginationDocsProps): react.JSX.Element;
20
-
21
- export { PaginationDocs, type PaginationDocsProps };
@@ -1,8 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
-
3
-
4
- var _chunk5SA5UPFQcjs = require('./chunk-5SA5UPFQ.cjs');
5
- require('./chunk-2DFF5NEL.cjs');
6
-
7
-
8
- exports.ThemeControllerToggle = _chunk5SA5UPFQcjs.ThemeControllerToggle;
@@ -1,21 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode } from 'react';
3
- import { a as Size } from './types-BZI5Cv8-.cjs';
4
-
5
- interface ThemeControllerToggleProps {
6
- defaultTheme?: string;
7
- lightTheme?: string;
8
- darkTheme?: string;
9
- onThemeChange?: (theme: string) => void;
10
- className?: string;
11
- label?: ReactNode;
12
- size?: Size;
13
- children?: (state: {
14
- isDark: boolean;
15
- checked: boolean;
16
- toggle: (checked: boolean) => void;
17
- }) => ReactNode;
18
- }
19
- declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react.JSX.Element;
20
-
21
- export { ThemeControllerToggle, type ThemeControllerToggleProps };
@@ -1,21 +0,0 @@
1
- import * as react from 'react';
2
- import { ReactNode } from 'react';
3
- import { a as Size } from './types-BZI5Cv8-.js';
4
-
5
- interface ThemeControllerToggleProps {
6
- defaultTheme?: string;
7
- lightTheme?: string;
8
- darkTheme?: string;
9
- onThemeChange?: (theme: string) => void;
10
- className?: string;
11
- label?: ReactNode;
12
- size?: Size;
13
- children?: (state: {
14
- isDark: boolean;
15
- checked: boolean;
16
- toggle: (checked: boolean) => void;
17
- }) => ReactNode;
18
- }
19
- declare function ThemeControllerToggle({ defaultTheme, lightTheme, darkTheme, onThemeChange, className, label, size, children, }: ThemeControllerToggleProps): react.JSX.Element;
20
-
21
- export { ThemeControllerToggle, type ThemeControllerToggleProps };
package/dist/toggle.cjs DELETED
@@ -1,10 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
-
3
-
4
-
5
- var _chunkOO3HHTPVcjs = require('./chunk-OO3HHTPV.cjs');
6
- require('./chunk-2DFF5NEL.cjs');
7
-
8
-
9
-
10
- exports.Toggle = _chunkOO3HHTPVcjs.Toggle; exports.ToggleGroup = _chunkOO3HHTPVcjs.ToggleGroup;
package/dist/toggle.d.cts DELETED
@@ -1,35 +0,0 @@
1
- import * as react from 'react';
2
- import { InputHTMLAttributes, ReactNode } from 'react';
3
- import { C as Color, a as Size } from './types-BZI5Cv8-.cjs';
4
-
5
- type ToggleColor = Color;
6
- type ToggleSize = Size;
7
- interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
8
- color?: ToggleColor;
9
- size?: ToggleSize;
10
- label?: ReactNode;
11
- description?: ReactNode;
12
- indeterminate?: boolean;
13
- containerClassName?: string;
14
- labelClassName?: string;
15
- descriptionClassName?: string;
16
- }
17
- declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;
18
- interface ToggleGroupItem {
19
- value: string;
20
- label: ReactNode;
21
- disabled?: boolean;
22
- }
23
- interface ToggleGroupProps {
24
- items: ToggleGroupItem[];
25
- value?: string[];
26
- defaultValue?: string[];
27
- onChange?: (value: string[]) => void;
28
- color?: ToggleColor;
29
- size?: ToggleSize;
30
- controlled?: boolean;
31
- className?: string;
32
- }
33
- declare function ToggleGroup({ items, value, defaultValue, onChange, color, size, controlled, className, }: ToggleGroupProps): react.JSX.Element;
34
-
35
- export { Toggle, type ToggleColor, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleProps, type ToggleSize };
@@ -1,6 +0,0 @@
1
- type Size = "xs" | "sm" | "md" | "lg";
2
- type Color = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
3
- type Side = "left" | "right";
4
- type Placement = "top" | "middle" | "bottom";
5
-
6
- export type { Color as C, Placement as P, Side as S, Size as a };
@@ -1,6 +0,0 @@
1
- type Size = "xs" | "sm" | "md" | "lg";
2
- type Color = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
3
- type Side = "left" | "right";
4
- type Placement = "top" | "middle" | "bottom";
5
-
6
- export type { Color as C, Placement as P, Side as S, Size as a };