@refraction-ui/react 0.22.0 → 0.23.1

package/dist/react-animated-text.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-animated-text/dist/index.js
 import * as React from "react";

package/dist/react-app-shell.js

@@ -2,7 +2,7 @@ import {
   cn,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-app-shell/dist/index.js
 import * as React from "react";

package/dist/react-audience-feature-card.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-audience-feature-card/dist/index.js
 import * as React from "react";

package/dist/react-audio-room.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-audio-room/dist/index.js
 import * as React from "react";

package/dist/react-auth.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-auth/dist/index.js
 import * as React2 from "react";

package/dist/react-avatar-group.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-avatar-group/dist/index.js
 import * as React from "react";

package/dist/react-avatar.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-avatar/dist/index.js
 import * as React from "react";
@@ -15,10 +15,9 @@ function getInitials(name) {
 }
 function createAvatar(props = {}) {
   const { src, alt = "", fallback = "", size = "md" } = props;
-  const ariaProps = {
-    role: "img"
-  };
+  const ariaProps = {};
   if (alt) {
+    ariaProps.role = "img";
     ariaProps["aria-label"] = alt;
   }
   const fallbackText = fallback ? getInitials(fallback) : alt ? getInitials(alt) : "";
@@ -48,8 +47,12 @@ var avatarTokens = {
   }
 };
 var avatarVariants = cva({
-  base: "relative flex shrink-0 overflow-hidden rounded-full",
+  base: "relative flex shrink-0 overflow-hidden",
   variants: {
+    shape: {
+      circle: "rounded-full",
+      square: "rounded-md"
+    },
     size: {
       xs: "h-6 w-6",
       sm: "h-8 w-8",
@@ -59,6 +62,7 @@ var avatarVariants = cva({
     }
   },
   defaultVariants: {
+    shape: "circle",
     size: "md"
   }
 });
@@ -66,7 +70,7 @@ var avatarImageVariants = cva({
   base: "aspect-square h-full w-full object-cover"
 });
 var avatarFallbackVariants = cva({
-  base: "flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground",
+  base: "flex h-full w-full items-center justify-center rounded-[inherit] bg-muted text-muted-foreground",
   variants: {
     size: {
       xs: "text-xs",
@@ -93,15 +97,15 @@ var AvatarContext = React.createContext({
   }
 });
 var Avatar = React.forwardRef(
-  function Avatar2({ size = "md", className, children, ...props }, ref) {
+  function Avatar2({ size = "md", shape = "circle", className, children, ...props }, ref) {
     const [imageLoaded, setImageLoaded] = React.useState(false);
     const [imageError, setImageError] = React.useState(false);
-    const api = createAvatar({ size });
+    const api = createAvatar({ size, alt: props["aria-label"] });
     return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { size, imageLoaded, imageError, setImageLoaded, setImageError }, children: /* @__PURE__ */ jsx(
       "span",
       {
         ref,
-        className: cn(avatarVariants({ size }), className),
+        className: cn(avatarVariants({ size, shape }), className),
         ...api.ariaProps,
         ...api.dataAttributes,
         ...props,

package/dist/react-avatar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../avatar/src/avatar.ts", "../../avatar/src/avatar.styles.ts", "../../react-avatar/src/avatar.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport type AvatarLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error'\n\nexport interface AvatarProps {\n  src?: string\n  alt?: string\n  fallback?: string\n  size?: AvatarSize\n}\n\nexport interface AvatarAPI {\n  /** ARIA attributes to spread on the root element */\n  ariaProps: Partial<AccessibilityProps>\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n  /** Image ARIA props */\n  imageProps: {\n    alt: string\n    role: string\n  }\n  /** Fallback text (initials) */\n  fallbackText: string\n  /** Current state */\n  state: {\n    size: AvatarSize\n    hasSrc: boolean\n  }\n}\n\n/**\n * Extract initials from a name or fallback string.\n * Takes first letter of first two words, uppercased.\n */\nexport function getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 0 || parts[0] === '') return ''\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport function createAvatar(props: AvatarProps = {}): AvatarAPI {\n  const { src, alt = '', fallback = '', size = 'md' } = props\n\n  const ariaProps: Partial<AccessibilityProps> = {\n    role: 'img',\n  }\n  if (alt) {\n    ariaProps['aria-label'] = alt\n  }\n\n  const fallbackText = fallback ? getInitials(fallback) : (alt ? getInitials(alt) : '')\n\n  const dataAttributes: Record<string, string> = {\n    'data-slot': 'avatar',\n  }\n\n  return {\n    ariaProps,\n    dataAttributes,\n    imageProps: {\n      alt,\n      role: 'img',\n    },\n    fallbackText,\n    state: {\n      size,\n      hasSrc: !!src,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const avatarTokens: TokenContract = {\n  name: 'avatar',\n  tokens: {\n    bg: { variable: '--rfr-avatar-bg', fallback: 'hsl(var(--muted))' },\n    fg: { variable: '--rfr-avatar-fg', fallback: 'hsl(var(--muted-foreground))' },\n    border: { variable: '--rfr-avatar-border', fallback: 'hsl(var(--border))' },\n  },\n}\n\nexport const avatarVariants = cva({\n  base: 'relative flex shrink-0 overflow-hidden rounded-full',\n  variants: {\n    size: {\n      xs: 'h-6 w-6',\n      sm: 'h-8 w-8',\n      md: 'h-10 w-10',\n      lg: 'h-12 w-12',\n      xl: 'h-16 w-16',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nexport const avatarImageVariants = cva({\n  base: 'aspect-square h-full w-full object-cover',\n})\n\nexport const avatarFallbackVariants = cva({\n  base: 'flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground',\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-base',\n      xl: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createAvatar,\n  avatarVariants,\n  avatarImageVariants,\n  avatarFallbackVariants,\n  type AvatarSize,\n} from '@refraction-ui/avatar'\nimport { cn } from '@refraction-ui/shared'\n\n/* ─── Context ──────────────────────────────────────────────────── */\ninterface AvatarContextValue {\n  size: AvatarSize\n  imageLoaded: boolean\n  imageError: boolean\n  setImageLoaded: (loaded: boolean) => void\n  setImageError: (error: boolean) => void\n}\n\nconst AvatarContext = React.createContext<AvatarContextValue>({\n  size: 'md',\n  imageLoaded: false,\n  imageError: false,\n  setImageLoaded: () => {},\n  setImageError: () => {},\n})\n\n/* ─── Avatar (root) ────────────────────────────────────────────── */\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: AvatarSize\n}\n\n/**\n * Avatar -- circular image with fallback support.\n * Compound component: use Avatar > AvatarImage + AvatarFallback.\n */\nexport const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar({ size = 'md', className, children, ...props }, ref) {\n    const [imageLoaded, setImageLoaded] = React.useState(false)\n    const [imageError, setImageError] = React.useState(false)\n\n    const api = createAvatar({ size })\n\n    return (\n      <AvatarContext.Provider value={{ size, imageLoaded, imageError, setImageLoaded, setImageError }}>\n        <span\n          ref={ref}\n          className={cn(avatarVariants({ size }), className)}\n          {...api.ariaProps}\n          {...api.dataAttributes}\n          {...props}\n        >\n          {children}\n        </span>\n      </AvatarContext.Provider>\n    )\n  },\n)\n\n/* ─── AvatarImage ──────────────────────────────────────────────── */\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {}\n\nexport const AvatarImage = React.forwardRef<HTMLImageElement, AvatarImageProps>(\n  function AvatarImage({ className, src, alt = '', onLoad, onError, ...props }, ref) {\n    const { imageError, setImageLoaded, setImageError } = React.useContext(AvatarContext)\n\n    React.useEffect(() => {\n      setImageLoaded(false)\n      setImageError(false)\n    }, [src, setImageLoaded, setImageError])\n\n    const handleLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true)\n      onLoad?.(e)\n    }\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageError(true)\n      onError?.(e)\n    }\n\n    if (imageError) return null\n\n    return (\n      <img\n        ref={ref}\n        className={cn(avatarImageVariants(), className)}\n        src={src}\n        alt={alt}\n        onLoad={handleLoad}\n        onError={handleError}\n        {...props}\n      />\n    )\n  },\n)\n\n/* ─── AvatarFallback ───────────────────────────────────────────── */\nexport interface AvatarFallbackProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AvatarFallback = React.forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n  function AvatarFallback({ className, children, ...props }, ref) {\n    const { size, imageLoaded, imageError } = React.useContext(AvatarContext)\n\n    if (imageLoaded && !imageError) return null\n\n    return (\n      <span\n        ref={ref}\n        className={cn(avatarFallbackVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  },\n)\n"],
-  "mappings": ";;;;;;;;;AAoCO,SAAS,YAAY,MAAsB;AAChD,QAAM,QAAQ,KAAK,KAAA,EAAO,MAAM,KAAK;AACrC,MAAI,MAAM,WAAW,KAAK,MAAM,CAAC,MAAM,GAAI,QAAO;AAClD,MAAI,MAAM,WAAW,EAAG,QAAO,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,YAAA;AAClD,UAAQ,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,MAAM,MAAM,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG,YAAA;AAClE;AAEO,SAAS,aAAa,QAAqB,CAAA,GAAe;AAC/D,QAAM,EAAE,KAAK,MAAM,IAAI,WAAW,IAAI,OAAO,KAAA,IAAS;AAEtD,QAAM,YAAyC;IAC7C,MAAM;EAAA;AAER,MAAI,KAAK;AACP,cAAU,YAAY,IAAI;EAC5B;AAEA,QAAM,eAAe,WAAW,YAAY,QAAQ,IAAK,MAAM,YAAY,GAAG,IAAI;AAElF,QAAM,iBAAyC;IAC7C,aAAa;EAAA;AAGf,SAAO;IACL;IACA;IACA,YAAY;MACV;MACA,MAAM;IAAA;IAER;IACA,OAAO;MACL;MACA,QAAQ,CAAC,CAAC;IAAA;EACZ;AAEJ;ACrEO,IAAM,eAA8B;EACzC,MAAM;EACN,QAAQ;IACN,IAAI,EAAE,UAAU,mBAAmB,UAAU,oBAAA;IAC7C,IAAI,EAAE,UAAU,mBAAmB,UAAU,+BAAA;IAC7C,QAAQ,EAAE,UAAU,uBAAuB,UAAU,qBAAA;EAAqB;AAE9E;AAEO,IAAM,iBAAiB,IAAI;EAChC,MAAM;EACN,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;IAAA;EACN;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;AAEM,IAAM,sBAAsB,IAAI;EACrC,MAAM;AACR,CAAC;AAEM,IAAM,yBAAyB,IAAI;EACxC,MAAM;EACN,UAAU;IACR,MAAM;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;IAAA;EACN;EAEF,iBAAiB;IACf,MAAM;EAAA;AAEV,CAAC;;;;AC3BD,IAAM,gBAAsB,oBAAkC;EAC5D,MAAM;EACN,aAAa;EACb,YAAY;EACZ,gBAAgB,MAAM;EAAC;EACvB,eAAe,MAAM;EAAC;AACxB,CAAC;AAWM,IAAM,SAAe;EAC1B,SAASA,QAAO,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAA,GAAS,KAAK;AACnE,UAAM,CAAC,aAAa,cAAc,IAAU,eAAS,KAAK;AAC1D,UAAM,CAAC,YAAY,aAAa,IAAU,eAAS,KAAK;AAExD,UAAM,MAAM,aAAa,EAAE,KAAA,CAAM;AAEjC,WACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,MAAM,aAAa,YAAY,gBAAgB,cAAA,GAC9E,UAAA;MAAC;MAAA;QACC;QACA,WAAW,GAAG,eAAe,EAAE,KAAA,CAAM,GAAG,SAAS;QAChD,GAAG,IAAI;QACP,GAAG,IAAI;QACP,GAAG;QAEH;MAAA;IAAA,EACH,CACF;EAEJ;AACF;AAKO,IAAM,cAAoB;EAC/B,SAASC,aAAY,EAAE,WAAW,KAAK,MAAM,IAAI,QAAQ,SAAS,GAAG,MAAA,GAAS,KAAK;AACjF,UAAM,EAAE,YAAY,gBAAgB,cAAA,IAAwB,iBAAW,aAAa;AAE9E,IAAA,gBAAU,MAAM;AACpB,qBAAe,KAAK;AACpB,oBAAc,KAAK;IACrB,GAAG,CAAC,KAAK,gBAAgB,aAAa,CAAC;AAEvC,UAAM,aAAa,CAAC,MAA8C;AAChE,qBAAe,IAAI;AACnB,eAAS,CAAC;IACZ;AAEA,UAAM,cAAc,CAAC,MAA8C;AACjE,oBAAc,IAAI;AAClB,gBAAU,CAAC;IACb;AAEA,QAAI,WAAY,QAAO;AAEvB,WACE;MAAC;MAAA;QACC;QACA,WAAW,GAAG,oBAAA,GAAuB,SAAS;QAC9C;QACA;QACA,QAAQ;QACR,SAAS;QACR,GAAG;MAAA;IAAA;EAGV;AACF;AAKO,IAAM,iBAAuB;EAClC,SAASC,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,KAAK;AAC9D,UAAM,EAAE,MAAM,aAAa,WAAA,IAAqB,iBAAW,aAAa;AAExE,QAAI,eAAe,CAAC,WAAY,QAAO;AAEvC,WACE;MAAC;MAAA;QACC;QACA,WAAW,GAAG,uBAAuB,EAAE,KAAA,CAAM,GAAG,SAAS;QACxD,GAAG;QAEH;MAAA;IAAA;EAGP;AACF;",
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/** Outline of the avatar. */\nexport type AvatarShape = 'circle' | 'square'\n\nexport type AvatarLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error'\n\nexport interface AvatarProps {\n  src?: string\n  alt?: string\n  fallback?: string\n  size?: AvatarSize\n}\n\nexport interface AvatarAPI {\n  /** ARIA attributes to spread on the root element */\n  ariaProps: Partial<AccessibilityProps>\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n  /** Image ARIA props */\n  imageProps: {\n    alt: string\n    role: string\n  }\n  /** Fallback text (initials) */\n  fallbackText: string\n  /** Current state */\n  state: {\n    size: AvatarSize\n    hasSrc: boolean\n  }\n}\n\n/**\n * Extract initials from a name or fallback string.\n * Takes first letter of first two words, uppercased.\n */\nexport function getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/)\n  if (parts.length === 0 || parts[0] === '') return ''\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n}\n\nexport function createAvatar(props: AvatarProps = {}): AvatarAPI {\n  const { src, alt = '', fallback = '', size = 'md' } = props\n\n  // role=\"img\" makes its children presentational, so it is only applied when\n  // the avatar itself has a name; otherwise the inner <img alt> / fallback\n  // text stays exposed.\n  const ariaProps: Partial<AccessibilityProps> = {}\n  if (alt) {\n    ariaProps.role = 'img'\n    ariaProps['aria-label'] = alt\n  }\n\n  const fallbackText = fallback ? getInitials(fallback) : (alt ? getInitials(alt) : '')\n\n  const dataAttributes: Record<string, string> = {\n    'data-slot': 'avatar',\n  }\n\n  return {\n    ariaProps,\n    dataAttributes,\n    imageProps: {\n      alt,\n      role: 'img',\n    },\n    fallbackText,\n    state: {\n      size,\n      hasSrc: !!src,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const avatarTokens: TokenContract = {\n  name: 'avatar',\n  tokens: {\n    bg: { variable: '--rfr-avatar-bg', fallback: 'hsl(var(--muted))' },\n    fg: { variable: '--rfr-avatar-fg', fallback: 'hsl(var(--muted-foreground))' },\n    border: { variable: '--rfr-avatar-border', fallback: 'hsl(var(--border))' },\n  },\n}\n\nexport const avatarVariants = cva({\n  base: 'relative flex shrink-0 overflow-hidden',\n  variants: {\n    shape: {\n      circle: 'rounded-full',\n      square: 'rounded-md',\n    },\n    size: {\n      xs: 'h-6 w-6',\n      sm: 'h-8 w-8',\n      md: 'h-10 w-10',\n      lg: 'h-12 w-12',\n      xl: 'h-16 w-16',\n    },\n  },\n  defaultVariants: {\n    shape: 'circle',\n    size: 'md',\n  },\n})\n\nexport const avatarImageVariants = cva({\n  base: 'aspect-square h-full w-full object-cover',\n})\n\nexport const avatarFallbackVariants = cva({\n  base: 'flex h-full w-full items-center justify-center rounded-[inherit] bg-muted text-muted-foreground',\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-base',\n      xl: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createAvatar,\n  avatarVariants,\n  avatarImageVariants,\n  avatarFallbackVariants,\n  type AvatarSize,\n  type AvatarShape,\n} from '@refraction-ui/avatar'\nimport { cn } from '@refraction-ui/shared'\n\n/* ─── Context ──────────────────────────────────────────────────── */\ninterface AvatarContextValue {\n  size: AvatarSize\n  imageLoaded: boolean\n  imageError: boolean\n  setImageLoaded: (loaded: boolean) => void\n  setImageError: (error: boolean) => void\n}\n\nconst AvatarContext = React.createContext<AvatarContextValue>({\n  size: 'md',\n  imageLoaded: false,\n  imageError: false,\n  setImageLoaded: () => {},\n  setImageError: () => {},\n})\n\n/* ─── Avatar (root) ────────────────────────────────────────────── */\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded corners) — e.g. for teams and organisations. */\n  shape?: AvatarShape\n}\n\n/**\n * Avatar -- circular image with fallback support.\n * Compound component: use Avatar > AvatarImage + AvatarFallback.\n */\nexport const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar({ size = 'md', shape = 'circle', className, children, ...props }, ref) {\n    const [imageLoaded, setImageLoaded] = React.useState(false)\n    const [imageError, setImageError] = React.useState(false)\n\n    const api = createAvatar({ size, alt: props['aria-label'] })\n\n    return (\n      <AvatarContext.Provider value={{ size, imageLoaded, imageError, setImageLoaded, setImageError }}>\n        <span\n          ref={ref}\n          className={cn(avatarVariants({ size, shape }), className)}\n          {...api.ariaProps}\n          {...api.dataAttributes}\n          {...props}\n        >\n          {children}\n        </span>\n      </AvatarContext.Provider>\n    )\n  },\n)\n\n/* ─── AvatarImage ──────────────────────────────────────────────── */\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {}\n\nexport const AvatarImage = React.forwardRef<HTMLImageElement, AvatarImageProps>(\n  function AvatarImage({ className, src, alt = '', onLoad, onError, ...props }, ref) {\n    const { imageError, setImageLoaded, setImageError } = React.useContext(AvatarContext)\n\n    React.useEffect(() => {\n      setImageLoaded(false)\n      setImageError(false)\n    }, [src, setImageLoaded, setImageError])\n\n    const handleLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true)\n      onLoad?.(e)\n    }\n\n    const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageError(true)\n      onError?.(e)\n    }\n\n    if (imageError) return null\n\n    return (\n      <img\n        ref={ref}\n        className={cn(avatarImageVariants(), className)}\n        src={src}\n        alt={alt}\n        onLoad={handleLoad}\n        onError={handleError}\n        {...props}\n      />\n    )\n  },\n)\n\n/* ─── AvatarFallback ───────────────────────────────────────────── */\nexport interface AvatarFallbackProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nexport const AvatarFallback = React.forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n  function AvatarFallback({ className, children, ...props }, ref) {\n    const { size, imageLoaded, imageError } = React.useContext(AvatarContext)\n\n    if (imageLoaded && !imageError) return null\n\n    return (\n      <span\n        ref={ref}\n        className={cn(avatarFallbackVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n      </span>\n    )\n  },\n)\n"],
+  "mappings": "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",
   "names": ["Avatar", "AvatarImage", "AvatarFallback"]
 }

package/dist/react-badge.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-badge/dist/index.js
 import * as React from "react";

package/dist/react-bottom-nav.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-bottom-nav/dist/index.js
 import * as React from "react";

package/dist/react-brand-network-cell.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-brand-network-cell/dist/index.js
 import * as React from "react";

package/dist/react-breadcrumbs.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-breadcrumbs/dist/index.js
 import * as React from "react";

package/dist/react-browser-chrome-mock.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-browser-chrome-mock/dist/index.js
 import * as React from "react";

package/dist/react-button.js

@@ -2,9 +2,9 @@ import {
   Button,
   buttonTokens,
   buttonVariants
-} from "./chunk-3Y2T26QD.js";
-import "./chunk-QDMLIDYN.js";
-import "./chunk-2Q6HHFAN.js";
+} from "./chunk-JZQ5ZL46.js";
+import "./chunk-GU5MI7FX.js";
+import "./chunk-75BKRTPO.js";
 export {
   Button,
   buttonTokens,

package/dist/react-calendar.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-calendar/dist/index.js
 import * as React from "react";

package/dist/react-call-controls.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-call-controls/dist/index.js
 import * as React from "react";

package/dist/react-callout.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-callout/dist/index.js
 import * as React from "react";

package/dist/react-card-grid.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-card-grid/dist/index.js
 import * as React from "react";

package/dist/react-card.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-card/dist/index.js
 import * as React from "react";

package/dist/react-carousel.js

@@ -5,7 +5,7 @@ import {
 import {
   cn,
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-carousel/dist/index.js
 import * as React from "react";

package/dist/react-charts.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../charts/dist/index.js
 function createLinearScale(domain, range) {

package/dist/react-checkbox.js

@@ -2,7 +2,7 @@ import {
   Keys,
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-checkbox/dist/index.js
 import * as React from "react";

package/dist/react-checklist.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-checklist/dist/index.js
 import * as React from "react";

package/dist/react-code-block.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-code-block/dist/index.js
 import * as React from "react";

package/dist/react-code-editor.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-code-editor/dist/index.js
 import * as React from "react";

package/dist/react-collapsible.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-collapsible/dist/index.js
 import * as React from "react";

package/dist/react-combobox.js

@@ -3,7 +3,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-combobox/dist/index.js
 import * as React from "react";

package/dist/react-command-input.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-command-input/dist/index.js
 import { useRef, useEffect, useState, forwardRef } from "react";

package/dist/react-command.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-command/dist/index.js
 import * as React from "react";
@@ -149,26 +149,49 @@ function useCommandContext() {
   }
   return ctx;
 }
+function itemValueOf(value, children) {
+  if (value !== void 0) return value;
+  if (typeof children === "string" || typeof children === "number") return String(children);
+  return "";
+}
+function collectItems(node, into) {
+  React.Children.forEach(node, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === CommandItem) {
+      const value = itemValueOf(child.props.value, child.props.children);
+      into.push({ id: value, value, label: value, disabled: child.props.disabled });
+      return;
+    }
+    collectItems(child.props.children, into);
+  });
+  return into;
+}
+var defaultFilter2 = (value, search) => value.toLowerCase().includes(search.toLowerCase());
 function Command({
   open,
   onOpenChange,
-  filter,
+  filter = defaultFilter2,
   className,
   children
 }) {
-  const [items, setItems] = React.useState([]);
+  const [registered, setRegistered] = React.useState(() => /* @__PURE__ */ new Map());
   const [search, setSearch] = React.useState("");
   const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const apiRef = React.useRef(null);
-  const api = React.useMemo(() => {
-    const instance = createCommand({ open, onOpenChange, filter }, items);
-    if (search) {
-      instance.search(search);
+  const uid = React.useId().replace(/:/g, "");
+  const listId = `rfr-cmd-list-${uid}`;
+  const inputId = `rfr-cmd-input-${uid}`;
+  const api = React.useMemo(() => createCommand({ open, onOpenChange, filter }), [open, onOpenChange, filter]);
+  const items = React.useMemo(() => {
+    const all = collectItems(children, []);
+    const known = new Set(all.map((i) => i.value));
+    for (const [value, item] of registered) {
+      if (!known.has(value)) all.push({ id: value, value, label: value, disabled: item.disabled });
     }
-    apiRef.current = instance;
-    return instance;
-  }, [open, onOpenChange, filter, items, search]);
-  const filteredItems = api.state.filteredItems;
+    return all;
+  }, [children, registered]);
+  const matches = React.useCallback((value) => !search || filter(value, search), [filter, search]);
+  const filteredItems = React.useMemo(() => items.filter((i) => matches(i.value)), [items, matches]);
+  const highlighted = filteredItems[selectedIndex];
   const handleSearch = React.useCallback((query) => {
     setSearch(query);
     setSelectedIndex(0);
@@ -176,57 +199,59 @@ function Command({
   const handleSelect = React.useCallback((index) => {
     setSelectedIndex(index);
   }, []);
-  const registerItem = React.useCallback((item) => {
-    setItems((prev) => {
-      if (prev.some((i) => i.id === item.id)) return prev;
-      return [...prev, item];
+  const registerItem = React.useCallback((value, item) => {
+    setRegistered((prev) => {
+      const current = prev.get(value);
+      if (current && current.domId === item.domId && current.disabled === item.disabled) return prev;
+      const next = new Map(prev);
+      next.set(value, item);
+      return next;
     });
   }, []);
-  const unregisterItem = React.useCallback((id) => {
-    setItems((prev) => prev.filter((i) => i.id !== id));
+  const unregisterItem = React.useCallback((value) => {
+    setRegistered((prev) => {
+      if (!prev.has(value)) return prev;
+      const next = new Map(prev);
+      next.delete(value);
+      return next;
+    });
   }, []);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      const handler = createKeyboardHandler({
-        [Keys.ArrowDown]: (ev) => {
-          ev.preventDefault();
-          if (filteredItems.length > 0) {
-            setSelectedIndex((prev) => (prev + 1) % filteredItems.length);
-          }
-        },
-        [Keys.ArrowUp]: (ev) => {
-          ev.preventDefault();
-          if (filteredItems.length > 0) {
-            setSelectedIndex((prev) => (prev - 1 + filteredItems.length) % filteredItems.length);
-          }
-        },
-        [Keys.Enter]: (ev) => {
-          ev.preventDefault();
-        },
-        [Keys.Escape]: (ev) => {
-          ev.preventDefault();
-          onOpenChange?.(false);
-        }
-      });
-      handler(e.nativeEvent);
-    },
-    [filteredItems.length, onOpenChange]
-  );
-  const ctx = React.useMemo(
-    () => ({
-      search,
-      onSearch: handleSearch,
-      selectedIndex,
-      onSelect: handleSelect,
-      items,
-      filteredItems,
-      registerItem,
-      unregisterItem,
-      listId: api.ids.list,
-      inputId: api.ids.input
-    }),
-    [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
-  );
+  const handleKeyDown = (e) => {
+    const count = filteredItems.length;
+    const handler = createKeyboardHandler({
+      [Keys.ArrowDown]: (ev) => {
+        ev.preventDefault();
+        if (count > 0) setSelectedIndex((prev) => (prev + 1) % count);
+      },
+      [Keys.ArrowUp]: (ev) => {
+        ev.preventDefault();
+        if (count > 0) setSelectedIndex((prev) => (prev - 1 + count) % count);
+      },
+      [Keys.Enter]: (ev) => {
+        ev.preventDefault();
+        if (highlighted && !highlighted.disabled) registered.get(highlighted.value)?.select();
+      },
+      [Keys.Escape]: (ev) => {
+        ev.preventDefault();
+        onOpenChange?.(false);
+      }
+    });
+    handler(e.nativeEvent);
+  };
+  const ctx = {
+    search,
+    onSearch: handleSearch,
+    selectedIndex,
+    onSelect: handleSelect,
+    items,
+    filteredItems,
+    matches,
+    registerItem,
+    unregisterItem,
+    activeDescendant: highlighted ? registered.get(highlighted.value)?.domId : void 0,
+    listId,
+    inputId
+  };
   return React.createElement(
     CommandContext.Provider,
     { value: ctx },
@@ -235,6 +260,8 @@ function Command({
       {
         className: cn(commandVariants(), className),
         ...api.ariaProps,
+        "aria-owns": listId,
+        id: `rfr-cmd-${uid}`,
         onKeyDown: handleKeyDown
       },
       children
@@ -243,7 +270,7 @@ function Command({
 }
 var CommandInput = React.forwardRef(
   function CommandInput2({ className, onChange, ...props }, ref) {
-    const { search, onSearch, inputId, listId } = useCommandContext();
+    const { search, onSearch, inputId, listId, activeDescendant } = useCommandContext();
     const handleChange = (e) => {
       onSearch(e.target.value);
       onChange?.(e);
@@ -255,6 +282,7 @@ var CommandInput = React.forwardRef(
       role: "searchbox",
       "aria-autocomplete": "list",
       "aria-controls": listId,
+      "aria-activedescendant": activeDescendant,
       value: search,
       onChange: handleChange,
       className: cn(commandInputVariants(), className),
@@ -316,21 +344,38 @@ var CommandGroup = React.forwardRef(
   }
 );
 var CommandItem = React.forwardRef(
-  function CommandItem2({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) {
-    const state = disabled ? "disabled" : "default";
+  function CommandItem2({ className, value, disabled = false, onSelect: onItemSelect, onClick, onMouseMove, children, ...props }, ref) {
+    const { matches, filteredItems, selectedIndex, onSelect, registerItem, unregisterItem } = useCommandContext();
+    const itemValue = itemValueOf(value, children);
+    const domId = `rfr-cmd-item-${React.useId().replace(/:/g, "")}`;
+    const onSelectRef = React.useRef(onItemSelect);
+    onSelectRef.current = onItemSelect;
+    React.useEffect(() => {
+      registerItem(itemValue, { domId, disabled, select: () => onSelectRef.current?.() });
+    }, [registerItem, itemValue, domId, disabled]);
+    React.useEffect(() => () => unregisterItem(itemValue), [unregisterItem, itemValue]);
+    if (!matches(itemValue)) return null;
+    const index = filteredItems.findIndex((i) => i.value === itemValue);
+    const isSelected = index !== -1 && index === selectedIndex;
+    const state = disabled ? "disabled" : isSelected ? "selected" : "default";
     return React.createElement(
       "div",
       {
         ref,
+        id: domId,
         role: "option",
-        "aria-selected": false,
-        "aria-disabled": disabled ?? false,
-        "data-value": value,
+        "aria-selected": isSelected,
+        "aria-disabled": disabled,
+        "data-value": itemValue,
+        "data-selected": isSelected ? "" : void 0,
         className: cn(commandItemVariants({ state }), className),
-        onClick: () => {
-          if (!disabled) {
-            onItemSelect?.();
-          }
+        onClick: (e) => {
+          onClick?.(e);
+          if (!disabled && !e.defaultPrevented) onItemSelect?.();
+        },
+        onMouseMove: (e) => {
+          onMouseMove?.(e);
+          if (index !== -1 && index !== selectedIndex) onSelect(index);
         },
         ...props
       },