@hanzo/ui-shadcn 5.7.2

package/dist/primitives/avatar.d.ts

@@ -0,0 +1,25 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
+type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Root>>;
+};
+declare const Avatar: {
+    ({ className, ref, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Image>>;
+};
+declare const AvatarImage: {
+    ({ className, ref, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Fallback>>;
+};
+declare const AvatarFallback: {
+    ({ className, ref, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../primitives/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAC/C,OAAO,eAAe,CAAC,IAAI,CAC5B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,QAAA,MAAM,MAAM;mCAAkC,WAAW;;CASxD,CAAC;AAGF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CACpD,OAAO,eAAe,CAAC,KAAK,CAC7B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAMlE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CACvD,OAAO,eAAe,CAAC,QAAQ,CAChC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;CAC5E,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/avatar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '../src/utils';
+const Avatar = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Root, { className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ref: ref, ...props }));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Image, { className: cn('aspect-square h-full w-full', className), ref: ref, ...props }));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Fallback, { className: cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className), ref: ref, ...props }));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/primitives/badge.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "inputAdornment" | "tags" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+export default Badge;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../primitives/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAyBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAW3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,eAAe,KAAK,CAAC"}

package/dist/primitives/badge.js

@@ -0,0 +1,28 @@
+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';
+const badgeVariants = cva('inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent',
+            destructive: 'bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+            ghost: 'hover:bg-accent hover:text-accent-foreground border-transparent',
+            link: 'text-primary underline-offset-4 hover:underline border-transparent',
+            // Hanzo-specific variants for backward compatibility
+            inputAdornment: 'bg-gray-600 px-2 font-medium text-white border-transparent',
+            tags: 'text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Badge({ className, variant = 'default', asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };
+export default Badge;

package/dist/primitives/breadcrumb.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+type BreadcrumbProps = React.ComponentPropsWithoutRef<'nav'> & {
+    separator?: React.ReactNode;
+    ref?: React.RefObject<HTMLDivElement>;
+};
+declare const Breadcrumb: {
+    ({ ref, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbListProps = React.ComponentPropsWithoutRef<'ol'> & {
+    ref?: React.RefObject<HTMLOListElement>;
+};
+declare const BreadcrumbList: {
+    ({ className, ref, ...props }: BreadcrumbListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbItemProps = React.ComponentPropsWithoutRef<'li'> & {
+    ref?: React.RefObject<HTMLLIElement>;
+};
+declare const BreadcrumbItem: {
+    ({ className, ref, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbLinkProps = React.ComponentPropsWithoutRef<'a'> & {
+    asChild?: boolean;
+    ref?: React.RefObject<HTMLAnchorElement>;
+};
+declare const BreadcrumbLink: {
+    ({ asChild, className, ref, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbPageProps = React.ComponentPropsWithoutRef<'span'> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+};
+declare const BreadcrumbPage: {
+    ({ className, ref, ...props }: BreadcrumbPageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbSeparatorProps = React.ComponentProps<'li'> & {
+    ref?: React.RefObject<HTMLLIElement>;
+};
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../primitives/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,UAAU;wBAAuB,eAAe;;CAErD,CAAC;AAIF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAMxE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,cAAc;4CAKjB,mBAAmB;;CAUrB,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,mBAAmB;wCAItB,wBAAwB;;CAS1B,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAU9B,CAAC;AAGF,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/primitives/breadcrumb.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import { cn } from '../src/utils';
+const Breadcrumb = ({ ref, ...props }) => (_jsx("nav", { "aria-label": "breadcrumb", ref: ref, ...props }));
+Breadcrumb.displayName = 'Breadcrumb';
+const BreadcrumbList = ({ className, ref, ...props }) => (_jsx("ol", { className: cn('text-text-secondary flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className), ref: ref, ...props }));
+BreadcrumbList.displayName = 'BreadcrumbList';
+const BreadcrumbItem = ({ className, ref, ...props }) => (_jsx("li", { className: cn('inline-flex items-center gap-1.5', className), ref: ref, ...props }));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+const BreadcrumbLink = ({ asChild, className, ref, ...props }) => {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsx(Comp, { className: cn('hover:text-text-default transition-colors', className), ref: ref, ...props }));
+};
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+const BreadcrumbPage = ({ className, ref, ...props }) => (_jsx("span", { "aria-current": "page", "aria-disabled": "true", className: cn('text-text-default font-normal', className), ref: ref, role: "link", ...props }));
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { "aria-hidden": "true", className: cn('[&>svg]:h-4 [&>svg]:w-4', className), role: "presentation", ...props, children: children ?? _jsx(ChevronRight, {}) }));
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { "aria-hidden": "true", className: cn('flex h-9 w-9 items-center justify-center', className), role: "presentation", ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const BreakpointIndicator: React.FC;
+export default BreakpointIndicator;
+//# sourceMappingURL=breakpoint-indicator.d.ts.map

package/dist/primitives/breakpoint-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-indicator.d.ts","sourceRoot":"","sources":["../../primitives/breakpoint-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAchC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/primitives/breakpoint-indicator.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BreakpointIndicator = () => {
+    if (process?.env?.NODE_ENV !== undefined && process.env.NODE_ENV === "production")
+        return null;
+    return (_jsxs("div", { className: "fixed bottom-1 left-1 z-floating flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-primary", children: [_jsx("div", { className: "block sm:hidden", children: "xs" }), _jsx("div", { className: "hidden sm:block md:hidden", children: "sm" }), _jsx("div", { className: "hidden md:block lg:hidden", children: "md" }), _jsx("div", { className: "hidden lg:block xl:hidden", children: "lg" }), _jsx("div", { className: "hidden xl:block 2xl:hidden", children: "xl" }), _jsx("div", { className: "hidden 2xl:block", children: "2xl" })] }));
+};
+export default BreakpointIndicator;

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

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/primitives/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../primitives/button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,mBAAmB;;8EAexB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,2CAUxE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAYA;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAYxC;AAED,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,CAAC"}

package/dist/primitives/button-group.js

@@ -0,0 +1,28 @@
+'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';
+const buttonGroupVariants = cva('flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*="w-"])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2', {
+    variants: {
+        orientation: {
+            horizontal: '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',
+            vertical: 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+    },
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return (_jsx(Comp, { className: cn('bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4', className), ...props }));
+}
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn('bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto', className), ...props }));
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };

package/dist/primitives/button.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "primary" | "linkFG" | "linkMuted" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+export default Button;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../primitives/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EAmCnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,uFAqBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;AAClC,eAAe,MAAM,CAAC"}

package/dist/primitives/button.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../src/utils';
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+            link: 'text-primary underline-offset-4 hover:underline',
+            // Keep the additional Hanzo variants for backward compatibility
+            primary: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+            linkFG: 'text-primary underline-offset-4 hover:underline',
+            linkMuted: 'text-muted-foreground underline-offset-4 hover:underline hover:text-foreground',
+        },
+        size: {
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
+            'icon-sm': 'size-8',
+            'icon-lg': 'size-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+const Button = React.forwardRef(({ className, variant = 'default', size = 'default', asChild = false, isLoading = false, children, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsxs(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props, children: [isLoading ? (_jsx(Loader2, { className: cn('h-4 w-4 animate-spin', size !== 'icon' && size !== 'icon-sm' && size !== 'icon-lg' && 'mr-2') })) : null, isLoading && (size === 'icon' || size === 'icon-sm' || size === 'icon-lg') ? null : children] }));
+});
+Button.displayName = 'Button';
+export { Button, buttonVariants };
+export default Button; // Keep default export for backward compatibility

package/dist/primitives/cal-embed.d.ts

@@ -0,0 +1,11 @@
+interface CalComEmbedProps {
+    calLink?: string;
+    email?: string;
+    name?: string;
+    meetingDate?: string;
+    height?: string | number;
+    className?: string;
+}
+export declare const CalComEmbed: ({ calLink, email, name, meetingDate, height, className }: CalComEmbedProps) => import("react/jsx-runtime").JSX.Element;
+export default CalComEmbed;
+//# sourceMappingURL=cal-embed.d.ts.map

package/dist/primitives/cal-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cal-embed.d.ts","sourceRoot":"","sources":["../../primitives/cal-embed.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,0DAOzB,gBAAgB,4CAoDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/primitives/cal-embed.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+export const CalComEmbed = ({ calLink = 'adnexus/15min', email, name, meetingDate, height = '600px', className = '' }) => {
+    const iframeRef = useRef(null);
+    // Build cal.com URL with parameters
+    const buildCalUrl = () => {
+        const params = new URLSearchParams();
+        if (email)
+            params.append('email', email);
+        if (name)
+            params.append('name', name);
+        if (meetingDate)
+            params.append('date', meetingDate);
+        // Always enable overlay for better UX
+        params.append('embed', 'true');
+        const queryString = params.toString();
+        return `https://cal.com/${calLink}${queryString ? `?${queryString}` : ''}`;
+    };
+    useEffect(() => {
+        // Cal.com embed script for better integration
+        const script = document.createElement('script');
+        script.src = 'https://app.cal.com/embed/embed.js';
+        script.async = true;
+        document.body.appendChild(script);
+        return () => {
+            // Cleanup
+            if (document.body.contains(script)) {
+                document.body.removeChild(script);
+            }
+        };
+    }, []);
+    return (_jsx("div", { className: `cal-embed-container ${className}`, children: _jsx("iframe", { ref: iframeRef, src: buildCalUrl(), width: "100%", height: height, frameBorder: "0", allow: "camera; microphone; autoplay; encrypted-media;", style: {
+                border: 'none',
+                borderRadius: '8px',
+                overflow: 'hidden'
+            }, "data-cal-link": calLink, "data-cal-config": '{"layout":"month_view"}' }) }));
+};
+export default CalComEmbed;

package/dist/primitives/calendar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };
+export default Calendar;
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../primitives/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAA;AAK7E,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAElE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,2CAwDf;kBA7DQ,QAAQ;;;AAgEjB,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;AACtC,eAAe,QAAQ,CAAA"}

package/dist/primitives/calendar.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "../util";
+import { Button, buttonVariants } from "./button";
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("p-3", className), classNames: {
+            months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+            month: "space-y-4",
+            caption: "flex justify-center pt-1 relative items-center",
+            caption_label: "text-sm font-medium",
+            nav: "space-x-1 flex items-center",
+            nav_button: cn(buttonVariants({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+            nav_button_previous: "absolute left-1",
+            nav_button_next: "absolute right-1",
+            table: "w-full border-collapse space-y-1",
+            head_row: "flex",
+            head_cell: "text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",
+            row: "flex w-full mt-2",
+            cell: cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md", props.mode === "range"
+                ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+                : "[&:has([aria-selected])]:rounded-md"),
+            day: cn(buttonVariants({ variant: "ghost" }), "h-8 w-8 p-0 font-normal aria-selected:opacity-100"),
+            day_range_start: "day-range-start",
+            day_range_end: "day-range-end",
+            day_selected: "bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",
+            day_today: "bg-accent text-primary-fg",
+            day_outside: "day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",
+            day_disabled: "text-muted-foreground opacity-50",
+            day_range_middle: "aria-selected:bg-accent aria-selected:text-primary-fg",
+            day_hidden: "invisible",
+            ...classNames,
+        }, components: {
+            Chevron: ({ orientation, ...props }) => {
+                if (orientation === 'left') {
+                    return _jsx(ChevronLeftIcon, { className: "h-4 w-4" });
+                }
+                return _jsx(ChevronRightIcon, { className: "h-4 w-4" });
+            },
+        }, ...props }));
+}
+Calendar.displayName = "Calendar";
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused)
+            ref.current?.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+}
+export { Calendar, CalendarDayButton };
+export default Calendar;

package/dist/primitives/card.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../primitives/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;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,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/primitives/card.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../src/utils';
+function Card({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card", className: cn('bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm', className), ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn('leading-none font-semibold', className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn('px-6', className), ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn('flex items-center px-6 [.border-t]:pt-6', className), ...props }));
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/primitives/carousel.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
+type CarouselApi = EmblaCarouselType;
+type CarouselOptions = EmblaOptionsType;
+type CarouselPlugin = EmblaPluginType;
+type CarouselProps = {
+    options?: CarouselOptions;
+    plugins?: CarouselPlugin[];
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+    onCarouselSelect?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, type CarouselOptions, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+//# sourceMappingURL=carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../primitives/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAO1F,KAAK,WAAW,GAAG,iBAAiB,CAAA;AACpC,KAAK,eAAe,GAAG,gBAAgB,CAAA;AACvC,KAAK,cAAc,GAAG,eAAe,CAAA;AAErC,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C,CAAA;AAsBD,QAAA,MAAM,QAAQ,6HA+Eb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAoBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,gKA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,gKA0BhB,CAAA;AAGF,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAA"}

package/dist/primitives/carousel.js

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