kuzenbo 0.0.1

package/dist/alert-dialog-trigger-D5BRoizR.js

@@ -0,0 +1,98 @@
+import { Button } from "./ui/button.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+
+//#region src/components/alert-dialog/alert-dialog-action.tsx
+const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
+	className: cn(className),
+	"data-slot": "alert-dialog-action",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-cancel.tsx
+const AlertDialogCancel = ({ className, variant = "outline", size = "default", ...props }) => /* @__PURE__ */ jsx(AlertDialog.Close, {
+	className: cn(className),
+	"data-slot": "alert-dialog-cancel",
+	render: /* @__PURE__ */ jsx(Button, {
+		size,
+		variant
+	}),
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-overlay.tsx
+const AlertDialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "alert-dialog-overlay",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-portal.tsx
+const AlertDialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog.Portal, {
+	"data-slot": "alert-dialog-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-content.tsx
+const AlertDialogContent = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 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-background p-6 outline-none ring-1 ring-foreground/10 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-closed:animate-out data-open:animate-in data-[size=default]:sm:max-w-lg", className),
+	"data-size": size,
+	"data-slot": "alert-dialog-content",
+	...props
+})] });
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-description.tsx
+const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog.Description, {
+	className: cn("text-balance text-muted-foreground text-sm md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+	"data-slot": "alert-dialog-description",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-footer.tsx
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 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),
+	"data-slot": "alert-dialog-footer",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-header.tsx
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	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),
+	"data-slot": "alert-dialog-header",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-media.tsx
+const AlertDialogMedia = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
+	"data-slot": "alert-dialog-media",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-title.tsx
+const AlertDialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog.Title, {
+	className: cn("font-medium text-sm sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+	"data-slot": "alert-dialog-title",
+	...props
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog-trigger.tsx
+const AlertDialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "alert-dialog-trigger",
+	...props
+});
+
+//#endregion
+export { AlertDialogFooter as a, AlertDialogPortal as c, AlertDialogAction as d, AlertDialogHeader as i, AlertDialogOverlay as l, AlertDialogTitle as n, AlertDialogDescription as o, AlertDialogMedia as r, AlertDialogContent as s, AlertDialogTrigger as t, AlertDialogCancel as u };

package/dist/alert-title-CISzcj0X.js

@@ -0,0 +1,28 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/alert/alert-action.tsx
+const AlertAction = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("absolute top-2 right-2", className),
+	"data-slot": "alert-action",
+	...props
+});
+
+//#endregion
+//#region src/components/alert/alert-description.tsx
+const AlertDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-balance text-muted-foreground text-sm md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
+	"data-slot": "alert-description",
+	...props
+});
+
+//#endregion
+//#region src/components/alert/alert-title.tsx
+const AlertTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", className),
+	"data-slot": "alert-title",
+	...props
+});
+
+//#endregion
+export { AlertDescription as n, AlertAction as r, AlertTitle as t };

package/dist/alert-title-CVC9G-Xf.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/alert/alert-action.d.ts
+declare const AlertAction: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/alert/alert-description.d.ts
+declare const AlertDescription: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/alert/alert-title.d.ts
+declare const AlertTitle: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AlertDescription as n, AlertAction as r, AlertTitle as t };

package/dist/announcement-title-CCZuGB1O.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
+
+//#region src/components/announcement/announcement-tag.d.ts
+type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;
+declare const AnnouncementTag: ({
+  className,
+  ...props
+}: AnnouncementTagProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/announcement/announcement-title.d.ts
+type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;
+declare const AnnouncementTitle: ({
+  className,
+  ...props
+}: AnnouncementTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AnnouncementTagProps as i, AnnouncementTitleProps as n, AnnouncementTag as r, AnnouncementTitle as t };

package/dist/announcement-title-CIwzt9Wl.js

@@ -0,0 +1,18 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/announcement/announcement-tag.tsx
+const AnnouncementTag = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs", "group-[.announcement-themed]:bg-background/60", className),
+	...props
+});
+
+//#endregion
+//#region src/components/announcement/announcement-title.tsx
+const AnnouncementTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-1 truncate py-1", className),
+	...props
+});
+
+//#endregion
+export { AnnouncementTag as n, AnnouncementTitle as t };

package/dist/autocomplete-value-BhyszIrf.d.ts

@@ -0,0 +1,111 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+
+//#region src/components/autocomplete/autocomplete-clear.d.ts
+type AutocompleteClearProps = ComponentProps<typeof Autocomplete.Clear>;
+declare const AutocompleteClear: ({
+  className,
+  ...props
+}: AutocompleteClearProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-collection.d.ts
+type AutocompleteCollectionProps = ComponentProps<typeof Autocomplete.Collection>;
+declare const AutocompleteCollection: (props: AutocompleteCollectionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-content.d.ts
+type AutocompleteContentProps = ComponentProps<typeof Autocomplete.Popup> & {
+  sideOffset?: Autocomplete.Positioner.Props["sideOffset"];
+};
+declare const AutocompleteContent: ({
+  className,
+  children,
+  sideOffset,
+  ...props
+}: AutocompleteContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-empty.d.ts
+type AutocompleteEmptyProps = ComponentProps<typeof Autocomplete.Empty>;
+declare const AutocompleteEmpty: ({
+  className,
+  ...props
+}: AutocompleteEmptyProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-group.d.ts
+type AutocompleteGroupProps = ComponentProps<typeof Autocomplete.Group>;
+declare const AutocompleteGroup: (props: AutocompleteGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-group-label.d.ts
+type AutocompleteGroupLabelProps = ComponentProps<typeof Autocomplete.GroupLabel>;
+declare const AutocompleteGroupLabel: ({
+  className,
+  ...props
+}: AutocompleteGroupLabelProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-icon.d.ts
+type AutocompleteIconProps = ComponentProps<typeof Autocomplete.Icon>;
+declare const AutocompleteIcon: (props: AutocompleteIconProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-input.d.ts
+type AutocompleteInputProps = ComponentProps<typeof Autocomplete.Input>;
+declare const AutocompleteInput: ({
+  className,
+  ...props
+}: AutocompleteInputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-item.d.ts
+type AutocompleteItemProps = ComponentProps<typeof Autocomplete.Item>;
+declare const AutocompleteItem: ({
+  className,
+  children,
+  ...props
+}: AutocompleteItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-list.d.ts
+type AutocompleteListProps = ComponentProps<typeof Autocomplete.List>;
+declare const AutocompleteList: (props: AutocompleteListProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-portal.d.ts
+type AutocompletePortalProps = ComponentProps<typeof Autocomplete.Portal>;
+declare const AutocompletePortal: (props: AutocompletePortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-positioner.d.ts
+type AutocompletePositionerProps = ComponentProps<typeof Autocomplete.Positioner>;
+declare const AutocompletePositioner: ({
+  className,
+  ...props
+}: AutocompletePositionerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-row.d.ts
+type AutocompleteRowProps = ComponentProps<typeof Autocomplete.Row>;
+declare const AutocompleteRow: ({
+  className,
+  ...props
+}: AutocompleteRowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-separator.d.ts
+type AutocompleteSeparatorProps = ComponentProps<typeof Autocomplete.Separator>;
+declare const AutocompleteSeparator: ({
+  className,
+  ...props
+}: AutocompleteSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-status.d.ts
+type AutocompleteStatusProps = ComponentProps<typeof Autocomplete.Status>;
+declare const AutocompleteStatus: ({
+  className,
+  ...props
+}: AutocompleteStatusProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-trigger.d.ts
+type AutocompleteTriggerProps = ComponentProps<typeof Autocomplete.Trigger>;
+declare const AutocompleteTrigger: ({
+  className,
+  ...props
+}: AutocompleteTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/autocomplete/autocomplete-value.d.ts
+type AutocompleteValueProps = ComponentProps<typeof Autocomplete.Value>;
+declare const AutocompleteValue: (props: AutocompleteValueProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AutocompleteContentProps as A, AutocompleteGroupLabel as C, AutocompleteEmpty as D, AutocompleteGroupProps as E, AutocompleteCollectionProps as M, AutocompleteClear as N, AutocompleteEmptyProps as O, AutocompleteClearProps as P, AutocompleteIconProps as S, AutocompleteGroup as T, AutocompleteItem as _, AutocompleteStatus as a, AutocompleteInputProps as b, AutocompleteSeparatorProps as c, AutocompletePositioner as d, AutocompletePositionerProps as f, AutocompleteListProps as g, AutocompleteList as h, AutocompleteTriggerProps as i, AutocompleteCollection as j, AutocompleteContent as k, AutocompleteRow as l, AutocompletePortalProps as m, AutocompleteValueProps as n, AutocompleteStatusProps as o, AutocompletePortal as p, AutocompleteTrigger as r, AutocompleteSeparator as s, AutocompleteValue as t, AutocompleteRowProps as u, AutocompleteItemProps as v, AutocompleteGroupLabelProps as w, AutocompleteIcon as x, AutocompleteInput as y };

package/dist/autocomplete-value-DNJ3sAIH.js

@@ -0,0 +1,141 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+
+//#region src/components/autocomplete/autocomplete-clear.tsx
+const AutocompleteClear = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Clear, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "autocomplete-clear",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-collection.tsx
+const AutocompleteCollection = (props) => /* @__PURE__ */ jsx(Autocomplete.Collection, {
+	"data-slot": "autocomplete-collection",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-portal.tsx
+const AutocompletePortal = (props) => /* @__PURE__ */ jsx(Autocomplete.Portal, {
+	"data-slot": "autocomplete-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-positioner.tsx
+const AutocompletePositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+	className: cn("z-50", className),
+	"data-slot": "autocomplete-positioner",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-content.tsx
+const AutocompleteContent = ({ className, children, sideOffset = 4, ...props }) => /* @__PURE__ */ jsx(AutocompletePortal, { children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+	className: "outline-none",
+	sideOffset,
+	children: /* @__PURE__ */ jsx(Autocomplete.Popup, {
+		className: cn("relative z-50 max-h-[min(var(--available-height),20rem)] min-w-(--anchor-width) origin-(--transform-origin) overflow-y-auto overflow-x-hidden overscroll-contain rounded-md border bg-popover p-1 text-popover-foreground shadow-md", className),
+		"data-slot": "autocomplete-content",
+		...props,
+		children
+	})
+}) });
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-empty.tsx
+const AutocompleteEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Empty, {
+	className: cn("py-6 text-center text-sm empty:m-0 empty:p-0", className),
+	"data-slot": "autocomplete-empty",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-group.tsx
+const AutocompleteGroup = (props) => /* @__PURE__ */ jsx(Autocomplete.Group, {
+	"data-slot": "autocomplete-group",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-group-label.tsx
+const AutocompleteGroupLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+	className: cn("px-2 py-1.5 font-medium text-muted-foreground text-xs", className),
+	"data-slot": "autocomplete-group-label",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-icon.tsx
+const AutocompleteIcon = (props) => /* @__PURE__ */ jsx(Autocomplete.Icon, {
+	"data-slot": "autocomplete-icon",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-input.tsx
+const AutocompleteInput = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Input, {
+	className: cn("flex h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow,border-color] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 group-hover:border-ring/70 md:text-sm", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/50", className),
+	"data-slot": "autocomplete-input",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-item.tsx
+const AutocompleteItem = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Item, {
+	className: cn("relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	"data-slot": "autocomplete-item",
+	...props,
+	children
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-list.tsx
+const AutocompleteList = (props) => /* @__PURE__ */ jsx(Autocomplete.List, {
+	"data-slot": "autocomplete-list",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-row.tsx
+const AutocompleteRow = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Row, {
+	className: cn("grid w-full scroll-my-1.5", className),
+	"data-slot": "autocomplete-row",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-separator.tsx
+const AutocompleteSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Separator, {
+	className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+	"data-slot": "autocomplete-separator",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-status.tsx
+const AutocompleteStatus = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Status, {
+	className: cn("flex items-center gap-2 px-2 py-1.5 text-muted-foreground text-sm", className),
+	"data-slot": "autocomplete-status",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-trigger.tsx
+const AutocompleteTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "autocomplete-trigger",
+	...props
+});
+
+//#endregion
+//#region src/components/autocomplete/autocomplete-value.tsx
+const AutocompleteValue = (props) => /* @__PURE__ */ jsx(Autocomplete.Value, {
+	"data-slot": "autocomplete-value",
+	...props
+});
+
+//#endregion
+export { AutocompleteClear as _, AutocompleteRow as a, AutocompleteInput as c, AutocompleteGroup as d, AutocompleteEmpty as f, AutocompleteCollection as g, AutocompletePortal as h, AutocompleteSeparator as i, AutocompleteIcon as l, AutocompletePositioner as m, AutocompleteTrigger as n, AutocompleteList as o, AutocompleteContent as p, AutocompleteStatus as r, AutocompleteItem as s, AutocompleteValue as t, AutocompleteGroupLabel as u };

package/dist/avatar-image-BKgKyzVw.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/components/avatar/avatar-badge.d.ts
+declare const AvatarBadge: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-fallback.d.ts
+declare const AvatarFallback: ({
+  className,
+  ...props
+}: Avatar.Fallback.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-group.d.ts
+declare const AvatarGroup: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-group-count.d.ts
+declare const AvatarGroupCount: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/avatar/avatar-image.d.ts
+declare const AvatarImage: ({
+  className,
+  ...props
+}: Avatar.Image.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AvatarBadge as a, AvatarFallback as i, AvatarGroupCount as n, AvatarGroup as r, AvatarImage as t };

package/dist/avatar-image-Bw3G-Bl6.js

@@ -0,0 +1,45 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/components/avatar/avatar-badge.tsx
+const AvatarBadge = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
+	"data-slot": "avatar-badge",
+	...props
+});
+
+//#endregion
+//#region src/components/avatar/avatar-fallback.tsx
+const AvatarFallback = ({ className, ...props }) => /* @__PURE__ */ jsx(Avatar.Fallback, {
+	className: cn("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs", className),
+	"data-slot": "avatar-fallback",
+	...props
+});
+
+//#endregion
+//#region src/components/avatar/avatar-group.tsx
+const AvatarGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+	"data-slot": "avatar-group",
+	...props
+});
+
+//#endregion
+//#region src/components/avatar/avatar-group-count.tsx
+const AvatarGroupCount = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground text-sm ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className),
+	"data-slot": "avatar-group-count",
+	...props
+});
+
+//#endregion
+//#region src/components/avatar/avatar-image.tsx
+const AvatarImage = ({ className, ...props }) => /* @__PURE__ */ jsx(Avatar.Image, {
+	className: cn("aspect-square size-full rounded-full object-cover", className),
+	"data-slot": "avatar-image",
+	...props
+});
+
+//#endregion
+export { AvatarBadge as a, AvatarFallback as i, AvatarGroupCount as n, AvatarGroup as r, AvatarImage as t };

package/dist/breadcrumb-separator-D66-B1DA.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as react from "react";
+import { ComponentProps } from "react";
+
+//#region src/components/breadcrumb/breadcrumb-ellipsis.d.ts
+declare const BreadcrumbEllipsis: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-item.d.ts
+declare const BreadcrumbItem: ({
+  className,
+  ...props
+}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-link.d.ts
+declare const BreadcrumbLink: ({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"a">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-list.d.ts
+declare const BreadcrumbList: ({
+  className,
+  ...props
+}: ComponentProps<"ol">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-page.d.ts
+declare const BreadcrumbPage: ({
+  className,
+  ...props
+}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-separator.d.ts
+declare const BreadcrumbSeparator: ({
+  children,
+  className,
+  ...props
+}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbPage as n, BreadcrumbEllipsis as o, BreadcrumbList as r, BreadcrumbSeparator as t };

package/dist/breadcrumb-separator-Do-19Uow.js

@@ -0,0 +1,74 @@
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRight01Icon, MoreHorizontalCircle01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/breadcrumb/breadcrumb-ellipsis.tsx
+const BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": "true",
+	className: cn("flex size-5 items-center justify-center [&>svg]:size-4", className),
+	"data-slot": "breadcrumb-ellipsis",
+	role: "presentation",
+	...props,
+	children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: MoreHorizontalCircle01Icon,
+		strokeWidth: 2
+	}), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-item.tsx
+const BreadcrumbItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
+	className: cn("inline-flex items-center gap-1", className),
+	"data-slot": "breadcrumb-item",
+	...props
+});
+
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-link.tsx
+const BreadcrumbLink = ({ className, render, ...props }) => useRender({
+	defaultTagName: "a",
+	props: mergeProps({ className: cn("cursor-pointer transition-colors hover:text-foreground", className) }, props),
+	render,
+	state: { slot: "breadcrumb-link" }
+});
+
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-list.tsx
+const BreadcrumbList = ({ className, ...props }) => /* @__PURE__ */ jsx("ol", {
+	className: cn("flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm sm:gap-2.5", className),
+	"data-slot": "breadcrumb-list",
+	...props
+});
+
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-page.tsx
+const BreadcrumbPage = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	"aria-current": "page",
+	"aria-disabled": "true",
+	className: cn("font-normal text-foreground", className),
+	"data-slot": "breadcrumb-page",
+	...props
+});
+
+//#endregion
+//#region src/components/breadcrumb/breadcrumb-separator.tsx
+const BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	"aria-hidden": "true",
+	className: cn("[&>svg]:size-3.5", className),
+	"data-slot": "breadcrumb-separator",
+	role: "presentation",
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: ArrowRight01Icon,
+		strokeWidth: 2
+	})
+});
+
+//#endregion
+export { BreadcrumbItem as a, BreadcrumbLink as i, BreadcrumbPage as n, BreadcrumbEllipsis as o, BreadcrumbList as r, BreadcrumbSeparator as t };