@alpic-ai/ui 0.0.0-dev.g850e581 → 0.0.0-dev.g8868278

package/dist/components/toggle-group.d.mts

@@ -1,14 +1,12 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/toggle-group.d.ts
 declare const toggleGroupItemVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleGroupContextValue = VariantProps<typeof toggleGroupItemVariants>;
 declare function ToggleGroup({
   className,
@@ -16,13 +14,13 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): React$1.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): React$1.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, toggleGroupItemVariants };

package/dist/components/toggle-group.mjs

@@ -2,7 +2,7 @@
 import { cn } from "../lib/cn.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.tsx
 const toggleGroupItemVariants = cva([
@@ -36,7 +36,7 @@ const toggleGroupItemVariants = cva([
 		size: "default"
 	}
 });
-const ToggleGroupContext = React.createContext({
+const ToggleGroupContext = React$1.createContext({
 	size: "default",
 	variant: "default"
 });
@@ -55,7 +55,7 @@ function ToggleGroup({ className, variant, size, children, ...props }) {
 	});
 }
 function ToggleGroupItem({ className, children, variant, size, ...props }) {
-	const context = React.useContext(ToggleGroupContext);
+	const context = React$1.useContext(ToggleGroupContext);
 	const resolvedVariant = context.variant ?? variant;
 	const resolvedSize = context.size ?? size;
 	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {

package/dist/components/tooltip-icon-button.d.mts

@@ -1,5 +1,4 @@
 import { Button } from "./button.mjs";
-import * as _$react from "react";
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/tooltip-icon-button.d.ts
@@ -7,6 +6,6 @@ type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
   tooltip: string;
   side?: "top" | "bottom" | "left" | "right";
 };
-declare const TooltipIconButton: _$react.ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipIconButton: import("react").ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { TooltipIconButton, type TooltipIconButtonProps };

package/dist/components/tooltip.d.mts

@@ -1,23 +1,22 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/typography.d.mts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/typography.d.ts
@@ -8,27 +7,27 @@ declare function H1({
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H2({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H3({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H4({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { H1, H2, H3, H4 };

package/dist/components/wizard.d.mts

@@ -1,5 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/wizard.d.ts
 interface WizardStep {
@@ -19,8 +18,8 @@ declare function WizardSteps({
   onSelect,
   ariaLabel,
   className
-}: WizardStepsProps): _$react_jsx_runtime0.JSX.Element;
-interface WizardProgressProps extends React.ComponentProps<"div"> {
+}: WizardStepsProps): React$1.JSX.Element;
+interface WizardProgressProps extends React$1.ComponentProps<"div"> {
   current: number;
   total: number;
 }
@@ -29,6 +28,6 @@ declare function WizardProgress({
   total,
   className,
   ...props
-}: WizardProgressProps): _$react_jsx_runtime0.JSX.Element;
+}: WizardProgressProps): React$1.JSX.Element;
 //#endregion
 export { WizardProgress, type WizardStep, WizardSteps };

package/dist/hooks/use-mobile.mjs

@@ -1,9 +1,9 @@
-import * as React from "react";
+import * as React$1 from "react";
 //#region src/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-	const [isMobile, setIsMobile] = React.useState(void 0);
-	React.useEffect(() => {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
 		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
 		const onChange = () => setIsMobile(mql.matches);
 		mql.addEventListener("change", onChange);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-dev.g850e581",
+  "version": "0.0.0-dev.g8868278",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {
@@ -23,32 +23,32 @@
     "src"
   ],
   "peerDependencies": {
-    "lucide-react": "^1.14.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-hook-form": "^7.75.0",
+    "lucide-react": "^1.17.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-hook-form": "^7.77.0",
     "sonner": "^2.0.7",
     "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-accordion": "^1.2.13",
+    "@radix-ui/react-avatar": "^1.1.12",
+    "@radix-ui/react-checkbox": "^1.3.4",
+    "@radix-ui/react-collapsible": "^1.1.13",
+    "@radix-ui/react-dialog": "^1.1.16",
+    "@radix-ui/react-dropdown-menu": "^2.1.17",
+    "@radix-ui/react-label": "^2.1.9",
+    "@radix-ui/react-popover": "^1.1.16",
+    "@radix-ui/react-radio-group": "^1.4.0",
+    "@radix-ui/react-scroll-area": "^1.2.11",
+    "@radix-ui/react-select": "^2.3.0",
+    "@radix-ui/react-separator": "^1.1.9",
+    "@radix-ui/react-slot": "^1.2.5",
+    "@radix-ui/react-switch": "^1.3.0",
+    "@radix-ui/react-tabs": "^1.1.14",
+    "@radix-ui/react-toggle-group": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.9",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -57,14 +57,14 @@
   "devDependencies": {
     "@ladle/react": "^5.1.1",
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "lucide-react": "^1.14.0",
-    "react-hook-form": "^7.75.0",
+    "lucide-react": "^1.17.0",
+    "react-hook-form": "^7.77.0",
     "shx": "^0.4.0",
     "sonner": "^2.0.7",
     "tailwindcss": "^4.3.0",
-    "tsdown": "^0.22.0",
+    "tsdown": "^0.22.2",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   },

package/src/components/combobox.tsx

@@ -21,6 +21,8 @@ interface ComboboxContextValue {
   isSelected: (itemValue: string) => boolean;
   open: 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;
 }
 
 const ComboboxContext = createContext<ComboboxContextValue | null>(null);
@@ -40,6 +42,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 {
@@ -65,6 +69,7 @@ function Combobox(props: ComboboxProps) {
     open: controlledOpen,
     defaultOpen = false,
     onOpenChange: controlledOnOpenChange,
+    getOptionLabel,
   } = props;
 
   // Single mode state
@@ -175,8 +180,9 @@ function Combobox(props: ComboboxProps) {
       isSelected,
       open,
       onOpenChange,
+      getOptionLabel,
     }),
-    [multiple, singleValue, multiValues, onSelect, onDeselect, isSelected, open, onOpenChange],
+    [multiple, singleValue, multiValues, onSelect, onDeselect, isSelected, open, onOpenChange, getOptionLabel],
   );
 
   return (
@@ -229,6 +235,7 @@ function ComboboxTrigger({ className, size, placeholder, children, ...props }: C
 /* ── Tags (internal, for multi-select trigger) ────────────────────────────── */
 
 function ComboboxTags({ values, onDeselect }: { values: string[]; onDeselect: (value: string) => void }) {
+  const { getOptionLabel } = useComboboxContext();
   return (
     <>
       {values.map((tagValue) => (
@@ -237,7 +244,7 @@ function ComboboxTags({ values, onDeselect }: { values: string[]; onDeselect: (v
           onClick={(event) => event.stopPropagation()}
           onDismiss={() => onDeselect(tagValue)}
         >
-          {tagValue}
+          {getOptionLabel ? getOptionLabel(tagValue) : tagValue}
         </TagDismissible>
       ))}
     </>