@jackbernnie/hiyf 0.1.0

package/dist/components/Textarea.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { Textarea as Textarea$1 } from './ui/textarea.js';
+
+function Textarea({ invalid, rows, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    Textarea$1,
+    {
+      "aria-invalid": invalid || void 0,
+      rows,
+      ...rest
+    }
+  );
+}
+
+export { Textarea };

package/dist/components/Toaster.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * Toaster — a closed wrapper over the shadcn Sonner Toaster primitive.
+ *
+ * shadcn's Toaster passes the full ToasterProps through, including arbitrary
+ * `className`, `style`, raw `position` strings, and low-level `toastOptions`.
+ * This wrapper closes it:
+ *   - `position` is enumerated ('top-right'|'bottom-right'|'top-center'|
+ *     'bottom-center') — the only expressible positions are the four
+ *     system-sanctioned placements.
+ *   - `richColors` is always enabled; consumers cannot disable it.
+ *   - The ui/sonner primitive's custom icons and CSS-variable tokens are
+ *     always applied; consumers cannot override them.
+ *   - NO `className`/`style` escape hatch.
+ *   - Consumers still call `toast()` from the 'sonner' package directly to
+ *     trigger toasts — this component only mounts the toast container.
+ *   - Need a new position? Add it to the enumeration here.
+ */
+export interface ToasterProps {
+    /**
+     * Screen position for the toast stack.
+     * Defaults to 'bottom-right'.
+     */
+    position?: 'top-right' | 'bottom-right' | 'top-center' | 'bottom-center';
+}
+/**
+ * Closed Toaster mount — no className/style.
+ * Place once near the root of your app. Consumers call `toast()` from 'sonner'.
+ */
+export declare function Toaster({ position }: ToasterProps): React.JSX.Element;

package/dist/components/Toaster.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Toaster as Toaster$1 } from './ui/sonner.js';
+
+function Toaster({ position = "bottom-right" }) {
+  return /* @__PURE__ */ jsx(Toaster$1, { position, richColors: true });
+}
+
+export { Toaster };

package/dist/components/Toggle.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+/**
+ * Toggle — closed wrapper over shadcn's <Toggle>.
+ *
+ * shadcn's Toggle accepts arbitrary `className`, an open-ended `variant`
+ * string, and a raw `size` mapped to the primitive's internal names. This
+ * wrapper closes all escape hatches:
+ *   - `size` accepts only the three sanctioned steps ('sm'|'md'|'lg');
+ *     'md' maps to the primitive's 'default' size.
+ *   - `pressed`, `defaultPressed`, `onPressedChange`, and `disabled` pass
+ *     through for full controlled/uncontrolled support.
+ *   - there is NO `className` / `style` prop. Every Toggle is one of a
+ *     finite set of correct, on-brand treatments.
+ */
+declare const sizeToVariant: {
+    readonly sm: "sm";
+    readonly md: "default";
+    readonly lg: "lg";
+};
+export type ToggleSize = keyof typeof sizeToVariant;
+export interface ToggleProps {
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Initial pressed state for uncontrolled usage. */
+    defaultPressed?: boolean;
+    /** Called when pressed state changes. */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Enumerated size — 'md' maps to the default height. */
+    size?: ToggleSize;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export declare function Toggle({ pressed, defaultPressed, onPressedChange, size, disabled, children, }: ToggleProps): React.JSX.Element;
+export {};

package/dist/components/Toggle.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Toggle as Toggle$1 } from './ui/toggle.js';
+
+const sizeToVariant = {
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+};
+function Toggle({
+  pressed,
+  defaultPressed,
+  onPressedChange,
+  size = "md",
+  disabled,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Toggle$1,
+    {
+      pressed,
+      defaultPressed,
+      onPressedChange,
+      size: sizeToVariant[size],
+      disabled,
+      children
+    }
+  );
+}
+
+export { Toggle };

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+/**
+ * ToggleGroup — closed wrapper over shadcn's <ToggleGroup>.
+ *
+ * shadcn's ToggleGroup accepts arbitrary `className`, open-ended `variant`
+ * and `size` strings, and raw child composition via ToggleGroupItem imports.
+ * This wrapper closes all those escape hatches:
+ *   - `options` is the only way to populate items; no raw ToggleGroupItem
+ *     imports needed (or possible) from consumer code.
+ *   - `type` is strictly 'single'|'multiple' as required by the Radix primitive.
+ *   - `size` accepts only the three sanctioned steps ('sm'|'md'|'lg').
+ *   - `value` / `defaultValue` / `onValueChange` are typed to match each
+ *     `type`'s expected string-or-array shape via overloads.
+ *   - there is NO `className` / `style` prop.
+ */
+declare const sizeToVariant: {
+    readonly sm: "sm";
+    readonly md: "default";
+    readonly lg: "lg";
+};
+export type ToggleGroupSize = keyof typeof sizeToVariant;
+export interface ToggleGroupOption {
+    value: string;
+    label: React.ReactNode;
+}
+export interface ToggleGroupSingleProps {
+    type: 'single';
+    options: ToggleGroupOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    size?: ToggleGroupSize;
+    disabled?: boolean;
+}
+export interface ToggleGroupMultipleProps {
+    type: 'multiple';
+    options: ToggleGroupOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    size?: ToggleGroupSize;
+    disabled?: boolean;
+}
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+export declare function ToggleGroup({ type, options, size, disabled, ...rest }: ToggleGroupProps): React.JSX.Element;
+export {};

package/dist/components/ToggleGroup.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { ToggleGroup as ToggleGroup$1, ToggleGroupItem } from './ui/toggle-group.js';
+
+const sizeToVariant = {
+  sm: "sm",
+  md: "default",
+  lg: "lg"
+};
+function ToggleGroup({
+  type,
+  options,
+  size = "md",
+  disabled,
+  ...rest
+}) {
+  const primitiveProps = {
+    type,
+    size: sizeToVariant[size],
+    disabled,
+    ...rest
+  };
+  return /* @__PURE__ */ jsx(ToggleGroup$1, { ...primitiveProps, children: options.map((opt) => /* @__PURE__ */ jsx(ToggleGroupItem, { value: opt.value, children: opt.label }, opt.value)) });
+}
+
+export { ToggleGroup };

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/**
+ * Tooltip — a closed convenience wrapper over shadcn's Tooltip primitive family.
+ *
+ * shadcn's Tooltip requires consumers to assemble TooltipProvider, Tooltip,
+ * TooltipTrigger, and TooltipContent manually, and TooltipContent accepts
+ * arbitrary `className`. This wrapper closes it:
+ *   - A single `<Tooltip>` component composes the full stack internally.
+ *   - `content` is the tooltip body (typed as ReactNode for rich content).
+ *   - `side` is enumerated ('top'|'right'|'bottom'|'left') — no arbitrary
+ *     position overrides via className.
+ *   - The trigger is wrapped with `asChild` so any element can be the trigger.
+ *   - NO `className`/`style` escape hatch. Every tooltip on screen uses the
+ *     same on-brand treatment.
+ *   - Need a custom delay or alignment? Add an enumerated prop here.
+ */
+export interface TooltipProps {
+    /** The tooltip's popup content. */
+    content: React.ReactNode;
+    /** The element that triggers the tooltip on hover/focus. */
+    children: React.ReactNode;
+    /** Which side of the trigger the tooltip appears on. Defaults to 'top'. */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+}
+export declare function Tooltip({ content, children, side }: TooltipProps): React.JSX.Element;

package/dist/components/Tooltip.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TooltipProvider, Tooltip as Tooltip$1, TooltipTrigger, TooltipContent } from './ui/tooltip.js';
+
+function Tooltip({ content, children, side = "top" }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side, children: content })
+  ] }) });
+}
+
+export { Tooltip };

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+declare function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/ui/accordion.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Accordion as Accordion$1 } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { ArrowDown01Icon, ArrowUp01Icon } from '@hugeicons/core-free-icons';
+
+function Accordion({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Root,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("not-last:border-b", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowDown01Icon, strokeWidth: 2, "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }),
+        /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowUp01Icon, strokeWidth: 2, "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-(--radix-accordion-content-height) pt-0 pb-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { Button } from "./button";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,154 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+import { Button } from './button.js';
+
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialog$1.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "font-heading text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    AlertDialog$1.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    AlertDialog$1.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/ui/alert.js

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+
+const alertVariants = cva(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react").JSX.Element;
+export { AspectRatio };

package/dist/components/ui/aspect-ratio.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { AspectRatio as AspectRatio$1 } from 'radix-ui';
+
+function AspectRatio({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AspectRatio$1.Root, { "data-slot": "aspect-ratio", ...props });
+}
+
+export { AspectRatio };

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };

package/dist/components/ui/avatar.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Avatar as Avatar$1 } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Avatar, AvatarFallback, AvatarImage };