@alpic-ai/ui 0.0.0-dev.ga9927da → 0.0.0-dev.gab7d55a

package/dist/components/accordion-card.d.mts

@@ -1,6 +1,5 @@
-import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/components/accordion-card.d.ts
 declare function AccordionCard({
@@ -16,17 +15,17 @@ declare function AccordionCard({
   open?: boolean;
   onOpenChange?: (nextOpen: boolean) => void;
   disabled?: boolean;
-} & Omit<React.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "collapsible" | "defaultValue" | "value" | "onValueChange" | "disabled">): _$react_jsx_runtime0.JSX.Element;
+} & Omit<React.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "collapsible" | "defaultValue" | "value" | "onValueChange" | "disabled">): import("react/jsx-runtime").JSX.Element;
 declare function AccordionCardHeader({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionCardTitle({
   className,
   children,
   ...props
-}: React.HTMLAttributes<HTMLHeadingElement>): _$react_jsx_runtime0.JSX.Element;
+}: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
 /**
  * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
  * The root always applies overflow-hidden and the accordion animations.
@@ -36,6 +35,6 @@ declare function AccordionCardContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { AccordionCard, AccordionCardContent, AccordionCardHeader, AccordionCardTitle };

package/dist/components/accordion.d.mts

@@ -1,20 +1,19 @@
-import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
 
 //#region src/components/accordion.d.ts
 declare function Accordion({
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({
   className,
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 /**
  * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
  * The root always applies overflow-hidden and the accordion animations.
@@ -24,6 +23,6 @@ declare function AccordionContent({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/alert.d.mts

@@ -1,26 +1,24 @@
-import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import * as React from "react";
 
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
 declare function Alert({
   className,
   variant,
   ...props
-}: AlertProps): _$react_jsx_runtime0.JSX.Element;
+}: AlertProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.HTMLAttributes<HTMLParagraphElement>): _$react_jsx_runtime0.JSX.Element;
+}: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+}: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 interface ConvenienceAlertProps {
   title?: string;
   description?: React.ReactNode;
@@ -30,11 +28,11 @@ declare function ErrorAlert({
   title,
   description,
   className
-}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
+}: ConvenienceAlertProps): import("react/jsx-runtime").JSX.Element;
 declare function WarningAlert({
   title,
   description,
   className
-}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
+}: ConvenienceAlertProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle, ErrorAlert, WarningAlert };

package/dist/components/attachment-tile.d.mts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/attachment-tile.d.ts
 interface AttachmentTileProps {
   /** Source URL for the attachment thumbnail */
@@ -21,6 +19,6 @@ declare function AttachmentTile({
   onRemove,
   onClick,
   className
-}: AttachmentTileProps): _$react_jsx_runtime0.JSX.Element;
+}: AttachmentTileProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { AttachmentTile, type AttachmentTileProps };

package/dist/components/attachment-tile.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "../lib/cn.mjs";
 import { TooltipIconButton } from "./tooltip-icon-button.mjs";
-import { useState } from "react";
 import { FileText, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/components/attachment-tile.tsx
 function AttachmentTile({ src, isImage, label, onRemove, onClick, className }) {
 	const [hasError, setHasError] = useState(false);

package/dist/components/avatar.d.mts

@@ -1,13 +1,11 @@
-import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
+import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/avatar.d.ts
 declare const avatarVariants: (props?: ({
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";
 interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
@@ -19,15 +17,15 @@ declare function Avatar({
   className,
   children,
   ...props
-}: AvatarProps): _$react_jsx_runtime0.JSX.Element;
+}: AvatarProps): import("react/jsx-runtime").JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
 interface AvatarLabelGroupProps extends React.ComponentProps<"div"> {
   size?: "sm" | "md";
   src?: string;
@@ -47,6 +45,6 @@ declare function AvatarLabelGroup({
   status,
   className,
   ...props
-}: AvatarLabelGroupProps): _$react_jsx_runtime0.JSX.Element;
+}: AvatarLabelGroupProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage, AvatarLabelGroup, type AvatarSize, type AvatarStatus };

package/dist/components/badge.d.mts

@@ -1,12 +1,10 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}
 declare function Badge({
   className,
@@ -14,7 +12,7 @@ declare function Badge({
   size,
   children,
   ...props
-}: BadgeProps): _$react_jsx_runtime0.JSX.Element;
+}: BadgeProps): import("react/jsx-runtime").JSX.Element;
 type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
 //#endregion
 export { Badge, type BadgeVariant, badgeVariants };

package/dist/components/breadcrumb.d.mts

@@ -1,42 +1,41 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/breadcrumb.d.ts
 declare function Breadcrumb({
   className,
   ...props
-}: React.ComponentProps<"nav">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<"ol">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React.ComponentProps<"a"> & {
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbChevron({
   className,
   ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbChevron, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/button.d.mts

@@ -1,13 +1,11 @@
-import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import * as React from "react";
 
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "destructive" | "secondary" | "primary" | "tertiary" | "link" | "link-muted" | "cta" | null | undefined;
   size?: "default" | "icon" | "icon-rounded" | "pill" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
   asChild?: boolean;
   loading?: boolean;
@@ -26,6 +24,6 @@ declare function Button({
   disabled,
   children,
   ...props
-}: ButtonProps): _$react_jsx_runtime0.JSX.Element;
+}: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Button, type ButtonProps, buttonVariants };

package/dist/components/card.d.mts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/card.d.ts
 declare function Card({
@@ -8,30 +7,30 @@ declare function Card({
   ...props
 }: React.ComponentProps<"div"> & {
   hoverable?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/checkbox.d.mts

@@ -1,11 +1,10 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/components/checkbox.d.ts
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Checkbox };

package/dist/components/collapsible.d.mts

@@ -1,16 +1,15 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/components/collapsible.d.ts
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/combobox.d.mts

@@ -1,8 +1,7 @@
 import { PopoverContent } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
+import { ReactNode } from "react";
 import { Command } from "cmdk";
 
 //#region src/components/combobox.d.ts
@@ -11,6 +10,8 @@ interface ComboboxBaseProps {
   open?: boolean;
   defaultOpen?: boolean;
   onOpenChange?: (open: boolean) => void;
+  /** Resolves a selected value to a display label (e.g. for multi-select tags). Defaults to the value. */
+  getOptionLabel?: (value: string) => string;
 }
 interface ComboboxSingleProps extends ComboboxBaseProps {
   multiple?: false;
@@ -25,7 +26,7 @@ interface ComboboxMultipleProps extends ComboboxBaseProps {
   onValueChange?: (value: string[]) => void;
 }
 type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
-declare function Combobox(props: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
+declare function Combobox(props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 interface ComboboxTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">, VariantProps<typeof selectTriggerVariants> {
   placeholder?: string;
 }
@@ -35,7 +36,7 @@ declare function ComboboxTrigger({
   placeholder,
   children,
   ...props
-}: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
+}: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
 interface ComboboxContentProps extends React.ComponentProps<typeof PopoverContent> {
   className?: string;
   children?: ReactNode;
@@ -46,27 +47,27 @@ declare function ComboboxContent({
   children,
   filter,
   ...props
-}: ComboboxContentProps): _$react_jsx_runtime0.JSX.Element;
+}: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxSearch({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxEmpty({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Empty>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): import("react/jsx-runtime").JSX.Element;
 interface ComboboxItemProps extends Omit<React.ComponentProps<typeof Command.Item>, "onSelect"> {
   /** The value stored when this item is selected */
   itemValue: string;
@@ -76,11 +77,11 @@ declare function ComboboxItem({
   children,
   itemValue,
   ...props
-}: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
+}: ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxItemText({
   className,
   children,
   ...props
-}: React.HTMLAttributes<HTMLSpanElement>): _$react_jsx_runtime0.JSX.Element;
+}: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxItemText, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger };

package/dist/components/combobox.mjs

@@ -3,9 +3,9 @@ import { cn } from "../lib/cn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
 import { TagDismissible } from "./tag.mjs";
-import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { CheckIcon, ChevronDownIcon, SearchIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { Command } from "cmdk";
 //#region src/components/combobox.tsx
 const ComboboxContext = createContext(null);
@@ -15,7 +15,7 @@ function useComboboxContext() {
 	return context;
 }
 function Combobox(props) {
-	const { children, multiple = false, open: controlledOpen, defaultOpen = false, onOpenChange: controlledOnOpenChange } = props;
+	const { children, multiple = false, open: controlledOpen, defaultOpen = false, onOpenChange: controlledOnOpenChange, getOptionLabel } = props;
 	const [uncontrolledSingleValue, setUncontrolledSingleValue] = useState(!multiple ? props.defaultValue ?? null : null);
 	const [uncontrolledMultiValue, setUncontrolledMultiValue] = useState(multiple ? props.defaultValue ?? [] : []);
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
@@ -77,7 +77,8 @@ function Combobox(props) {
 		onDeselect,
 		isSelected,
 		open,
-		onOpenChange
+		onOpenChange,
+		getOptionLabel
 	}), [
 		multiple,
 		singleValue,
@@ -86,7 +87,8 @@ function Combobox(props) {
 		onDeselect,
 		isSelected,
 		open,
-		onOpenChange
+		onOpenChange,
+		getOptionLabel
 	]);
 	return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
 		value: contextValue,
@@ -120,10 +122,11 @@ function ComboboxTrigger({ className, size, placeholder, children, ...props }) {
 	});
 }
 function ComboboxTags({ values, onDeselect }) {
+	const { getOptionLabel } = useComboboxContext();
 	return /* @__PURE__ */ jsx(Fragment, { children: values.map((tagValue) => /* @__PURE__ */ jsx(TagDismissible, {
 		onClick: (event) => event.stopPropagation(),
 		onDismiss: () => onDeselect(tagValue),
-		children: tagValue
+		children: getOptionLabel ? getOptionLabel(tagValue) : tagValue
 	}, tagValue)) });
 }
 function ComboboxContent({ className, children, filter, ...props }) {

package/dist/components/command.d.mts

@@ -1,38 +1,37 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Command as Command$1 } from "cmdk";
 
 //#region src/components/command.d.ts
 declare function Command({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1>): import("react/jsx-runtime").JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Input>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Input>): import("react/jsx-runtime").JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.List>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.List>): import("react/jsx-runtime").JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command$1.Empty>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Empty>): import("react/jsx-runtime").JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Group>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Group>): import("react/jsx-runtime").JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Separator>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command$1.Item>): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Command$1.Item>): import("react/jsx-runtime").JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/copyable.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/copyable.d.ts
 interface CopyableProps {
@@ -11,12 +10,12 @@ declare function Copyable({
   content,
   children,
   className
-}: CopyableProps): _$react_jsx_runtime0.JSX.Element;
+}: CopyableProps): import("react/jsx-runtime").JSX.Element;
 interface CopyableUrlProps {
   url: URL;
 }
 declare function CopyableUrl({
   url
-}: CopyableUrlProps): _$react_jsx_runtime0.JSX.Element;
+}: CopyableUrlProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { Copyable, type CopyableProps, CopyableUrl, type CopyableUrlProps };

package/dist/components/copyable.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { cn } from "../lib/cn.mjs";
 import { Button } from "./button.mjs";
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
 import { Check, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/copyable.tsx

package/dist/components/description-list.d.mts

@@ -1,22 +1,21 @@
 import * as React from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/description-list.d.ts
 declare function DescriptionList({
   className,
   ...props
-}: React.ComponentProps<"dl">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"dl">): import("react/jsx-runtime").JSX.Element;
 declare function DescriptionItem({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DescriptionTitle({
   className,
   ...props
-}: React.ComponentProps<"dt">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"dt">): import("react/jsx-runtime").JSX.Element;
 declare function DescriptionValue({
   className,
   ...props
-}: React.ComponentProps<"dd">): _$react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"dd">): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { DescriptionItem, DescriptionList, DescriptionTitle, DescriptionValue };