@hanzo/ui 4.5.3 → 4.5.4

package/dist/primitives/next/link-element.jsx

@@ -1,56 +0,0 @@
-import React, {} from 'react';
-import Link from 'next/link';
-import { buttonVariants } from '../button';
-import { cn } from '../../util';
-/**
- * If this is rendered directly (and not auto generated in a Block)
- * and it has any children, title, icon, and iconAfter
- * are ignore.
- */
-const LinkElement = ({ def, 
-// DO NOT provide a default to any of the props that also appear in def!
-onClick, size, variant, rounded, icon, iconAfter, className = '', children, }) => {
-    const { href, newTab, variant: defVariant, size: defSize, rounded: defRounded, title } = def;
-    const linkProps = {};
-    // As per LinkDef docs
-    if (href.startsWith('http') || href.startsWith('mailto')) {
-        linkProps.rel = 'noreferrer noopener';
-        if (newTab ?? true) {
-            linkProps.target = '_blank';
-        }
-    }
-    else if (newTab) {
-        linkProps.target = '_blank';
-    }
-    const toSpread = {
-        href,
-        ...(onClick ? { onClick } : {}),
-        ...linkProps
-    };
-    const Contents = () => {
-        if (React.Children.count(children) > 0)
-            return children;
-        // Props > def fields > defaults.
-        const _icon = (icon) ? icon : (def.icon) ? def.icon : undefined;
-        const _iconAfter = (iconAfter) ? iconAfter : (def.iconAfter) ? def.iconAfter : false;
-        // 'title' is not guaranteed as it could be an icon only button / link
-        return (<>
-      {_icon && !_iconAfter && (<div className='pr-1'>{_icon}</div>)}
-      {title && (<div>{title}</div>)}
-      {_icon && _iconAfter && (<div className='pl-1'>{_icon}</div>)}
-    </>);
-    };
-    return (<Link className={cn(buttonVariants({
-            variant: variant ? variant : (defVariant ? defVariant : 'link'),
-            size: (!defVariant || defVariant.includes('link') || variant?.includes('link')) ?
-                'link'
-                :
-                    (size ? size : defSize),
-            rounded: rounded ? rounded : (defRounded ? defRounded : 'md'),
-        }), 
-        // This is a "label only" LinkDef.  cf: footer"
-        ((href.length > 0 || onClick) ? '' : 'pointer-events-none'), className)} {...toSpread}>
-      <Contents />
-    </Link>);
-};
-export default LinkElement;

package/dist/primitives/next/mdx-link.d.ts

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

package/dist/primitives/next/mdx-link.jsx

@@ -1,12 +0,0 @@
-import React, {} from 'react';
-import Link from 'next/link';
-const MDXLink = ({ href, children, ...rest }) => {
-    // internal link
-    if (href && (href.startsWith('/'))) {
-        return (<Link href={href} {...rest}>
-        {children}
-      </Link>);
-    }
-    return <a target="_blank" href={href} {...rest}>{children}</a>;
-};
-export default MDXLink;

package/dist/primitives/next/media-stack.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { MediaStackDef, Dimensions } from '../../types';
-declare const MediaStack: React.FC<{
-    media: MediaStackDef;
-    constrainTo?: Dimensions;
-    clx?: string;
-}>;
-export default MediaStack;

package/dist/primitives/next/media-stack.jsx

@@ -1,28 +0,0 @@
-'use client';
-import React from 'react';
-import Spline from '@splinetool/react-spline';
-import { cn, constrain, spreadToTransform } from '../../util';
-import Image from './image';
-import VideoPlayer from '../video-player';
-const MediaStack = ({ media, constrainTo: cnst = { w: 250, h: 250 }, clx = '' }) => {
-    const { img, video, animation, mediaTransform } = media;
-    const transform = mediaTransform ?? {};
-    // Order of precedence: 3D > MP4 > Image
-    if (animation) {
-        return (<Spline scene={animation} className={cn(clx, 'pointer-events-none')} data-vaul-no-drag style={{
-                // // !aspect-[12/10] 
-                width: (6 / 5 * (typeof cnst.h === 'number' ? cnst.h : parseInt(cnst.h))),
-                height: cnst.h,
-                ...spreadToTransform(transform)
-            }}/>);
-    }
-    if (video) {
-        const dim = constrain(video.dim.md, cnst);
-        return (<VideoPlayer className={clx} sources={video.sources} width={dim.w} height={dim.h} style={{
-                minHeight: dim.h, // prevents layout jumps
-                ...spreadToTransform(transform)
-            }} {...video.videoProps}/>);
-    }
-    return img ? (<Image def={img} constrainTo={cnst} className={clx} transform={transform}/>) : (<div style={{ width: cnst.w, height: cnst.h }} className={cn('bg-level-2', clx)}/>);
-};
-export default MediaStack;

package/dist/primitives/next/nav-items.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { LinkDef } from '../../types';
-declare const NavItems: React.FC<{
-    items: LinkDef[];
-    className?: string;
-    as?: React.ElementType;
-    itemClx?: string | ((def: LinkDef) => string);
-    currentAs?: string;
-}>;
-export default NavItems;

package/dist/primitives/next/nav-items.jsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import LinkElement from './link-element';
-import { cn } from '../../util';
-const NavItems = ({ items, className = '', itemClx, as: Tag = 'nav', currentAs }) => (items.length ? (<Tag className={className}>
-  {items.map((item, index) => {
-        const variant = item.variant ?? 'link';
-        let internalClx = '';
-        // note that linkFG (or any other variant of 'link') 
-        // will not get assigned these classes,
-        // and will remain styles is 'foreground' (hence the name)
-        if (variant === 'link') {
-            internalClx += 'text-nav hover:text-nav-hover ';
-            if (currentAs && currentAs === item.href) {
-                internalClx += 'text-nav-current ';
-            }
-        }
-        else {
-            internalClx += 'min-w-0 lg:min-w-0 ';
-        }
-        const _itemClx = (itemClx) ? (typeof itemClx === 'string' ? itemClx : itemClx(item)) : '';
-        return (<LinkElement def={item} key={index} className={cn(internalClx, _itemClx)}/>);
-    })}
-  </Tag>) : null);
-export default NavItems;

package/dist/primitives/next/youtube-embed.d.ts

@@ -1,11 +0,0 @@
-declare const YouTubeEmbed: React.FC<{
-    youtubeID: string;
-    width: number;
-    height: number;
-    buttonSize?: number;
-    timeAt?: string;
-    title?: string;
-    caption?: string;
-    className?: string;
-}>;
-export default YouTubeEmbed;

package/dist/primitives/next/youtube-embed.jsx

@@ -1,23 +0,0 @@
-'use client';
-import { useState } from 'react';
-import Image from 'next/image';
-import * as Icons from '../icons';
-// Concept based on https://www.youtube.com/watch?v=lLqRchtjN00
-// (https://github.com/a-trost/fableton)
-const YouTubeEmbed = ({ youtubeID, width, height, buttonSize = 100, timeAt, title, caption, className = '' }) => {
-    const [showVideo, setShowVideo] = useState(false);
-    // re autoplay: https://stackoverflow.com/a/45610557/11645689
-    return (<div className={className}>
-      {showVideo ? (<iframe width={width} height={height} src={`https://www.youtube-nocookie.com/embed/${youtubeID + ((timeAt) ? `?t=${timeAt}&` : '?')}rel=0&autoplay=1`} allow='accelerometer ; autoplay *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *;' allowFullScreen title={title || 'Youtube video'} className='aspect-[16/9] h-full w-full p-0 border-0 '/>) : (<button type='button' onClick={() => setShowVideo(true)} className='relative aspect-[16/9] w-full' aria-label={`Play video ${title}`}>
-          <Image src={`https://img.youtube.com/vi/${youtubeID}/maxresdefault.jpg`} alt='' className='h-full w-full' width={width} height={height} loading='lazy'/>
-          <div className={//https://stackoverflow.com/a/23384995/11645689
-            'absolute z-above-content-2 left-[50%] top-[50%] -translate-y-2/4 -translate-x-2/4 ' +
-                'grid place-items-center ' +
-                'text-xl text-white opacity-90'}>
-            <Icons.youtube width={buttonSize} height={buttonSize} role='img' className='transform transition hover:scale-110' {...{ 'aria-hidden': true }}/>
-          </div>
-          {caption && <p className='hidden md:block whitespace-nowrap typography absolute z-above-content left-[50%] top-[20px] -translate-x-2/4 '>{caption}</p>}
-        </button>)}
-    </div>);
-};
-export default YouTubeEmbed;

package/dist/primitives/popover.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverArrow: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose, PopoverArrow };

package/dist/primitives/popover.jsx

@@ -1,18 +0,0 @@
-'use client';
-import React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { cn } from '../util';
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverClose = PopoverPrimitive.Close;
-const PopoverAnchor = PopoverPrimitive.Anchor;
-const PopoverArrow = PopoverPrimitive.Arrow;
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (<PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content ref={ref} align={align} sideOffset={sideOffset} className={cn('z-above-modal-2 w-72 rounded-md border bg-level-1 p-4 text-foreground shadow-md outline-none ' +
-        '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}/>
-  </PopoverPrimitive.Portal>));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose, PopoverArrow };

package/dist/primitives/progress.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Progress;

package/dist/primitives/progress.jsx

@@ -1,9 +0,0 @@
-'use client';
-import React from 'react';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { cn } from '../util';
-const Progress = React.forwardRef(({ className, value, ...props }, ref) => (<ProgressPrimitive.Root ref={ref} className={cn('relative h-4 w-full overflow-hidden rounded-full bg-level-2', className)} {...props}>
-    <ProgressPrimitive.Indicator className='h-full w-full flex-1 bg-accent transition-all' style={{ transform: `translateX(-${100 - (value || 0)}%)` }}/>
-  </ProgressPrimitive.Root>));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-export default Progress;

package/dist/primitives/radio-group.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    larger?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };

package/dist/primitives/radio-group.jsx

@@ -1,18 +0,0 @@
-"use client";
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
-import { cn } from "../util";
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-    return (<RadioGroupPrimitive.Root className={cn("grid gap-2", className)} {...props} ref={ref}/>);
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const RadioGroupItem = React.forwardRef(({ larger = false, className, ...props }, ref) => {
-    return (<RadioGroupPrimitive.Item ref={ref} className={cn(larger ? 'h-5 w-5' : 'h-4 w-4', 'aspect-square rounded-full border border-muted text-foreground ring-offset-background ', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'disabled:cursor-not-allowed disabled:opacity-50', className)} {...props}>
-      <RadioGroupPrimitive.Indicator className="w-full h-full flex items-center justify-center">
-        <div className={cn(larger ? 'h-[70%] w-[70%] ' : 'h-[75%] w-[75%]', 'rounded-full aspect-square bg-foreground')}/>
-      </RadioGroupPrimitive.Indicator>
-    </RadioGroupPrimitive.Item>);
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-export { RadioGroup, RadioGroupItem };

package/dist/primitives/scroll-area.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { ScrollArea, ScrollBar };

package/dist/primitives/scroll-area.jsx

@@ -1,19 +0,0 @@
-'use client';
-import React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { cn } from '../util';
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (<ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>
-    <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>
-      {children}
-    </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
-    <ScrollAreaPrimitive.Corner />
-  </ScrollAreaPrimitive.Root>));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (<ScrollAreaPrimitive.ScrollAreaScrollbar ref={ref} orientation={orientation} className={cn('flex touch-none select-none transition-colors', orientation === 'vertical' &&
-        'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' &&
-        'h-2.5 flex-col border-t border-t-transparent p-[1px]', className)} {...props}>
-    <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-muted-2'/>
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-export { ScrollArea, ScrollBar };

package/dist/primitives/select.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/primitives/select.jsx

@@ -1,62 +0,0 @@
-'use client';
-import React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { Check, ChevronDown, ChevronUp } from 'lucide-react';
-import { cn } from '../util';
-const Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (<SelectPrimitive.Trigger ref={ref} className={cn('flex h-10 w-full items-center justify-between rounded-md border border-muted-3 ' +
-        'bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-2 ' +
-        'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 ' +
-        'disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className)} {...props}>
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown className='h-4 w-4 opacity-50'/>
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (<SelectPrimitive.ScrollUpButton ref={ref} className={cn('flex cursor-default items-center justify-center py-1', className)} {...props}>
-    <ChevronUp className='h-4 w-4'/>
-  </SelectPrimitive.ScrollUpButton>));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (<SelectPrimitive.ScrollDownButton ref={ref} className={cn('flex cursor-default items-center justify-center py-1', className)} {...props}>
-    <ChevronDown className='h-4 w-4'/>
-  </SelectPrimitive.ScrollDownButton>));
-SelectScrollDownButton.displayName =
-    SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = 'popper', ...props }, ref) => (<SelectPrimitive.Portal>
-    <SelectPrimitive.Content ref={ref} className={cn('relative z-popup max-h-96 min-w-[8rem] overflow-hidden rounded-md border ' +
-        'bg-level-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', (position === 'popper') &&
-        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 ' +
-            'data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className)} position={position} {...props}>
-      <SelectScrollUpButton />
-      <SelectPrimitive.Viewport className={cn('p-1', position === 'popper' &&
-        'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]')}>
-        {children}
-      </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
-    </SelectPrimitive.Content>
-  </SelectPrimitive.Portal>));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (<SelectPrimitive.Label ref={ref} className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)} {...props}/>));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (<SelectPrimitive.Item ref={ref} className={cn('relative flex w-full cursor-default select-none items-center rounded-sm ' +
-        'py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-level-2 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'>
-      <SelectPrimitive.ItemIndicator>
-        <Check className='h-4 w-4'/>
-      </SelectPrimitive.ItemIndicator>
-    </span>
-
-    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-  </SelectPrimitive.Item>));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (<SelectPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-level-1', className)} {...props}/>));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/primitives/separator.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Separator;

package/dist/primitives/separator.jsx

@@ -1,7 +0,0 @@
-'use client';
-import React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { cn } from '../util';
-const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => (<SeparatorPrimitive.Root ref={ref} decorative={decorative} orientation={orientation} className={cn('shrink-0 bg-muted-2', orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]', className)} {...props}/>));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-export default Separator;

package/dist/primitives/sheet.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { type VariantProps } from 'class-variance-authority';
-declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
-declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & {
-    closeButtonClass?: string;
-    closeElement?: any;
-    centerElement?: any;
-    duplicateCloseOnBottom?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const SheetHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const SheetFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-    displayName: string;
-};
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/primitives/sheet.jsx

@@ -1,56 +0,0 @@
-// @ts-nocheck
-'use client';
-import * as React from 'react';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import { cva } from 'class-variance-authority';
-import { cn } from '../util';
-const Sheet = SheetPrimitive.Root;
-const SheetTrigger = SheetPrimitive.Trigger;
-const SheetClose = SheetPrimitive.Close;
-const SheetPortal = SheetPrimitive.Portal;
-const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (<SheetPrimitive.Overlay className={cn('fixed inset-0 z-below-modal 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} ref={ref}/>));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-const sheetVariants = cva('fixed z-modal gap-4 bg-background p-3 sm:p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300', {
-    variants: {
-        side: {
-            top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
-            bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
-            left: 'inset-y-0 left-0 h-full w-5/6 sm:w-2/3 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
-            right: 'inset-y-0 right-0 h-full w-5/6 sm:w-2/3 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
-        },
-    },
-    defaultVariants: {
-        side: 'right',
-    },
-});
-const closeUIclx = 'rounded-sm opacity-70 ring-offset-background ' +
-    'transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-primary';
-const SheetContent = React.forwardRef(({ side = 'right', className, children, closeElement, centerElement, duplicateCloseOnBottom = false, closeButtonClass, ...props }, ref) => {
-    const xOfCloseUIClass = (side === 'right') ? 'left-2' : 'right-2';
-    return (<SheetPortal>
-        <SheetOverlay />
-        <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>
-          {children}
-
-          {closeElement && (<SheetPrimitive.Close className={cn(closeUIclx, 'absolute z-above-content top-3', xOfCloseUIClass, closeButtonClass)}>
-              {closeElement}
-            </SheetPrimitive.Close>)}
-          {closeElement && duplicateCloseOnBottom && (<SheetPrimitive.Close className={cn(closeUIclx, 'absolute z-above-content bottom-3', xOfCloseUIClass, closeButtonClass)}>
-            {closeElement}
-            </SheetPrimitive.Close>)}
-          {centerElement && (<div className={'absolute z-content top-3 left-0 right-0 flex flex-row justify-center align-start'}>
-              {centerElement}
-            </div>)}
-        </SheetPrimitive.Content>
-      </SheetPortal>);
-});
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-const SheetHeader = ({ className, ...props }) => (<div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props}/>);
-SheetHeader.displayName = 'SheetHeader';
-const SheetFooter = ({ className, ...props }) => (<div className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} {...props}/>);
-SheetFooter.displayName = 'SheetFooter';
-const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (<SheetPrimitive.Title ref={ref} className={cn('text-lg font-semibold text-foreground', className)} {...props}/>));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (<SheetPrimitive.Description ref={ref} className={cn('text-sm text-muted-1', className)} {...props}/>));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/primitives/skeleton.d.ts

@@ -1,4 +0,0 @@
-declare const Skeleton: React.FC<{
-    reverse?: boolean;
-} & React.HTMLAttributes<HTMLDivElement>>;
-export default Skeleton;

package/dist/primitives/skeleton.jsx

@@ -1,3 +0,0 @@
-import { cn } from '../util';
-const Skeleton = ({ reverse = false, className, ...props }) => (<div className={cn('rounded-md bg-level-2', reverse ? 'animate-pulsereverse' : 'animate-pulse', className)} {...props}/>);
-export default Skeleton;

package/dist/primitives/slider.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & {
-    trackBgClx?: string;
-    rangeBgClx?: string;
-    thumbClx?: string;
-    thumbSlidingClx?: string;
-} & React.RefAttributes<HTMLSpanElement>>;
-export default Slider;

package/dist/primitives/slider.jsx

@@ -1,30 +0,0 @@
-'use client';
-import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import { cn } from '../util';
-import { useState } from 'react';
-const Slider = React.forwardRef(({ className, trackBgClx = 'bg-level-2', rangeBgClx = 'bg-primary', thumbClx = '', thumbSlidingClx = '', onValueChange, onValueCommit, ...rest }, ref) => {
-    const [sliding, setSliding] = useState(false);
-    const _onChange = (value) => {
-        if (!sliding) {
-            setSliding(true);
-        }
-        if (onValueChange) {
-            onValueChange(value);
-        }
-    };
-    const _onCommit = (value) => {
-        setSliding(false);
-        if (onValueCommit) {
-            onValueCommit(value);
-        }
-    };
-    return (<SliderPrimitive.Root ref={ref} className={cn('relative flex w-full touch-none select-none items-center', className)} onValueChange={_onChange} onValueCommit={_onCommit} {...rest}>
-      <SliderPrimitive.Track data-vaul-no-drag className={'relative h-2 w-full grow overflow-hidden rounded-full ' + trackBgClx}>
-        <SliderPrimitive.Range data-vaul-no-drag className={'absolute h-full ' + rangeBgClx}/>
-      </SliderPrimitive.Track>
-      <SliderPrimitive.Thumb data-vaul-no-drag className={cn('block h-5 w-5 rounded-full border-2 border-primary bg-background ', 'ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-1 ', 'focus-visible:ring-muted-2 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50', thumbClx, (sliding ? thumbSlidingClx : ''))}/>
-    </SliderPrimitive.Root>);
-});
-Slider.displayName = SliderPrimitive.Root.displayName;
-export default Slider;

package/dist/primitives/sonner.d.ts

@@ -1,5 +0,0 @@
-import { Toaster as Sonner } from 'sonner';
-import { toast } from 'sonner';
-type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const Toaster: ({ ...props }: ToasterProps) => import("react").JSX.Element;
-export { toast, Toaster };

package/dist/primitives/sonner.jsx

@@ -1,16 +0,0 @@
-'use client';
-import { useTheme } from 'next-themes';
-import { Toaster as Sonner } from 'sonner';
-import { toast } from 'sonner';
-const Toaster = ({ ...props }) => {
-    const { theme = 'system' } = useTheme();
-    return (<Sonner theme={theme} className='toaster group' toastOptions={{
-            classNames: {
-                toast: 'group toast group-[.toaster]:bg-level-2 group-[.toaster]:text-foreground group-[.toaster]:border-muted-3 group-[.toaster]:shadow-lg',
-                description: 'group-[.toast]:text-foreground',
-                actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-fg',
-                cancelButton: 'group-[.toast]:bg-transparent group-[.toast]:text-foreground',
-            },
-        }} {...props}/>);
-};
-export { toast, Toaster };

package/dist/primitives/step-indicator.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const StepIndicator: React.FC<{
-    steps: string[];
-    currentStep: number;
-    dotSizeRem: number;
-    className?: string;
-    muted?: boolean;
-}>;
-export default StepIndicator;

package/dist/primitives/step-indicator.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { cn } from '../util';
-const StepIndicator = ({ steps, currentStep, dotSizeRem, className = '', muted = false }) => {
-    const pX = `calc(${1 / (steps.length * 2) * 100}% - ${dotSizeRem / 2}rem)`;
-    // This code current throws 'Warning: Each child in a list should have a unique "key" prop.'
-    // As is evident, we supply keys that should suffice.  < shrug >
-    return (<div className={cn('flex flex-col', className)}>
-      <div key='one' 
-    /* id='FOO' */
-    className='flex flex-row items-center justify-start w-full' style={{ paddingLeft: pX, paddingRight: pX }}>
-        {steps.map((ignore, index) => (<>
-          {index !== 0 && (<div key={`sep-${index}`} className={cn('h-[1px] grow', currentStep >= index ? (muted ? 'bg-muted' : 'bg-foreground') : (muted ? 'bg-muted-3' : 'bg-level-3'))}/>)}
-          <div key={`circle-${index}`} style={{ width: `${dotSizeRem}rem`, height: `${dotSizeRem}rem` }} className={cn('shrink-0 rounded-full border-[1.5px]', currentStep >= index ? (muted ? 'bg-muted border-muted' : 'bg-foreground border-foreground') : '')}/>
-        </>))}
-      </div>
-      <div key='two' className={'grid ' + `grid-cols-${steps.length}` /* These are white listed already */}>
-        {steps.map((label, index) => (<div key={index} className={cn('text-center whitespace-nowrap', (muted ? 'text-muted' : 'text-foreground'))}>
-            {label}
-          </div>))}
-      </div>
-    </div>);
-};
-export default StepIndicator;

package/dist/primitives/switch.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    thumbClx?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-export default Switch;

package/dist/primitives/switch.jsx

@@ -1,14 +0,0 @@
-'use client';
-import React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { cn } from '../util';
-const Switch = React.forwardRef(({ className, thumbClx = '', ...props }, ref) => (<SwitchPrimitives.Root className={cn('peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full ' +
-        'border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none ' +
-        'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
-        'focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 ' +
-        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-level-3', className)} {...props} ref={ref}>
-    <SwitchPrimitives.Thumb className={cn('pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ' +
-        'ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0', thumbClx)}/>
-  </SwitchPrimitives.Root>));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-export default Switch;