reykit 1.0.252 → 1.0.254

package/dist/src/component/Base.d.ts

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
+export type Language = 'en' | 'zh';
 export type CoverContextParams = {
     isCovering: boolean;
     setIsCovering: (value: boolean) => void;
 };
+export declare const useDefaultLanguage: () => Language, setDefaultLanguage: (newValue: Language) => void;
 /**
  * Create cover component and hook.
  *

package/dist/src/component/index.d.ts

@@ -7,7 +7,7 @@
 import * as ui from './ui';
 export { ui };
 export { TextBadges } from './Badge';
-export { type CoverContextParams, createCover, Loading, useLoading } from './Base';
+export { type Language, type CoverContextParams, useDefaultLanguage, setDefaultLanguage, createCover, Loading, useLoading } from './Base';
 export { type BreadcrumbDict, Breadcrumb } from './Breadcrumb';
 export { CycleButton, ScrollToTopButton } from './Button';
 export { Form } from './Form';

package/dist/src/component/ui/index.d.ts

@@ -52,6 +52,7 @@ import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia,
 import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants } from './field';
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants } from './empty';
 import { SidebarProvider, SidebarInset, SidebarTrigger, Sidebar, SidebarRail, SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator, SidebarInput, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuSkeleton, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, sidebarMenuButtonVariants, useSidebar } from './sidebar';
+import { JsonViewer } from './json-viewer';
 import * as icon from './icon';
 /**
  * Hook of return popup box component dictionary by media inquiries.
@@ -69,4 +70,4 @@ declare function usePopupBox(): {
     } & PreviewCardPrimitive.Trigger.Props) => import("react/jsx-runtime").JSX.Element;
     PopupBoxContent: typeof HoverCardContent;
 };
-export { icon, Link, Button, buttonVariants, Badge, badgeVariants, Label, Input, Textarea, Checkbox, RadioGroup, RadioGroupItem, Switch, Toggle, toggleVariants, Kbd, Progress, Slider, Calendar, Spinner, Separator, Skeleton, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ToggleGroup, ToggleGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Collapsible, CollapsibleContent, CollapsibleTrigger, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, alertVariants, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, HoverCard, HoverCardContent, HoverCardTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toaster, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, ScrollArea, ScrollBar, AspectRatio, ResizableHandle, ResizablePanel, ResizablePanelGroup, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSeparator, ItemTitle, itemVariants, itemMediaVariants, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, SidebarProvider, SidebarInset, SidebarTrigger, Sidebar, SidebarRail, SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator, SidebarInput, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuSkeleton, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, sidebarMenuButtonVariants, useSidebar, usePopupBox };
+export { icon, Link, Button, buttonVariants, Badge, badgeVariants, Label, Input, Textarea, Checkbox, RadioGroup, RadioGroupItem, Switch, Toggle, toggleVariants, Kbd, Progress, Slider, Calendar, Spinner, Separator, Skeleton, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, ToggleGroup, ToggleGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Collapsible, CollapsibleContent, CollapsibleTrigger, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, alertVariants, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, HoverCard, HoverCardContent, HoverCardTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Toaster, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, ScrollArea, ScrollBar, AspectRatio, ResizableHandle, ResizablePanel, ResizablePanelGroup, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSeparator, ItemTitle, itemVariants, itemMediaVariants, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, SidebarProvider, SidebarInset, SidebarTrigger, Sidebar, SidebarRail, SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator, SidebarInput, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuSkeleton, SidebarMenuItem, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, sidebarMenuButtonVariants, JsonViewer, useSidebar, usePopupBox };

package/dist/src/component/ui/json-viewer.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Button } from './button';
+interface JsonViewerProps {
+    data: Record<string, any>;
+    className?: string;
+    truncation?: Partial<TruncationSettings>;
+    showLineNumbers?: boolean;
+    showColorIndent?: boolean;
+    collapseOn?: 'click' | 'doubleClick';
+    defaultExpanded?: boolean | number;
+    title?: string;
+    language?: 'en' | 'zh';
+}
+interface TruncationSettings {
+    enabled: boolean;
+    itemsPerArray: number;
+}
+declare function JsonViewer({ data, className, truncation: truncationProp, showLineNumbers, showColorIndent, collapseOn, defaultExpanded, title, language }: JsonViewerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton({ value, className, variant, language, ...props }: React.ComponentProps<typeof Button> & {
+    value: string;
+    src?: string;
+    language?: 'en' | 'zh';
+}): import("react/jsx-runtime").JSX.Element;
+export { JsonViewer };

package/dist/src/lib/react.d.ts

@@ -41,17 +41,17 @@ export declare function useCount(start?: number, step?: number, stop?: number, l
  */
 export declare function useIndex(array: any[], loop?: boolean): [number, () => void];
 /**
- * Force update render.
+ * Hook of force update render.
  */
 export declare function useRender(): () => void;
 /**
- * Whether is mobile client.
+ * Hook of whether is mobile client.
  *
  * @returns Judgement.
  */
 export declare function useIsMobile(): boolean;
 /**
- * Get value by client type.
+ * Hook of get value by client type.
  *
  * @param mobileValue - Value of mobile client.
  * @param value - Value of non mobile client.
@@ -59,10 +59,17 @@ export declare function useIsMobile(): boolean;
  */
 export declare function useValueByMobile<Value, MobileValue>(mobileValue: MobileValue, value: Value): Value | MobileValue;
 /**
- * Execute after rendering or effecting.
+ * Hook of execute after rendering or effecting.
  *
  * @param func - Execute function.
  * @param deps - Effect dependency list.
  * @param args - Execute arguments.
  */
 export declare function useExec<T extends any[]>(func: (...args: T) => any | Promise<any>, deps?: DependencyList, args?: T): void;
+/**
+ * Get state value that can be updated externally.
+ *
+ * @param initialValue - Initial state value.
+ * @returns Get state value hook function and set state value general function.
+ */
+export declare function createExternalState<State>(initialValue: State): [() => State, (newValue: State) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "reykit",
-    "version": "1.0.252",
+    "version": "1.0.254",
     "description": "General-purpose JavaScript utility method package.",
     "author": "reyxbo",
     "keywords": [