@hanzo/ui-shadcn 5.7.2

package/dist/primitives/input.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { RefCallBack } from 'react-hook-form';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    hidePasswordToggle?: boolean;
+    ref?: React.RefObject<HTMLInputElement | null> | RefCallBack;
+}
+declare const Input: {
+    ({ className, type, startAdornment, endAdornment, hidePasswordToggle, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Input };
+export default Input;
+//# sourceMappingURL=input.d.ts.map

package/dist/primitives/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../primitives/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,WAAW,CAAC;CAC9D;AAED,QAAA,MAAM,KAAK;2FAQR,UAAU;;CA+FZ,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}

package/dist/primitives/input.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import * as React from 'react';
+import { useEffect, useImperativeHandle, useRef } from 'react';
+import { cn } from '../src/utils';
+import { Badge } from './badge';
+import { Button } from './button';
+const Input = ({ className, type, startAdornment, endAdornment, hidePasswordToggle, ref, ...props }) => {
+    const inputRef = useRef(null);
+    const startAdornmentRef = useRef(null);
+    const endAdornmentRef = useRef(null);
+    const [showPassword, setShowPassword] = React.useState(false);
+    const togglePasswordVisibility = () => {
+        setShowPassword(!showPassword);
+    };
+    const style = {};
+    if (startAdornment) {
+        style.paddingLeft = `${(startAdornmentRef?.current?.offsetWidth ?? 0) + 20}px`;
+    }
+    if (endAdornment) {
+        style.paddingRight = `${(endAdornmentRef?.current?.offsetWidth ?? 0) + 20}px`;
+    }
+    useImperativeHandle(ref, () => inputRef.current, []);
+    useEffect(() => {
+        if (props.autoFocus) {
+            setTimeout(() => {
+                // trick to wait the modal to be opened to focus
+                inputRef?.current?.focus();
+            }, 0);
+        }
+    }, [props.autoFocus]);
+    const inputType = type === 'password' && showPassword ? 'text' : type;
+    return (_jsxs(_Fragment, { children: [_jsx("input", { className: cn('h-input border-border-input bg-bg-secondary focus:border-border-input-focus disabled:bg-bg-input-disabled peer placeholder-shown:border-border-input text-text-default w-full rounded-lg border px-4 py-3 pt-8 text-sm font-medium placeholder-transparent outline outline-0 transition-all placeholder-shown:border focus:border focus:outline-0 disabled:border-0 disabled:text-gray-400', startAdornment && 'pl-[var(--custom-padding-left-input)]', endAdornment && 'pr-[var(--custom-padding-right-input)]', type === 'password' && 'pr-[60px]', className), placeholder: " ", ref: inputRef, spellCheck: false, style: style, type: inputType, ...props }), startAdornment ? (_jsx(Badge, { className: "peer/adornment adornment absolute top-[30px] left-4", ref: startAdornmentRef, variant: "inputAdornment", children: startAdornment })) : null, endAdornment && typeof endAdornment === 'string' ? (_jsx(Badge, { className: "peer/adornment adornment absolute top-[30px] right-4", ref: endAdornmentRef, variant: "inputAdornment", children: endAdornment })) : null, endAdornment &&
+                typeof endAdornment !== 'string' &&
+                React.isValidElement(endAdornment)
+                ? React.cloneElement(endAdornment, {
+                    ref: endAdornmentRef,
+                })
+                : null, type === 'password' && !hidePasswordToggle && (_jsx(Button, { "aria-label": showPassword ? 'Hide password' : 'Show password', className: "absolute top-3 right-3", onClick: togglePasswordVisibility, size: 'icon', type: "button", variant: "ghost", children: showPassword ? (_jsx(EyeOffIcon, { "aria-hidden": "true", className: "h-4 w-4" })) : (_jsx(EyeIcon, { "aria-hidden": "true", className: "h-4 w-4" })) }))] }));
+};
+Input.displayName = 'Input';
+export { Input };
+export default Input;

package/dist/primitives/item.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
+//# sourceMappingURL=item.d.ts.map

package/dist/primitives/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../primitives/item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAStE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASxC;AAED,QAAA,MAAM,YAAY;;;8EAmBjB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAW1D;AAED,QAAA,MAAM,iBAAiB;;8EAetB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAC"}

package/dist/primitives/item.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../src/utils';
+import { Separator } from './separator';
+function ItemGroup({ className, ...props }) {
+    return (_jsx("div", { role: "list", "data-slot": "item-group", className: cn('group/item-group flex flex-col', className), ...props }));
+}
+function ItemSeparator({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn('my-0', className), ...props }));
+}
+const itemVariants = cva('group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border-border',
+            muted: 'bg-muted/50',
+        },
+        size: {
+            default: 'p-4 gap-4 ',
+            sm: 'py-3 px-4 gap-2.5',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function Item({ className, variant = 'default', size = 'default', asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return (_jsx(Comp, { "data-slot": "item", "data-variant": variant, "data-size": size, className: cn(itemVariants({ variant, size, className })), ...props }));
+}
+const itemMediaVariants = cva('flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: 'size-8 border rounded-sm bg-muted [&_svg:not([class*="size-"])]:size-4',
+            image: 'size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function ItemMedia({ className, variant = 'default', ...props }) {
+    return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
+}
+function ItemContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-content", className: cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className), ...props }));
+}
+function ItemTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-title", className: cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className), ...props }));
+}
+function ItemDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "item-description", className: cn('text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className), ...props }));
+}
+function ItemActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-actions", className: cn('flex items-center gap-2', className), ...props }));
+}
+function ItemHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-header", className: cn('flex basis-full items-center justify-between gap-2', className), ...props }));
+}
+function ItemFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "item-footer", className: cn('flex basis-full items-center justify-between gap-2', className), ...props }));
+}
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/primitives/kbd.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/primitives/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../primitives/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAahE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA"}

package/dist/primitives/kbd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../src/utils";
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className), ...props }));
+}
+function KbdGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
+}
+export { Kbd, KbdGroup };

package/dist/primitives/label.d.ts

@@ -0,0 +1,11 @@
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const Label: {
+    ({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Label };
+export default Label;
+//# sourceMappingURL=label.d.ts.map

package/dist/primitives/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../primitives/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa,oFAElB,CAAC;AAEF,QAAA,MAAM,KAAK;8BAGR,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GACjD,YAAY,CAAC,OAAO,aAAa,CAAC;;CAEnC,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,eAAe,KAAK,CAAC"}

package/dist/primitives/label.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '../src/utils';
+const labelVariants = cva('text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const Label = ({ className, ...props }) => (_jsx(LabelPrimitive.Root, { className: cn(labelVariants(), className), ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label };
+export default Label;

package/dist/primitives/list-adaptor.d.ts

@@ -0,0 +1,10 @@
+interface ListAdaptor<T> {
+    getValue: (el: T) => string;
+    equals: (el1: T, el2: T) => boolean;
+    valueEquals: (el: T, v: string) => boolean;
+    getLabel?: (el: T) => string;
+    getImageUrl?: (el: T) => string | null;
+    isDisabled?: (el: T) => boolean;
+}
+export { type ListAdaptor as default };
+//# sourceMappingURL=list-adaptor.d.ts.map

package/dist/primitives/list-adaptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-adaptor.d.ts","sourceRoot":"","sources":["../../primitives/list-adaptor.ts"],"names":[],"mappings":"AAAA,UAAU,WAAW,CAAC,CAAC;IACrB,QAAQ,EAAI,CAAC,EAAE,EAAE,CAAC,KAAK,MAAM,CAAA;IAC7B,MAAM,EAAM,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACvC,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAC1C,QAAQ,CAAC,EAAG,CAAC,EAAE,EAAE,CAAC,KAAK,MAAM,CAAA;IAC7B,WAAW,CAAC,EAAG,CAAC,EAAE,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,CAAA;CAChC;AAED,OAAO,EACL,KAAK,WAAW,IAAI,OAAO,EAC5B,CAAA"}

package/dist/primitives/list-adaptor.js

@@ -0,0 +1 @@
+export {};

package/dist/primitives/list-box.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare function ListBox<T>({ values, labels, onValueChange, value, isEqual, clx, itemClx }: {
+    values: T[];
+    labels: string[];
+    onValueChange: (val: T) => void;
+    value: T | undefined;
+    isEqual: (v1: T, v2: T) => boolean;
+    clx?: string;
+    itemClx?: string;
+}): React.ReactElement;
+export default ListBox;
+//# sourceMappingURL=list-box.d.ts.map

package/dist/primitives/list-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../primitives/list-box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoCzB,iBAAS,OAAO,CAAC,CAAC,EAAE,EAClB,MAAM,EACN,MAAM,EACN,aAAa,EACb,KAAK,EACL,OAAO,EACP,GAAQ,EACR,OAAY,EACb,EAAC;IACA,MAAM,EAAE,CAAC,EAAE,CAAA;IACX,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IAC/B,KAAK,EAAE,CAAC,GAAG,SAAS,CAAA;IACpB,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,OAAO,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,KAAK,CAAC,YAAY,CAkBrB;AAED,eAAe,OAAO,CAAA"}

package/dist/primitives/list-box.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../util';
+function Item({ value, label, className, onClick, first = false, last = false, selected = false }) {
+    return (_jsx("div", { className: cn('font-normal text-muted-1 px-3 py-1 cursor-pointer hover:text-foreground ', last ? '' : 'border-b', selected ? 'font-semibold text-accent hover:text-accent' : '', className), onClick: () => { onClick(value); }, children: _jsx("span", { children: label }) }));
+}
+function ListBox({ values, labels, onValueChange, value, isEqual, clx = '', itemClx = '' }) {
+    return (_jsx("div", { className: cn('border rounded-md select-none', clx), children: values.map((val, i) => (_jsx(Item, { value: val, label: labels[i], onClick: onValueChange, className: itemClx, first: i === 0, last: i === values.length - 1, selected: value && isEqual(val, value) }, labels[i]))) }));
+}
+export default ListBox;

package/dist/primitives/loading-spinner.d.ts

@@ -0,0 +1,6 @@
+declare const LoadingSpinner: React.FC<{
+    size?: number;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>>;
+export default LoadingSpinner;
+//# sourceMappingURL=loading-spinner.d.ts.map

package/dist/primitives/loading-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../primitives/loading-spinner.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAC5B;IACE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GACC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAsBhC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/primitives/loading-spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../util';
+// cf: https://github.com/hanzo-ui/ui/discussions/1694#discussioncomment-7851248
+const LoadingSpinner = ({ size = 24, className = '', ...props }) => {
+    return (_jsx("svg", { width: size, height: size, ...props, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn("animate-spin", className), children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
+};
+export default LoadingSpinner;

package/dist/primitives/markdown-preview.d.ts

@@ -0,0 +1,129 @@
+import { Primitive } from '@radix-ui/react-primitive';
+import { Element } from 'hast';
+import React, { type ComponentPropsWithoutRef, type ComponentType, type ElementType, type FC, type ReactNode } from 'react';
+import { Options } from 'react-markdown';
+import { type SyntaxHighlighterProps as SHP } from 'react-syntax-highlighter';
+export type CodeHeaderProps = {
+    node?: Element | undefined;
+    language: string | undefined;
+    code: string;
+};
+export declare const CodeHeader: FC<CodeHeaderProps>;
+export declare const makePrismAsyncLightSyntaxHighlighter: (config: Omit<SHP, "language" | "children">) => React.FC<SyntaxHighlighterProps>;
+export declare const SyntaxHighlighterBase: React.FC<SyntaxHighlighterProps>;
+export declare const defaultComponents: {
+    h1: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    h2: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    h3: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    h4: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    h5: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    h6: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    p: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    a: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    blockquote: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    ul: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    ol: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    hr: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    table: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    thead: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    th: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    td: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    tr: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    sup: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    pre: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    code: ({ className, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    CodeHeader: React.FC<CodeHeaderProps>;
+    SyntaxHighlighter: React.FC<SyntaxHighlighterProps>;
+};
+export type PreComponent = ComponentType<ComponentPropsWithoutRef<'pre'> & {
+    node?: Element | undefined;
+}>;
+export type CodeComponent = ComponentType<ComponentPropsWithoutRef<'code'> & {
+    node?: Element | undefined;
+}>;
+export declare const PreContext: React.Context<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref"> & {
+    node?: Element | undefined;
+}, "children"> | null>;
+export declare const IsRunningContext: React.Context<boolean | undefined>;
+export declare const useIsMarkdownCodeBlock: () => boolean;
+export declare const useIsRunning: () => boolean | undefined;
+export declare const PreOverride: PreComponent;
+export declare const DefaultPre: PreComponent;
+export declare const DefaultCode: CodeComponent;
+export declare const DefaultCodeBlockContent: ComponentType<{
+    node: Element | undefined;
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+    };
+    code: string | ReactNode | undefined;
+}>;
+export declare const DefaultCodeHeader: ComponentType<CodeHeaderProps>;
+type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
+export type MarkdownTextPrimitiveProps = Omit<Options, 'components' | 'children'> & {
+    className?: string;
+    containerProps?: Omit<PrimitiveDivProps, 'children' | 'asChild'> | undefined;
+    containerComponent?: ElementType;
+    componentsByLanguage?: Record<string, {
+        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
+    }> | undefined;
+    components?: (NonNullable<Options['components']> & {
+        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;
+        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;
+    }) | undefined;
+    content: string;
+    ref?: React.RefObject<HTMLDivElement>;
+};
+export type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+        CodeHeader: ComponentType<CodeHeaderProps>;
+        SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
+    };
+    componentsByLanguage?: Record<string, {
+        CodeHeader?: ComponentType<CodeHeaderProps>;
+        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;
+    }> | undefined;
+};
+export type SyntaxHighlighterProps = {
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+    };
+    language: string;
+    code: string;
+    isRunning?: boolean;
+};
+export type CodeBlockProps = {
+    node: Element | undefined;
+    language: string;
+    code: string;
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+        CodeHeader: ComponentType<CodeHeaderProps>;
+        SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
+    };
+    isRunning?: boolean;
+};
+export declare const DefaultCodeBlock: FC<CodeBlockProps>;
+export declare const withDefaultProps: <TProps extends {
+    className?: string | undefined;
+}>({ className, ...defaultProps }: Partial<TProps>) => ({ className: classNameProp, ...props }: TProps) => TProps;
+export declare const CodeOverrideBase: FC<CodeOverrideProps>;
+export declare const CodeOverride: React.NamedExoticComponent<CodeOverrideProps>;
+export declare const MarkdownTextPrimitive: {
+    ({ components: userComponents, className, containerProps, containerComponent: Container, content, componentsByLanguage, ref, isRunning, ...rest }: MarkdownTextPrimitiveProps & {
+        isRunning?: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type MakeMarkdownTextProps = MarkdownTextPrimitiveProps & {
+    isRunning?: boolean;
+};
+export declare const MarkdownTextBase: ({ className, isRunning, components: userComponents, ...rest }: MakeMarkdownTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarkdownText: React.MemoExoticComponent<({ className, isRunning, components: userComponents, ...rest }: MakeMarkdownTextProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=markdown-preview.d.ts.map

package/dist/primitives/markdown-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-preview.d.ts","sourceRoot":"","sources":["../../primitives/markdown-preview.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/markdown-preview.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallbackRef } from '@radix-ui/react-use-callback-ref';
+import { createContext, memo, useContext, useMemo, } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { PrismAsyncLight, } from 'react-syntax-highlighter';
+import python from 'react-syntax-highlighter/dist/esm/languages/prism/python';
+import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
+import { default as github } from 'react-syntax-highlighter/dist/esm/styles/hljs/github';
+import rehypeKatex from 'rehype-katex';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import { memoCompareNodes, memoizeMarkdownComponents, } from '../helpers/memoization';
+import { cn } from '../src/utils';
+import { CopyToClipboardIcon } from './copy-to-clipboard-icon';
+import { MermaidDiagram } from './mermaid';
+export const CodeHeader = ({ language, code }) => {
+    return (_jsxs("div", { className: "code-header-root bg-bg-darker text-text-default flex items-center justify-between gap-4 rounded-t-lg px-4 py-1", children: [_jsx("span", { className: "code-header-language text-text-secondary text-xs font-medium lowercase", children: language }), _jsx(CopyToClipboardIcon, { className: cn('text-text-secondary h-7 w-7 bg-transparent hover:bg-gray-900 [&>svg]:h-3 [&>svg]:w-3'), string: code })] }));
+};
+const makeMakeSyntaxHighlighter = (SyntaxHighlighter) => (config) => {
+    const PrismSyntaxHighlighter = ({ components: { Pre, Code }, language, code, }) => {
+        return (_jsx(SyntaxHighlighter, { CodeTag: Code, PreTag: Pre, ...config, language: language, children: code }));
+    };
+    PrismSyntaxHighlighter.displayName = 'PrismSyntaxHighlighter';
+    return PrismSyntaxHighlighter;
+};
+// register languages you want to support
+PrismAsyncLight.registerLanguage('js', tsx);
+PrismAsyncLight.registerLanguage('jsx', tsx);
+PrismAsyncLight.registerLanguage('ts', tsx);
+PrismAsyncLight.registerLanguage('tsx', tsx);
+PrismAsyncLight.registerLanguage('python', python);
+export const makePrismAsyncLightSyntaxHighlighter = makeMakeSyntaxHighlighter(PrismAsyncLight);
+export const SyntaxHighlighterBase = makePrismAsyncLightSyntaxHighlighter({
+    style: github,
+    customStyle: {
+        margin: 0,
+        width: '100%',
+        background: 'var(--color-bg-darker)',
+        padding: '1.5rem 1rem',
+        fontSize: '0.875em',
+    },
+});
+export const defaultComponents = memoizeMarkdownComponents({
+    h1: ({ className, ...props }) => (_jsx("h1", { className: cn('mt-[1em] mb-[0.7em] scroll-m-20 text-[1.375rem] font-bold last:mb-0', className), ...props })),
+    h2: ({ className, ...props }) => (_jsx("h2", { className: cn('text-em-xl mt-[0.8em] mb-[0.4em] scroll-m-20 font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h3: ({ className, ...props }) => (_jsx("h3", { className: cn('text-em-lg mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h4: ({ className, ...props }) => (_jsx("h4", { className: cn('text-em-base mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h5: ({ className, ...props }) => (_jsx("h5", { className: cn('text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0', className), ...props })),
+    h6: ({ className, ...props }) => (_jsx("h6", { className: cn('text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0', className), ...props })),
+    p: ({ className, ...props }) => (_jsx("p", { className: cn('text-em-base my-[0.5em] first:mt-0 last:mb-0', className), ...props })),
+    a: ({ className, ...props }) => (_jsx("a", { className: cn('font-medium text-blue-400 underline underline-offset-4', className), target: "_blank", ...props })),
+    blockquote: ({ className, ...props }) => (_jsx("blockquote", { className: cn('border-l-2 pl-6 italic', className), ...props })),
+    ul: ({ className, ...props }) => (_jsx("ul", { className: cn('text-em-base my-[1em] ml-6 list-disc [&>li]:mt-2', className), ...props })),
+    ol: ({ className, ...props }) => (_jsx("ol", { className: cn('text-em-base my-[1em] ml-6 list-decimal [&>li]:mt-[0.5em]', className), ...props })),
+    hr: ({ className, ...props }) => (_jsx("hr", { className: cn('border-divider my-[2.25em] border-b', className), ...props })),
+    table: ({ className, ...props }) => (_jsx("div", { className: "my-[1.5em] size-full overflow-x-auto", children: _jsx("table", { className: "w-full border-collapse border-spacing-0", ...props }) })),
+    thead: ({ className, ...props }) => (_jsx("thead", { className: cn('[&>tr]:border-none', className), ...props })),
+    th: ({ className, ...props }) => (_jsx("th", { className: cn('text-em-sm px-[1em] py-[0.875em] text-left font-semibold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    td: ({ className, ...props }) => (_jsx("td", { className: cn('text-em-sm border-divider border-b px-[1em] py-[0.875em] text-left [&[align=center]]:text-center [&[align=right]]:text-right', className), ...props })),
+    tr: ({ className, ...props }) => (_jsx("tr", { className: cn('m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg', className), ...props })),
+    sup: ({ className, ...props }) => (_jsx("sup", { className: cn('[&>a]:text-em-xs [&>a]:no-underline', className), ...props })),
+    pre: ({ className, ...props }) => (_jsx("pre", { className: cn('bg-bg-darker text-text-default overflow-x-auto rounded-b-lg !px-[1em] !py-[0.5em]', className), ...props })),
+    code: function Code({ className, ...props }) {
+        const isCodeBlock = useIsMarkdownCodeBlock();
+        return (_jsx("code", { className: cn(!isCodeBlock &&
+                'bg-bg-darker text-em-sm border-divider rounded-sm p-[0.25em] font-semibold', className), ...props }));
+    },
+    CodeHeader,
+    SyntaxHighlighter: SyntaxHighlighterBase,
+});
+export const PreContext = createContext(null);
+export const IsRunningContext = createContext(undefined);
+export const useIsMarkdownCodeBlock = () => {
+    return useContext(PreContext) !== null;
+};
+export const useIsRunning = () => {
+    return useContext(IsRunningContext);
+};
+export const PreOverride = ({ children, ...rest }) => {
+    return _jsx(PreContext.Provider, { value: rest, children: children });
+};
+export const DefaultPre = ({ className, ...rest }) => _jsx("pre", { className: className, ...rest });
+export const DefaultCode = ({ className, ...rest }) => (_jsx("code", { className: className, ...rest }));
+export const DefaultCodeBlockContent = ({ node, components: { Pre, Code }, code }) => (_jsx(Pre, { children: _jsx(Code, { node: node, children: code }) }));
+export const DefaultCodeHeader = () => null;
+export const DefaultCodeBlock = ({ node, components: { Pre, Code, SyntaxHighlighter, CodeHeader }, language, code, isRunning, }) => {
+    const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
+    const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
+    return (_jsxs(_Fragment, { children: [_jsx(CodeHeader, { node: node, language: language, code: code }), _jsx(SH, { node: node, components: components, language: language ?? 'unknown', code: code, isRunning: isRunning })] }));
+};
+export const withDefaultProps = ({ className, ...defaultProps }) => ({ className: classNameProp, ...props }) => {
+    return {
+        className: cn(className, classNameProp),
+        ...defaultProps,
+        ...props,
+    };
+};
+const CodeBlockOverride = ({ node, components: { Pre, Code, SyntaxHighlighter: FallbackSyntaxHighlighter, CodeHeader: FallbackCodeHeader, }, componentsByLanguage = {}, children, ...codeProps }) => {
+    const preProps = useContext(PreContext);
+    const isRunning = useIsRunning();
+    const getPreProps = withDefaultProps(preProps);
+    const WrappedPre = useCallbackRef((props) => (_jsx(Pre, { ...getPreProps(props) })));
+    const getCodeProps = withDefaultProps(codeProps);
+    const WrappedCode = useCallbackRef((props) => (_jsx(Code, { ...getCodeProps(props) })));
+    const language = /language-(\w+)/.exec(codeProps.className || '')?.[1] ?? '';
+    // if the code content is not string (due to rehype plugins), return a default code block
+    if (typeof children !== 'string') {
+        return (_jsx(DefaultCodeBlockContent, { code: children, components: { Pre: WrappedPre, Code: WrappedCode }, node: node }));
+    }
+    const SyntaxHighlighter = componentsByLanguage[language]?.SyntaxHighlighter ??
+        FallbackSyntaxHighlighter;
+    const CodeHeader = componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;
+    return (_jsx(DefaultCodeBlock, { node: node, components: {
+            Pre: WrappedPre,
+            Code: WrappedCode,
+            SyntaxHighlighter,
+            CodeHeader,
+        }, language: language || 'unknown', code: children, isRunning: isRunning }));
+};
+export const CodeOverrideBase = ({ node, components, componentsByLanguage, ...props }) => {
+    const isCodeBlock = useContext(PreContext) !== null;
+    if (!isCodeBlock)
+        return _jsx(components.Code, { ...props });
+    return (_jsx(CodeBlockOverride, { components: components, componentsByLanguage: componentsByLanguage, node: node, ...props }));
+};
+export const CodeOverride = memo(CodeOverrideBase, (prev, next) => {
+    const isEqual = prev.components === next.components &&
+        prev.componentsByLanguage === next.componentsByLanguage &&
+        memoCompareNodes(prev, next);
+    return isEqual;
+});
+export const MarkdownTextPrimitive = ({ components: userComponents, className, containerProps, containerComponent: Container = 'div', content, componentsByLanguage, ref, isRunning, ...rest }) => {
+    const { pre = DefaultPre, code = DefaultCode, SyntaxHighlighter = DefaultCodeBlockContent, CodeHeader = DefaultCodeHeader, } = userComponents ?? {};
+    const useCodeOverrideComponents = useMemo(() => {
+        return {
+            Pre: pre,
+            Code: code,
+            SyntaxHighlighter,
+            CodeHeader,
+        };
+    }, [pre, code, SyntaxHighlighter, CodeHeader]);
+    const CodeComponent = useCallbackRef((props) => (_jsx(CodeOverride, { components: useCodeOverrideComponents, componentsByLanguage: componentsByLanguage, ...props })));
+    const components = useMemo(() => {
+        const { pre, code, SyntaxHighlighter, CodeHeader, ...componentsRest } = userComponents ?? {};
+        return {
+            ...componentsRest,
+            pre: PreOverride,
+            code: CodeComponent,
+        };
+    }, [CodeComponent, userComponents]);
+    return (_jsx(Container
+    // data-status={status.type}
+    , { ...containerProps, className: cn(className, containerProps?.className), ref: ref, children: _jsx(IsRunningContext.Provider, { value: isRunning, children: _jsx(ReactMarkdown, { components: components, ...rest, children: content }) }) }));
+};
+MarkdownTextPrimitive.displayName = 'MarkdownTextPrimitive';
+export const MarkdownTextBase = ({ className, isRunning, components: userComponents, ...rest }) => {
+    return (_jsx(MarkdownTextPrimitive, { components: defaultComponents, remarkPlugins: [remarkGfm, remarkMath], rehypePlugins: [rehypeKatex], className: cn(isRunning && 'md-running', className), isRunning: isRunning, componentsByLanguage: {
+            mermaid: {
+                SyntaxHighlighter: MermaidDiagram,
+            },
+        }, ...rest }));
+};
+export const MarkdownText = memo(MarkdownTextBase, (prev, next) => prev.content === next.content &&
+    prev.isRunning === next.isRunning &&
+    prev.className === next.className);

package/dist/primitives/menubar.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };
+//# sourceMappingURL=menubar.d.ts.map