@hanzo/ui 4.5.3 → 4.6.0

package/dist/primitives/carousel.jsx

@@ -1,106 +0,0 @@
-'use client';
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { ArrowLeft, ArrowRight } from 'lucide-react';
-import { cn } from '../util';
-import Button from './button';
-const CarouselContext = React.createContext(null);
-const useCarousel = () => {
-    const service = React.useContext(CarouselContext);
-    if (!service) {
-        throw new Error('useCarousel must be used within a <Carousel />');
-    }
-    return service;
-};
-// https://github.com/emilkowalski/vaul/pull/250
-// See data-vaul-no-drag throughout
-const Carousel = React.forwardRef(({ orientation = 'horizontal', options, setApi, plugins, className, children, onCarouselSelect, ...props }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel({ ...options, axis: orientation === 'horizontal' ? 'x' : 'y' }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api) {
-            return;
-        } // would this ever happen??
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-        if (onCarouselSelect) {
-            onCarouselSelect(api);
-        }
-    }, []);
-    const scrollPrev = React.useCallback(() => { api?.scrollPrev(); }, [api]);
-    const scrollNext = React.useCallback(() => { api?.scrollNext(); }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === 'ArrowLeft') {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === 'ArrowRight') {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(() => {
-        if (!api || !setApi) {
-            return;
-        }
-        setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-        if (!api) {
-            return;
-        }
-        onSelect(api);
-        api.on('reInit', onSelect);
-        api.on('select', onSelect);
-        return () => { api?.off('select', onSelect); };
-    }, [api, onSelect]);
-    return (<CarouselContext.Provider value={{
-            carouselRef,
-            api,
-            options,
-            orientation: orientation || (options?.axis === 'y' ? 'vertical' : 'horizontal'),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-        }}>
-        <div ref={ref} onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role='region' aria-roledescription='carousel' data-vaul-no-drag {...props}>
-          {children}
-        </div>
-      </CarouselContext.Provider>);
-});
-Carousel.displayName = 'Carousel';
-const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
-    const { carouselRef, orientation } = useCarousel();
-    return (<div ref={carouselRef} className='overflow-hidden' data-vaul-no-drag>
-      <div ref={ref} className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props}/>
-    </div>);
-});
-CarouselContent.displayName = 'CarouselContent';
-const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
-    const { orientation } = useCarousel();
-    return (<div ref={ref} role='group' aria-roledescription='slide' data-vaul-no-drag className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)} {...props}/>);
-});
-CarouselItem.displayName = 'CarouselItem';
-const CarouselPrevious = React.forwardRef(({ className, variant = 'ghost', size = 'icon', ...props }, ref) => {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (<Button ref={ref} variant={variant} size={size} className={cn('absolute  h-8 w-8 rounded-full', orientation === 'horizontal'
-            ? '-left-12 top-1/2 -translate-y-1/2'
-            : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className)} disabled={!canScrollPrev} onClick={scrollPrev} {...props}>
-      <ArrowLeft className='h-4 w-4'/>
-      <span className='sr-only'>Previous slide</span>
-    </Button>);
-});
-CarouselPrevious.displayName = 'CarouselPrevious';
-const CarouselNext = React.forwardRef(({ className, variant = 'ghost', size = 'icon', ...props }, ref) => {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (<Button ref={ref} variant={variant} size={size} className={cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal'
-            ? '-right-12 top-1/2 -translate-y-1/2'
-            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className)} disabled={!canScrollNext} onClick={scrollNext} {...props}>
-      <ArrowRight className='h-4 w-4'/>
-      <span className='sr-only'>Next slide</span>
-    </Button>);
-});
-CarouselNext.displayName = 'CarouselNext';
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/primitives/checkbox.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default Checkbox;

package/dist/primitives/checkbox.jsx

@@ -1,15 +0,0 @@
-'use client';
-import React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check } from 'lucide-react';
-import { cn } from '../util';
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (<CheckboxPrimitive.Root ref={ref} className={cn('peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background ' +
-        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ' +
-        'focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ' +
-        'data-[state=checked]:bg-primary data-[state=checked]:text-primary-fg', className)} {...props}>
-    <CheckboxPrimitive.Indicator className={cn('flex items-center justify-center text-current')}>
-      <Check className='h-4 w-4'/>
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export default Checkbox;

package/dist/primitives/combobox.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import type ListAdaptor from './list-adaptor';
-interface ComboboxTriggerProps<T> {
-    current: T | null;
-    currentLabel: string | null;
-    imageUrl: string | null;
-    placeholder?: string;
-    buttonClx?: string;
-    imageClx?: string;
-    disabled?: boolean;
-    imageSize?: number;
-    noChevron?: boolean;
-    open: boolean;
-}
-declare const Combobox: <T, P extends ComboboxTriggerProps<T>>({ elements, initial, current, setCurrent, closeOnSelect, adaptor, popoverClx, listItemClx, listItemSelectedClx, listItemDisabledClx, noCheckmark, listItemImageClx, searchPlaceholder, noneFoundMessage, listItemImageSize, noSearch, popoverAlign, popoverSideOffset, Trigger, triggerProps }: {
-    elements: T[];
-    initial?: T | null;
-    current?: T | null;
-    setCurrent: (c: T | null) => void;
-    closeOnSelect?: boolean;
-    adaptor: ListAdaptor<T>;
-    popoverClx?: string;
-    listItemClx?: string;
-    listItemSelectedClx?: string;
-    listItemDisabledClx?: string;
-    listItemImageClx?: string;
-    listItemImageSize?: number;
-    noCheckmark?: boolean;
-    searchPlaceholder?: string;
-    noneFoundMessage?: string;
-    noSearch?: boolean;
-    popoverAlign?: "center" | "end" | "start";
-    popoverSideOffset?: number;
-    /** If (custom) Trigger is not supplied,
-     * passed to default trigger */
-    triggerProps: P;
-    Trigger?: <T_1, P_1>(props: P_1 & {
-        ref?: React.ForwardedRef<HTMLButtonElement>;
-    }) => React.ReactNode;
-}) => React.JSX.Element;
-export { Combobox as default, type ComboboxTriggerProps };

package/dist/primitives/combobox.jsx

@@ -1,77 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-import { Check, ChevronDown } from 'lucide-react';
-import { cn } from '../util';
-import Button from './button';
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './command';
-import { Popover, PopoverContent, PopoverTrigger, } from './popover';
-const DEFAULT_IMAGE_SIZE = 32;
-const DefaultTriggerInner = ({ current, currentLabel, imageUrl, buttonClx = '', imageClx = '', placeholder = '(select)', disabled = false, imageSize = DEFAULT_IMAGE_SIZE, noChevron = false, open, ...rest }, ref) => (<Button ref={ref} {...rest} variant='outline' role='combobox' aria-expanded={open} className={cn('flex', noChevron ? 'justify-start' : 'justify-between', buttonClx)} disabled={disabled}>
-    <div className='flex justify-start items-center gap-2'>
-    {(current && imageUrl) ? (<img src={imageUrl} alt={currentLabel + ' image'} height={imageSize} width={imageSize} loading="eager" className={cn('block', imageClx)}/>) : (<div style={{ width: imageSize, height: imageSize }}/>)}
-      <span className='block'>{currentLabel}</span>
-    </div>
-    {!noChevron && (<ChevronDown className={cn('block', open ? '' : 'opacity-50')}/>)}
-  </Button>);
-const DefaultTrigger = React.forwardRef(DefaultTriggerInner);
-const Combobox = ({ elements, initial, current, setCurrent, closeOnSelect = true, adaptor, popoverClx = '', listItemClx = '', listItemSelectedClx = '', listItemDisabledClx = '', noCheckmark = false, listItemImageClx = '', searchPlaceholder = 'Search...', noneFoundMessage = 'None found.', listItemImageSize = DEFAULT_IMAGE_SIZE, noSearch = false, popoverAlign = 'center', popoverSideOffset = 4, Trigger, triggerProps }) => {
-    const [_open, _setOpen] = useState(false);
-    // for non-controlled base (must declare the hook either way)
-    const [_current, _setCurrent] = useState(initial ?? null);
-    const handleSelect = (selString) => {
-        const found = elements.find((el) => (adaptor.valueEquals(el, selString)));
-        if (found) {
-            // non-controlled ('initial' supplied (may have been null))
-            if (initial !== undefined) {
-                _setCurrent(found);
-            }
-            setCurrent(found);
-        }
-        if (closeOnSelect) {
-            _setOpen(false);
-        }
-    };
-    const isCurrent = (el) => {
-        // non-controlled?
-        const curr = (current === undefined) ? _current : current;
-        return !!curr && adaptor.equals(el, curr);
-    };
-    const _triggerProps = current ? {
-        ...triggerProps,
-        current,
-        currentLabel: adaptor.getLabel ? adaptor.getLabel(current) : adaptor.getValue(current),
-        imageUrl: adaptor.getImageUrl ? adaptor.getImageUrl(current) : null,
-        open: _open
-    } : {
-        ...triggerProps,
-        current: null,
-        currentLabel: null,
-        imageUrl: null,
-        open: _open
-    };
-    return (<Popover open={_open} onOpenChange={_setOpen}>
-      <PopoverTrigger asChild>
-        {Trigger ? (<Trigger {..._triggerProps}/>) : (<DefaultTrigger {..._triggerProps}/>)}
-      </PopoverTrigger>
-      <PopoverContent className={cn('p-0', popoverClx)} align={popoverAlign} sideOffset={popoverSideOffset}>
-        <Command>
-          {!noSearch && (<CommandInput placeholder={searchPlaceholder}/>)}
-          <CommandList>
-            <CommandEmpty>{noneFoundMessage}</CommandEmpty>
-            <CommandGroup>
-            {elements.map((el) => (<CommandItem key={adaptor.getValue(el)} value={adaptor.getValue(el)} onSelect={handleSelect} disabled={adaptor.isDisabled ? adaptor.isDisabled(el) : false} className={cn('flex', noCheckmark ? 'justify-start' : 'justify-between', listItemClx, (isCurrent(el) ? listItemSelectedClx : ''), ((adaptor.isDisabled && adaptor.isDisabled(el)) ? listItemDisabledClx : ''))}>
-                <div className='flex justify-start items-center gap-2'>
-                {(adaptor.getImageUrl && adaptor.getImageUrl(el)) ? (<img src={adaptor.getImageUrl(el)} alt={adaptor.getValue(el) + ' image'} height={listItemImageSize} width={listItemImageSize} loading="eager" className={listItemImageClx}/>) : (<div style={{ width: listItemImageSize, height: listItemImageSize }}/>)}
-                  <span>{adaptor.getLabel ? adaptor.getLabel(el) : adaptor.getValue(el)}</span>
-                </div>
-                {!noCheckmark && (<div>
-                  <Check className={cn('ml-auto', (isCurrent(el)) ? '' : 'invisible')}/>
-                </div>)}
-              </CommandItem>))}
-            </CommandGroup>
-          </CommandList>
-        </Command>
-      </PopoverContent>
-    </Popover>);
-};
-export { Combobox as default };

package/dist/primitives/command.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { type DialogProps } from "@radix-ui/react-dialog";
-declare const Command: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-interface CommandDialogProps extends DialogProps {
-}
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
-declare const CommandInput: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandList: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandEmpty: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandGroup: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandItem: React.ForwardRefExoticComponent<React.RefAttributes<never>>;
-declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-    displayName: string;
-};
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/primitives/command.jsx

@@ -1,38 +0,0 @@
-"use client";
-import React from "react";
-import {} from "@radix-ui/react-dialog";
-import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
-import { cn } from "../util";
-import { Dialog, DialogContent } from "./dialog";
-const Command = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive ref={ref} className={cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-level-1 text-foreground", className)} {...props}/>));
-Command.displayName = CommandPrimitive.displayName;
-const CommandDialog = ({ children, ...props }) => {
-    return (<Dialog {...props}>
-      <DialogContent className="overflow-hidden p-0 shadow-lg">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-1 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>);
-};
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (<div className="flex items-center border-b px-3" cmdk-input-wrapper="">
-    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50"/>
-    <CommandPrimitive.Input ref={ref} className={cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-2 disabled:cursor-not-allowed disabled:opacity-50", className)} {...props}/>
-  </div>));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.List ref={ref} className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)} {...props}/>));
-CommandList.displayName = CommandPrimitive.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (<CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props}/>));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Group ref={ref} className={cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted", className)} {...props}/>));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Separator ref={ref} className={cn("-mx-1 h-px bg-border", className)} {...props}/>));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (<CommandPrimitive.Item ref={ref} className={cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none', 'data-selected:bg-level-3 aria-selected:text-accent', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-35', className)} {...props}/>));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-const CommandShortcut = ({ className, ...props }) => {
-    return (<span className={cn("ml-auto text-xs tracking-widest text-muted", className)} {...props}/>);
-};
-CommandShortcut.displayName = "CommandShortcut";
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/primitives/context-menu.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-    displayName: string;
-};
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/primitives/context-menu.jsx

@@ -1,57 +0,0 @@
-"use client";
-import * as React from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { Check, ChevronRight, Circle } from "lucide-react";
-import { cn } from "../util";
-const ContextMenu = ContextMenuPrimitive.Root;
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-const ContextMenuGroup = ContextMenuPrimitive.Group;
-const ContextMenuPortal = ContextMenuPrimitive.Portal;
-const ContextMenuSub = ContextMenuPrimitive.Sub;
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (<ContextMenuPrimitive.SubTrigger ref={ref} className={cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none ' +
-        'focus:bg-level-1 focus:text-accent data-[state=open]:bg-level-1 data-[state=open]:text-accent', inset && "pl-8", className)} {...props}>
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4"/>
-  </ContextMenuPrimitive.SubTrigger>));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-const ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (<ContextMenuPrimitive.SubContent ref={ref} className={cn('z-popup min-w-[8rem] overflow-hidden rounded-md border bg-background p-1 text-foreground shadow-md ' +
-        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 ' +
-        'data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 ' +
-        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 ' +
-        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className)} {...props}/>));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => (<ContextMenuPrimitive.Portal>
-    <ContextMenuPrimitive.Content ref={ref} className={cn("z-popup min-w-[8rem] overflow-hidden rounded-md border bg-background p-1 text-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)} {...props}/>
-  </ContextMenuPrimitive.Portal>));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-const ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (<ContextMenuPrimitive.Item ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-level-1 focus:text-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)} {...props}/>));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (<ContextMenuPrimitive.CheckboxItem ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-level-1 focus:text-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)} checked={checked} {...props}>
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4"/>
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.CheckboxItem>));
-ContextMenuCheckboxItem.displayName =
-    ContextMenuPrimitive.CheckboxItem.displayName;
-const ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (<ContextMenuPrimitive.RadioItem ref={ref} className={cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-level-1 focus:text-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)} {...props}>
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current"/>
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.RadioItem>));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (<ContextMenuPrimitive.Label ref={ref} className={cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className)} {...props}/>));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (<ContextMenuPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-border", className)} {...props}/>));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-const ContextMenuShortcut = ({ className, ...props }) => {
-    return (<span className={cn("ml-auto text-xs tracking-widest text-muted", className)} {...props}/>);
-};
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/primitives/dialog-video-controller.d.ts

@@ -1,3 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-declare const DialogVideoController: React.FC<PropsWithChildren>;
-export default DialogVideoController;

package/dist/primitives/dialog-video-controller.jsx

@@ -1,24 +0,0 @@
-'use client';
-import React, { useState } from 'react';
-const DialogVideoController = ({ children, }) => {
-    const [open, setOpen] = useState(false);
-    const onOpenChange = (b) => {
-        setOpen(b);
-        const videos = document.getElementsByTagName('video');
-        const videoArray = Array.from(videos);
-        videoArray.forEach((v) => {
-            if (b) {
-                v.pause();
-            }
-            else {
-                v.play();
-            }
-        });
-    };
-    // https://stackoverflow.com/a/49052730/11645689
-    const updatedChildren = React.Children.map(children, (child) => (React.cloneElement(child, { open, onOpenChange })));
-    return (<>
-    {updatedChildren}
-  </>);
-};
-export default DialogVideoController;

package/dist/primitives/dialog.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface DialogPortalProps extends React.PropsWithChildren<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>> {
-    className?: string;
-}
-declare const DialogPortal: React.ForwardRefExoticComponent<DialogPortalProps & React.RefAttributes<never>>;
-interface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> {
-    className?: string;
-}
-declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
-interface DialogCloseProps extends React.PropsWithChildren<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>> {
-    className?: string;
-}
-declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Dialog, DialogTrigger, DialogOverlay, DialogClose, DialogPortal, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/primitives/dialog.jsx

@@ -1,37 +0,0 @@
-'use client';
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import { cn } from "../util";
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = React.forwardRef(({ className, children, ...props }, ref) => (<DialogPrimitive.Portal {...props}>
-        <div className={cn("fixed inset-0 z-50 flex items-end justify-center sm:items-center", className)}>
-            {children}
-        </div>
-    </DialogPrimitive.Portal>));
-DialogPortal.displayName = 'DialogPortal';
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Overlay ref={ref} className={cn("fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)} {...props}/>));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogClose = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Close ref={ref} className={cn("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", className)} {...props}>
-        <X className="h-4 w-4"/>
-        <span className="sr-only">Close</span>
-    </DialogPrimitive.Close>));
-DialogClose.displayName = DialogPrimitive.Close.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (<DialogPortal>
-        <DialogOverlay />
-        <DialogPrimitive.Content ref={ref} className={cn("fixed z-50 grid w-full gap-4 rounded-t-lg bg-level-1 p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0", className)} {...props}>
-            {children}
-            <DialogClose />
-        </DialogPrimitive.Content>
-    </DialogPortal>));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (<div className={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...props}/>);
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => (<div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...props}/>);
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Title ref={ref} className={cn("text-lg font-semibold leading-none tracking-tight text-foreground", className)} {...props}/>));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (<DialogPrimitive.Description ref={ref} className={cn("text-sm text-muted-1", className)} {...props}/>));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogTrigger, DialogOverlay, DialogClose, DialogPortal, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/primitives/drawer.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { Drawer as DrawerPrimitive } from '@hanzo/react-drawer';
-declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
-    displayName: string;
-};
-declare const DrawerTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const DrawerPortal: import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>;
-declare const DrawerHandle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const DrawerClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    onAnimationEnd?: (open: boolean) => void;
-} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    overlayClx?: string;
-    defaultHandle?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const DrawerFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;
-export { type DrawerProps, Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHandle, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription };

package/dist/primitives/drawer.jsx

@@ -1,34 +0,0 @@
-'use client';
-import * as React from 'react';
-import { Drawer as DrawerPrimitive } from '@hanzo/react-drawer';
-import { cn } from '../util';
-const Drawer = ({ shouldScaleBackground = false, ...props }) => (<DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props}/>);
-Drawer.displayName = 'Drawer';
-const DrawerTrigger = DrawerPrimitive.Trigger;
-const DrawerPortal = DrawerPrimitive.Portal;
-const DrawerHandle = DrawerPrimitive.Handle;
-const DrawerClose = DrawerPrimitive.Close;
-const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (<DrawerPrimitive.Overlay ref={ref} className={cn('fixed inset-0 bg-overlay backdrop-blur-sm', className)} {...props}/>));
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-const DrawerContent = React.forwardRef(({ className, children, overlayClx = '', defaultHandle = true, ...props }, ref) => {
-    return (<DrawerPortal>
-      {/* If no or same z index, overlay should precede content */}
-      <DrawerOverlay className={cn('z-below-modal', overlayClx)}/>
-      <DrawerPrimitive.Content ref={ref} className={cn('fixed left-0 right-0 bottom-0 z-modal', 'mt-24 flex flex-col rounded-t-[10px] pt-6 border bg-background', 
-        // 'h-[80%]' 
-        className)} {...props}>
-        {defaultHandle && (<div className='absolute left-0 right-0 mx-auto top-2 h-2 w-[100px] rounded-full bg-level-3 shrink-0'/>)}
-        {children}
-      </DrawerPrimitive.Content>
-    </DrawerPortal>);
-});
-DrawerContent.displayName = 'DrawerContent';
-const DrawerHeader = ({ className, ...props }) => (<div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props}/>);
-DrawerHeader.displayName = 'DrawerHeader';
-const DrawerFooter = ({ className, ...props }) => (<div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props}/>);
-DrawerFooter.displayName = 'DrawerFooter';
-const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (<DrawerPrimitive.Title ref={ref} className={cn('text-lg font-semibold leading-none tracking-tight', className)} {...props}/>));
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (<DrawerPrimitive.Description ref={ref} className={cn('text-sm text-muted', className)} {...props}/>));
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHandle, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription };

package/dist/primitives/form.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: any;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
-declare const useFormField: () => any;
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };