@digo-labs/ui 0.1.13 → 0.1.14

package/dist/blocks/auth-guard.d.ts

@@ -1,6 +1,9 @@
+import { AuthTier } from '@digo-labs/common';
 import { ReactNode } from 'react';
 interface Properties {
+    requires?: AuthTier;
     loginPath?: string;
+    loading?: ReactNode;
     fallback?: ReactNode;
 }
 export declare function AuthGuard(properties: Properties): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null;

package/dist/blocks/dropzone.d.ts

@@ -15,7 +15,7 @@ interface Properties extends DropzoneOptions, ComponentStylesProps<'dropzone'> {
 export declare function Dropzone(properties: Properties): import("react").JSX.Element;
 export declare function DropzoneArea(properties: ComponentProps<'div'>): import("react").JSX.Element;
 export declare function DropzoneCTA(properties: ComponentProps<'button'>): import("react").JSX.Element;
-export declare function DropzoneFileList(properties: ComponentProps<'div'>): import("react").JSX.Element | null;
+export declare function DropzoneFileList(properties: Omit<ComponentProps<typeof ReorderList.Group>, 'values' | 'onReorder'>): import("react").JSX.Element | null;
 interface FileItemProperties extends Omit<ComponentProps<typeof ReorderList.Item>, 'value'> {
     file: File;
     onDeleteFile?: (file: File) => void;

package/dist/blocks/gate.d.ts

@@ -0,0 +1,9 @@
+import { AuthTier } from '@digo-labs/common';
+import { ReactNode } from 'react';
+interface Properties {
+    requires: AuthTier;
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+export declare function Gate(properties: Properties): ReactNode;
+export {};

package/dist/blocks/login-card.d.ts

@@ -0,0 +1,16 @@
+import { SignInProvider } from '@digo-labs/common';
+import { BorderGlow, Image, Model } from '..';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'loginCard'>;
+export declare function LoginCard(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    model?: ComponentProps<typeof Model>['src'];
+    eyebrow?: string;
+    title?: string;
+    description?: string;
+    logo?: ComponentProps<typeof Image>['src'] | null;
+    colors?: ComponentProps<typeof BorderGlow>['colors'];
+    providers?: SignInProvider[];
+}
+export {};

package/dist/blocks/menu-items.d.ts

@@ -0,0 +1,8 @@
+import { MenuItem } from '..';
+import { ComponentProps } from 'react';
+type ItemProperties = ComponentProps<typeof MenuItem>;
+export declare function SignOutMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function EditMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function DuplicateMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export declare function DeleteMenuItem(properties: ItemProperties): import("react").JSX.Element;
+export {};

package/dist/blocks/user-avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar, Badge } from '..';
+import { ComponentProps } from 'react';
+type Properties = Omit<ComponentProps<typeof Avatar>, 'children'> & {
+    src?: string;
+    name?: string;
+    badge?: number | boolean;
+    badgeVariant?: ComponentProps<typeof Badge>['variant'];
+};
+export declare function UserAvatar(properties: Properties): import("react").JSX.Element;
+export {};

package/dist/blocks/user-info.d.ts

@@ -0,0 +1,9 @@
+import { AuthUser } from '@digo-labs/services';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'userInfo'>;
+export declare function UserInfo(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    user?: Pick<AuthUser, 'name' | 'email' | 'image'>;
+}
+export {};

package/dist/blocks/user-menu.d.ts

@@ -0,0 +1,13 @@
+import { AuthUser } from '@digo-labs/services';
+import { ReactNode } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'userMenu'>;
+export declare function UserMenu(properties: Properties): import("react").JSX.Element;
+interface RootProperties {
+    user?: Pick<AuthUser, 'name' | 'email' | 'image'>;
+    badge?: number | boolean;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+export {};

package/dist/components/avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'avatar'>;
+export declare function Avatar(properties: Properties): import("react").JSX.Element;
+type RootProperties = AvatarPrimitive.Root.Props;
+export declare function AvatarImage(properties: AvatarPrimitive.Image.Props): import("react").JSX.Element;
+export declare function AvatarFallback(properties: AvatarPrimitive.Fallback.Props): import("react").JSX.Element;
+export declare function AvatarBadge(properties: ComponentProps<'span'>): import("react").JSX.Element;
+export {};

package/dist/components/badge.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'badge'>;
+export declare function Badge(properties: Properties): import("react").JSX.Element;
+type RootProperties = ComponentProps<'span'>;
+export {};

package/dist/components/collapsible.d.ts

@@ -1,14 +1,14 @@
 import { CuratedIcons } from '@digo-labs/common';
 import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
-import { Inertia, Spring, Tween } from 'motion/react';
+import { Transition } from 'motion/react';
 import { ComponentStylesProps } from '../utils/styles';
 type Properties = RootProperties & ComponentStylesProps<'collapsible'>;
 export declare function Collapsible(properties: Properties): import("react").JSX.Element;
 type RootProperties = CollapsiblePrimitive.Root.Props;
 export declare function CollapsibleTrigger(properties: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
 interface PanelProperties extends CollapsiblePrimitive.Panel.Props {
-    openAnimation?: Spring | Tween | Inertia;
-    closeAnimation?: Spring | Tween | Inertia;
+    openAnimation?: Transition;
+    closeAnimation?: Transition;
 }
 export declare function CollapsiblePanel(properties: PanelProperties): import("react").JSX.Element;
 interface IconProperties {

package/dist/components/drawer.d.ts

@@ -1,7 +1,7 @@
+import { Side } from '@digo-labs/common';
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import { ComponentProps } from 'react';
 import { ComponentStylesProps } from '../utils/styles';
-type Side = 'top' | 'right' | 'bottom' | 'left';
 interface Properties<Payload = unknown> extends DrawerPrimitive.Root.Props<Payload>, ComponentStylesProps<'drawer'> {
     side?: Side;
 }

package/dist/components/masonry.d.ts

@@ -4,5 +4,6 @@ type Properties = RootProperties & ComponentStylesProps<'masonry'>;
 export declare function Masonry(properties: Properties): import("react").JSX.Element;
 interface RootProperties extends ComponentProps<'div'> {
     columns?: number;
+    gap?: number;
 }
 export {};

package/dist/components/menu.d.ts

@@ -0,0 +1,41 @@
+import { Kbd } from '..';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { ComponentProps } from 'react';
+import { ComponentStylesProps } from '../utils/styles';
+export type MenuItemVariant = 'default' | 'destructive';
+export declare const MenuCreateHandle: typeof MenuPrimitive.createHandle;
+export declare const Menu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react").JSX.Element;
+export declare function MenuTrigger(properties: MenuPrimitive.Trigger.Props): import("react").JSX.Element;
+type PopupProperties = MenuPrimitive.Popup.Props & ComponentStylesProps<'menu'> & MenuPrimitive.Positioner.Props;
+export declare function MenuPopup(properties: PopupProperties): import("react").JSX.Element;
+interface ItemProperties extends MenuPrimitive.Item.Props {
+    inset?: boolean;
+    variant?: MenuItemVariant;
+}
+export declare function MenuItem(properties: ItemProperties): import("react").JSX.Element;
+interface LinkItemProperties extends MenuPrimitive.LinkItem.Props {
+    inset?: boolean;
+    variant?: MenuItemVariant;
+}
+export declare function MenuLinkItem(properties: LinkItemProperties): import("react").JSX.Element;
+interface CheckboxItemProperties extends MenuPrimitive.CheckboxItem.Props {
+    variant?: 'default' | 'switch';
+    inset?: boolean;
+}
+export declare function MenuCheckboxItem(properties: CheckboxItemProperties): import("react").JSX.Element;
+export declare function MenuRadioGroup(properties: MenuPrimitive.RadioGroup.Props): import("react").JSX.Element;
+export declare function MenuRadioItem(properties: MenuPrimitive.RadioItem.Props): import("react").JSX.Element;
+export declare function MenuGroup(properties: MenuPrimitive.Group.Props): import("react").JSX.Element;
+interface GroupLabelProperties extends MenuPrimitive.GroupLabel.Props {
+    inset?: boolean;
+}
+export declare function MenuGroupLabel(properties: GroupLabelProperties): import("react").JSX.Element;
+export declare function MenuSeparator(properties: MenuPrimitive.Separator.Props): import("react").JSX.Element;
+export declare function MenuShortcut(properties: ComponentProps<typeof Kbd>): import("react").JSX.Element;
+export declare const MenuSub: typeof MenuPrimitive.SubmenuRoot;
+interface SubTriggerProperties extends MenuPrimitive.SubmenuTrigger.Props {
+    inset?: boolean;
+}
+export declare function MenuSubTrigger(properties: SubTriggerProperties): import("react").JSX.Element;
+export declare function MenuSubPopup(properties: PopupProperties): import("react").JSX.Element;
+export {};

package/dist/components/navigation-menu.d.ts

@@ -1,3 +1,5 @@
+import { CuratedIcons } from '@digo-labs/common';
+import { Image } from '..';
 import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
 import { ComponentProps } from 'react';
 import { ComponentStylesProps } from '../utils/styles';
@@ -10,5 +12,30 @@ export declare function NavigationMenuContent(properties: NavigationMenuPrimitiv
 export declare function NavigationMenuPositioner(properties: NavigationMenuPrimitive.Positioner.Props): import("react").JSX.Element;
 export declare function NavigationMenuLink(properties: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
 export declare function NavigationMenuLinkCard(properties: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
+interface VerticalCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    image: ComponentProps<typeof Image>['src'];
+}
+export declare function NavigationMenuVerticalCard(properties: VerticalCardProperties): import("react").JSX.Element;
+interface HorizontalCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    icon: CuratedIcons;
+}
+export declare function NavigationMenuHorizontalCard(properties: HorizontalCardProperties): import("react").JSX.Element;
+interface TextCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+}
+export declare function NavigationMenuTextCard(properties: TextCardProperties): import("react").JSX.Element;
+export declare function NavigationMenuGroupLabel(properties: ComponentProps<'div'>): import("react").JSX.Element;
+interface ImageCardProperties extends NavigationMenuPrimitive.Link.Props {
+    header: string;
+    subtitle: string;
+    eyebrow?: string;
+    image: ComponentProps<typeof Image>['src'];
+}
+export declare function NavigationMenuImageCard(properties: ImageCardProperties): import("react").JSX.Element;
 export declare function NavigationMenuIndicator(properties: ComponentProps<typeof NavigationMenuPrimitive.Icon>): import("react").JSX.Element;
 export {};

package/dist/components/resizable.d.ts

@@ -0,0 +1,10 @@
+import { GroupProps, PanelProps, SeparatorProps } from 'react-resizable-panels';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = GroupProps & ComponentStylesProps<'resizable'>;
+export declare function ResizablePanelGroup(properties: Properties): import("react").JSX.Element;
+export declare function ResizablePanel(properties: PanelProps): import("react").JSX.Element;
+interface ResizableHandleProperties extends SeparatorProps {
+    withHandle?: boolean;
+}
+export declare function ResizableHandle(properties: ResizableHandleProperties): import("react").JSX.Element;
+export type { PanelImperativeHandle } from 'react-resizable-panels';

package/dist/components/scene.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'react';
+import { Stage } from '@react-three/drei';
+import { ComponentStylesProps } from '../utils/styles';
+type Properties = RootProperties & ComponentStylesProps<'scene'>;
+export declare function Scene(properties: Properties): import("react").JSX.Element;
+interface RootProperties extends ComponentProps<'div'> {
+    environment?: ComponentProps<typeof Stage>['environment'];
+    intensity?: number;
+    autoRotate?: boolean;
+    autoRotateSpeed?: number;
+    enableRotate?: boolean;
+    enableZoom?: boolean;
+    enablePan?: boolean;
+}
+interface ModelProperties {
+    src: string;
+}
+export declare function Model(properties: ModelProperties): import("react").JSX.Element;
+export {};

package/dist/components/slide.d.ts

@@ -0,0 +1,33 @@
+import { Side } from '@digo-labs/common';
+import { ComponentProps, ReactElement, ReactNode } from 'react';
+import { HTMLMotionProps, Transition } from 'motion/react';
+import { ComponentStylesProps } from '../utils/styles';
+interface ContextProperties {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    side: Side;
+    size: number;
+}
+export declare function useSlide(): ContextProperties;
+interface Properties extends RootProperties, ComponentStylesProps<'slide'> {
+    side?: Side;
+    size?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function Slide(properties: Properties): import("react").JSX.Element;
+type RootProperties = ComponentProps<'div'>;
+export declare function SlideContent(properties: ComponentProps<'div'>): import("react").JSX.Element;
+interface PanelProperties extends HTMLMotionProps<'div'> {
+    children?: ReactNode;
+    openAnimation?: Transition;
+    closeAnimation?: Transition;
+}
+export declare function SlidePanel(properties: PanelProperties): import("react").JSX.Element;
+interface TriggerProperties extends ComponentProps<'button'> {
+    render?: ReactElement;
+}
+export declare function SlideTrigger(properties: TriggerProperties): import("react").JSX.Element;
+export {};

package/dist/cursors/cursor-bracket.d.ts

@@ -5,6 +5,7 @@ interface Properties {
     offset?: number;
     color?: string;
     lineLength?: number;
+    maxLength?: number;
     borderWidth?: number;
 }
 export declare function CursorBracket(properties: Properties): import("react").JSX.Element | null;

package/dist/hooks/use-in-view.d.ts

@@ -0,0 +1,4 @@
+export declare function useInView<T extends HTMLElement>(): {
+    ref: import('react').RefObject<T | null>;
+    inView: boolean;
+};

package/dist/hooks/use-timer.d.ts

@@ -1,7 +1,7 @@
 export interface Timer {
     start: (seconds: number) => void;
     pause: () => void;
-    resume: (currentSecons?: number) => void;
+    resume: (currentSeconds?: number) => void;
     reset: () => void;
 }
 interface UseTimerProperties {

package/dist/index.d.ts

@@ -7,7 +7,10 @@ export * from './blocks/command-button';
 export * from './blocks/copy-paste-button';
 export * from './blocks/dropzone';
 export * from './blocks/font-picker';
+export * from './blocks/gate';
 export * from './blocks/image-dropzone';
+export * from './blocks/login-card';
+export * from './blocks/menu-items';
 export * from './blocks/navbar';
 export * from './blocks/palette-picker';
 export * from './blocks/parameter-text';
@@ -35,9 +38,14 @@ export * from './blocks/google-signin-button';
 export * from './blocks/switch-theme';
 export * from './blocks/toggle-theme';
 export * from './blocks/transparent-background';
+export * from './blocks/user-avatar';
+export * from './blocks/user-info';
+export * from './blocks/user-menu';
 export * from './components/accordion';
 export * from './components/alert';
 export * from './components/autocomplete';
+export * from './components/avatar';
+export * from './components/badge';
 export * from './components/button';
 export * from './components/chart';
 export * from './components/checkbox';
@@ -66,6 +74,7 @@ export * from './components/input';
 export * from './components/label';
 export * from './components/masonry';
 export * from './components/kbd';
+export * from './components/menu';
 export * from './components/navigation-menu';
 export * from './components/number-field';
 export * from './components/pagination';
@@ -74,10 +83,13 @@ export * from './components/parameter-group';
 export * from './components/popover';
 export * from './components/progress';
 export * from './components/reorder-list';
+export * from './components/resizable';
+export * from './components/scene';
 export * from './components/scroll-area';
 export * from './components/select';
 export * from './components/separator';
 export * from './components/sidebar';
+export * from './components/slide';
 export * from './components/spacer';
 export * from './components/slider';
 export * from './components/spinner';
@@ -124,9 +136,12 @@ export * from './effects/text-type';
 export * from './hooks/use-animated-value';
 export * from './hooks/use-element-size';
 export * from './hooks/use-focus-size';
+export * from './hooks/use-in-view';
 export * from './hooks/use-preloaded-image';
 export * from './hooks/use-stopwatch';
 export * from './hooks/use-timer';
+export * from './pages/loading-page';
+export * from './pages/login-page';
 export * from './providers/command-provider';
 export * from './providers/design-system-provider';
 export * as baseStyles from './styles';