@kushagradhawan/kookie-ui 0.1.25 → 0.1.26

package/components.css

@@ -6182,7 +6182,7 @@
     color: var(--gray-a8);
     cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
     color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
@@ -6227,7 +6227,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
     color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
     color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -6240,7 +6240,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
     color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
     color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
@@ -6250,7 +6250,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where(.rt-Text) {
     color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
     color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
@@ -6297,7 +6297,7 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]):where([data-panel-background='translucent']) {
     background-color: var(--accent-a4);
 }
-.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
     color: var(--gray-11) !important;
 }
 .rt-ContextMenuContent {
@@ -7795,7 +7795,7 @@
     display: block;
     object-fit: var(--object-fit);
     box-shadow: var(--box-shadow);
-    border-radius: max(var(--radius-4), var(--radius-full));
+    border-radius: max(var(--radius-4), min(var(--radius-full), var(--radius-6)));
     transition: var(--transition-button);
 }
 .rt-Image:where(:any-link, button, label) {
@@ -15408,6 +15408,18 @@
 .rt-TooltipArrow {
     fill: var(--gray-12);
 }
+.rt-UserCard:where(.rt-r-size-1) :where(.rt-Flex) {
+    gap: var(--space-2);
+}
+.rt-UserCard:where(.rt-r-size-2) :where(.rt-Flex) {
+    gap: var(--space-3);
+}
+.rt-UserCard:where(.rt-r-size-3) :where(.rt-Flex) {
+    gap: var(--space-4);
+}
+.rt-UserCard:where(.rt-r-size-4) :where(.rt-Flex) {
+    gap: var(--space-5);
+}
 .radix-themes:where([data-is-root-theme='true']) {
     position: relative;
     z-index: 0;

package/dist/cjs/components/index.d.ts

@@ -58,6 +58,7 @@ export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.j
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
+export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';
 export * as Sidebar from './sidebar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var Z=Object.create;var m=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var oo=Object.getPrototypeOf,ro=Object.prototype.hasOwnProperty;var eo=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of $(e))!ro.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=_(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?Z(oo(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),to=r=>n(m({},"__esModule",{value:!0}),r);var po={};eo(po,{AccessibleIcon:()=>P.AccessibleIcon,AlertDialog:()=>so,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>T.Button,Callout:()=>xo,Card:()=>g.Card,Checkbox:()=>C.Checkbox,CheckboxCards:()=>mo,CheckboxGroup:()=>ao,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>S.Code,Container:()=>u.Container,ContextMenu:()=>fo,DataList:()=>no,Dialog:()=>Po,DropdownMenu:()=>yo,Em:()=>h.Em,Flex:()=>I.Flex,Grid:()=>k.Grid,Heading:()=>B.Heading,HoverCard:()=>io,IconButton:()=>b.IconButton,Image:()=>A.Image,Inset:()=>R.Inset,Kbd:()=>v.Kbd,Link:()=>D.Link,Popover:()=>lo,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>co,RadioGroup:()=>To,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>go,Select:()=>Co,Separator:()=>K.Separator,Sidebar:()=>ko,Skeleton:()=>M.Skeleton,Slider:()=>Q.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>V.Spinner,Strong:()=>z.Strong,Switch:()=>N.Switch,TabNav:()=>So,Table:()=>uo,Tabs:()=>ho,Text:()=>J.Text,TextArea:()=>j.TextArea,TextField:()=>Io,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>O.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>U.ToggleButton,ToggleIconButton:()=>W.ToggleIconButton,Tooltip:()=>X.Tooltip,VisuallyHidden:()=>Y.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=to(po);var P=require("./accessible-icon.js"),so=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),i=require("./avatar.js"),l=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),T=require("./button.js"),xo=o(require("./callout.js")),g=require("./card.js"),mo=o(require("./checkbox-cards.js")),ao=o(require("./checkbox-group.js")),C=require("./checkbox.js"),S=require("./code.js"),u=require("./container.js"),fo=o(require("./context-menu.js")),no=o(require("./data-list.js")),Po=o(require("./dialog.js")),yo=o(require("./dropdown-menu.js")),h=require("./em.js"),I=require("./flex.js"),k=require("./grid.js"),B=require("./heading.js"),io=o(require("./hover-card.js")),b=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),R=require("./inset.js"),v=require("./kbd.js"),D=require("./link.js"),lo=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),co=o(require("./radio-cards.js")),To=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),go=o(require("./segmented-control.js")),E=require("./section.js"),Co=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),Q=require("./slider.js"),a=require("./slot.js"),V=require("./spinner.js"),z=require("./strong.js"),N=require("./switch.js"),So=o(require("./tab-nav.js")),uo=o(require("./table.js")),ho=o(require("./tabs.js")),j=require("./text-area.js"),Io=o(require("./text-field.js")),J=require("./text.js"),O=require("./theme-panel.js"),s=require("./theme.js"),U=require("./toggle-button.js"),W=require("./toggle-icon-button.js"),X=require("./tooltip.js"),Y=require("./visually-hidden.js"),ko=o(require("./sidebar.js"));
+"use strict";var _=Object.create;var m=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var ro=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var to=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of oo(e))!eo.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=$(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?_(ro(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),po=r=>n(m({},"__esModule",{value:!0}),r);var so={};to(so,{AccessibleIcon:()=>P.AccessibleIcon,AlertDialog:()=>xo,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>C.Button,Callout:()=>mo,Card:()=>T.Card,Checkbox:()=>g.Checkbox,CheckboxCards:()=>ao,CheckboxGroup:()=>fo,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>S.Code,Container:()=>u.Container,ContextMenu:()=>no,DataList:()=>Po,Dialog:()=>yo,DropdownMenu:()=>io,Em:()=>h.Em,Flex:()=>I.Flex,Grid:()=>k.Grid,Heading:()=>B.Heading,HoverCard:()=>lo,IconButton:()=>b.IconButton,Image:()=>A.Image,Inset:()=>R.Inset,Kbd:()=>v.Kbd,Link:()=>D.Link,Popover:()=>co,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>Co,RadioGroup:()=>To,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>go,Select:()=>So,Separator:()=>K.Separator,Sidebar:()=>Bo,Skeleton:()=>M.Skeleton,Slider:()=>Q.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>U.Spinner,Strong:()=>V.Strong,Switch:()=>z.Switch,TabNav:()=>uo,Table:()=>ho,Tabs:()=>Io,Text:()=>j.Text,TextArea:()=>N.TextArea,TextField:()=>ko,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>J.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>O.ToggleButton,ToggleIconButton:()=>W.ToggleIconButton,Tooltip:()=>X.Tooltip,UserCard:()=>Y.UserCard,VisuallyHidden:()=>Z.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=po(so);var P=require("./accessible-icon.js"),xo=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),i=require("./avatar.js"),l=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),C=require("./button.js"),mo=o(require("./callout.js")),T=require("./card.js"),ao=o(require("./checkbox-cards.js")),fo=o(require("./checkbox-group.js")),g=require("./checkbox.js"),S=require("./code.js"),u=require("./container.js"),no=o(require("./context-menu.js")),Po=o(require("./data-list.js")),yo=o(require("./dialog.js")),io=o(require("./dropdown-menu.js")),h=require("./em.js"),I=require("./flex.js"),k=require("./grid.js"),B=require("./heading.js"),lo=o(require("./hover-card.js")),b=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),R=require("./inset.js"),v=require("./kbd.js"),D=require("./link.js"),co=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),Co=o(require("./radio-cards.js")),To=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),go=o(require("./segmented-control.js")),E=require("./section.js"),So=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),Q=require("./slider.js"),a=require("./slot.js"),U=require("./spinner.js"),V=require("./strong.js"),z=require("./switch.js"),uo=o(require("./tab-nav.js")),ho=o(require("./table.js")),Io=o(require("./tabs.js")),N=require("./text-area.js"),ko=o(require("./text-field.js")),j=require("./text.js"),J=require("./theme-panel.js"),s=require("./theme.js"),O=require("./toggle-button.js"),W=require("./toggle-icon-button.js"),X=require("./tooltip.js"),Y=require("./user-card.js"),Z=require("./visually-hidden.js"),Bo=o(require("./sidebar.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx"],
-  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\n"],
-  "mappings": "gkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,qDAAAE,GAAA,8IAAAC,GAAA,0DAAAC,GAAA,kBAAAC,GAAA,gGAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,0GAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,sCAAAC,GAAA,+JAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,yZAAAC,GAAArB,IAAA,IAAAsB,EAAyD,gCACzDpB,GAA6B,gCAC7BqB,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzCzB,GAAyB,2BACzB0B,EAAqC,qBACrCzB,GAA+B,kCAC/BC,GAA+B,kCAC/ByB,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/C1B,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BwB,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3C1B,GAA2B,8BAC3B2B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrC/B,GAAyB,2BACzBgC,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvCjC,GAA4B,+BAC5BC,GAA4B,+BAC5BiC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDlC,GAAkC,qCAClCmC,EAA2C,wBAC3ClC,GAAwB,0BACxBmC,EAA+C,0BAC/CC,EAA6C,yBAC7CC,EAAyC,uBACzCC,EAAgC,qBAChCC,EAA2C,wBAC3CC,EAAyC,uBACzCC,EAAyC,uBACzCvC,GAAwB,2BACxBC,GAAuB,yBACvBC,GAAsB,wBACtBsC,EAA6C,0BAC7CrC,GAA2B,8BAC3BsC,EAAqC,qBACrCC,EAAiD,4BACjDC,EAAsE,sBACtEC,EAAqD,8BACrDC,EAA6D,mCAC7DC,EAA2C,wBAC3CC,EAAyD,gCACzDhD,GAAyB",
-  "names": ["components_exports", "__export", "AlertDialog", "Callout", "CheckboxCards", "CheckboxGroup", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sidebar", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_image", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_visually_hidden"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { UserCard, type UserCardProps } from './user-card.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\n"],
+  "mappings": "kkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,qDAAAE,GAAA,8IAAAC,GAAA,0DAAAC,GAAA,kBAAAC,GAAA,gGAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,0GAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,sCAAAC,GAAA,+JAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,ibAAAC,GAAArB,IAAA,IAAAsB,EAAyD,gCACzDpB,GAA6B,gCAC7BqB,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzCzB,GAAyB,2BACzB0B,EAAqC,qBACrCzB,GAA+B,kCAC/BC,GAA+B,kCAC/ByB,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/C1B,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BwB,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3C1B,GAA2B,8BAC3B2B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrC/B,GAAyB,2BACzBgC,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvCjC,GAA4B,+BAC5BC,GAA4B,+BAC5BiC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDlC,GAAkC,qCAClCmC,EAA2C,wBAC3ClC,GAAwB,0BACxBmC,EAA+C,0BAC/CC,EAA6C,yBAC7CC,EAAyC,uBACzCC,EAAgC,qBAChCC,EAA2C,wBAC3CC,EAAyC,uBACzCC,EAAyC,uBACzCvC,GAAwB,2BACxBC,GAAuB,yBACvBC,GAAsB,wBACtBsC,EAA6C,0BAC7CrC,GAA2B,8BAC3BsC,EAAqC,qBACrCC,EAAiD,4BACjDC,EAAsE,sBACtEC,EAAqD,8BACrDC,EAA6D,mCAC7DC,EAA2C,wBAC3CC,EAA6C,0BAC7CC,EAAyD,gCACzDjD,GAAyB",
+  "names": ["components_exports", "__export", "AlertDialog", "Callout", "CheckboxCards", "CheckboxGroup", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sidebar", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_image", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_user_card", "import_visually_hidden"]
 }

package/dist/cjs/components/user-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { userCardPropDefs } from './user-card.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type UserCardOwnProps = GetPropDefTypes<typeof userCardPropDefs>;
+interface UserCardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, UserCardOwnProps {
+}
+declare const UserCard: React.ForwardRefExoticComponent<UserCardProps & React.RefAttributes<HTMLDivElement>>;
+export { UserCard };
+export type { UserCardProps };
+//# sourceMappingURL=user-card.d.ts.map

package/dist/cjs/components/user-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-card.d.ts","sourceRoot":"","sources":["../../../src/components/user-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAGjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,gBAAgB;CAAG;AAEvB,QAAA,MAAM,QAAQ,sFAqEZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/components/user-card.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var W=Object.create;var n=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var V=(r,e)=>{for(var a in e)n(r,a,{get:e[a],enumerable:!0})},l=(r,e,a,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!A.call(r,o)&&o!==a&&n(r,o,{get:()=>e[o],enumerable:!(s=G(e,o))||s.enumerable});return r};var f=(r,e,a)=>(a=r!=null?W(S(r)):{},l(e||!r||!r.__esModule?n(a,"default",{value:r,enumerable:!0}):a,r)),q=r=>l(n({},"__esModule",{value:!0}),r);var H={};V(H,{UserCard:()=>d});module.exports=q(H);var t=f(require("react")),u=f(require("classnames")),C=require("./user-card.props.js"),P=require("./avatar.js"),g=require("./card.js"),p=require("./text.js"),m=require("./flex.js"),y=require("../helpers/extract-props.js"),h=require("../helpers/get-subtree.js"),v=require("../props/margin.props.js"),x=require("./theme.js");const d=t.forwardRef((r,e)=>{const a=(0,x.useThemeContext)(),s=r.panelBackground??a.panelBackground,{asChild:o,children:z,className:U,src:k,fallback:T,name:B,description:c,avatarVariant:D,radius:w,color:M,panelBackground:I,flush:N,...b}=(0,y.extractProps)(r,C.userCardPropDefs,v.marginPropDefs),j={1:{avatar:"1",name:"1",description:"0"},2:{avatar:"2",name:"2",description:"1"},3:{avatar:"3",name:"3",description:"2"},4:{avatar:"4",name:"4",description:"3"}},E=r.size||"2",i=j[E],F=t.createElement(m.Flex,{align:"center",gap:"3"},t.createElement(P.Avatar,{size:i.avatar,variant:D,radius:w,src:k,fallback:T,color:M,highContrast:r.highContrast}),t.createElement(m.Flex,{direction:"column",gap:"0",style:{minWidth:0}},t.createElement(p.Text,{size:i.name,weight:"medium",truncate:!0},B),c&&t.createElement(p.Text,{size:i.description,color:"gray",truncate:!0},c)));return t.createElement(g.Card,{...b,asChild:o,size:r.size,variant:r.variant,panelBackground:s,flush:N,ref:e,className:(0,u.default)("rt-UserCard",U)},(0,h.getSubtree)({asChild:o,children:z},F))});d.displayName="UserCard";
+//# sourceMappingURL=user-card.js.map

package/dist/cjs/components/user-card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/user-card.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { userCardPropDefs } from './user-card.props.js';\nimport { Avatar } from './avatar.js';\nimport { Card } from './card.js';\nimport { Text } from './text.js';\nimport { Flex } from './flex.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype UserCardOwnProps = GetPropDefTypes<typeof userCardPropDefs>;\n\ntype UserCardElement = React.ElementRef<'div'>;\ninterface UserCardProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    UserCardOwnProps {}\n\nconst UserCard = React.forwardRef<UserCardElement, UserCardProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n  const resolvedPanelBackground = props.panelBackground ?? themeContext.panelBackground;\n\n  const {\n    asChild,\n    children,\n    className,\n    src,\n    fallback,\n    name,\n    description,\n    avatarVariant,\n    radius,\n    color,\n    panelBackground,\n    flush,\n    ...restProps\n  } = extractProps(props, userCardPropDefs, marginPropDefs);\n\n  // Size mappings for avatar and text\n  const sizeMap = {\n    '1': { avatar: '1', name: '1', description: '0' },\n    '2': { avatar: '2', name: '2', description: '1' },\n    '3': { avatar: '3', name: '3', description: '2' },\n    '4': { avatar: '4', name: '4', description: '3' },\n  } as const;\n\n  const currentSize = props.size || '2';\n  const sizes = sizeMap[currentSize as keyof typeof sizeMap];\n\n  const content = (\n    <Flex align=\"center\" gap=\"3\">\n      <Avatar\n        size={sizes.avatar as any}\n        variant={avatarVariant}\n        radius={radius}\n        src={src}\n        fallback={fallback!}\n        color={color}\n        highContrast={props.highContrast}\n      />\n      <Flex direction=\"column\" gap=\"0\" style={{ minWidth: 0 }}>\n        <Text size={sizes.name as any} weight=\"medium\" truncate>\n          {name}\n        </Text>\n        {description && (\n          <Text size={sizes.description as any} color=\"gray\" truncate>\n            {description}\n          </Text>\n        )}\n      </Flex>\n    </Flex>\n  );\n\n  return (\n    <Card\n      {...restProps}\n      asChild={asChild}\n      size={props.size}\n      variant={props.variant}\n      panelBackground={resolvedPanelBackground}\n      flush={flush}\n      ref={forwardedRef}\n      className={classNames('rt-UserCard', className)}\n    >\n      {getSubtree({ asChild, children }, content)}\n    </Card>\n  );\n});\n\nUserCard.displayName = 'UserCard';\n\nexport { UserCard };\nexport type { UserCardProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAAiC,gCACjCC,EAAuB,uBACvBC,EAAqB,qBACrBC,EAAqB,qBACrBC,EAAqB,qBACrBC,EAA6B,uCAC7BC,EAA2B,qCAC3BC,EAA+B,oCAC/BC,EAAgC,sBAchC,MAAMZ,EAAWE,EAAM,WAA2C,CAACW,EAAOC,IAAiB,CACzF,MAAMC,KAAe,mBAAgB,EAC/BC,EAA0BH,EAAM,iBAAmBE,EAAa,gBAEhE,CACJ,QAAAE,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAAC,EACA,cAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,GAAGC,CACL,KAAI,gBAAahB,EAAO,mBAAkB,gBAAc,EAGlDiB,EAAU,CACd,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,CAClD,EAEMC,EAAclB,EAAM,MAAQ,IAC5BmB,EAAQF,EAAQC,CAAmC,EAEnDE,EACJ/B,EAAA,cAAC,QAAK,MAAM,SAAS,IAAI,KACvBA,EAAA,cAAC,UACC,KAAM8B,EAAM,OACZ,QAASR,EACT,OAAQC,EACR,IAAKL,EACL,SAAUC,EACV,MAAOK,EACP,aAAcb,EAAM,aACtB,EACAX,EAAA,cAAC,QAAK,UAAU,SAAS,IAAI,IAAI,MAAO,CAAE,SAAU,CAAE,GACpDA,EAAA,cAAC,QAAK,KAAM8B,EAAM,KAAa,OAAO,SAAS,SAAQ,IACpDV,CACH,EACCC,GACCrB,EAAA,cAAC,QAAK,KAAM8B,EAAM,YAAoB,MAAM,OAAO,SAAQ,IACxDT,CACH,CAEJ,CACF,EAGF,OACErB,EAAA,cAAC,QACE,GAAG2B,EACJ,QAASZ,EACT,KAAMJ,EAAM,KACZ,QAASA,EAAM,QACf,gBAAiBG,EACjB,MAAOY,EACP,IAAKd,EACL,aAAW,EAAAoB,SAAW,cAAef,CAAS,MAE7C,cAAW,CAAE,QAAAF,EAAS,SAAAC,CAAS,EAAGe,CAAO,CAC5C,CAEJ,CAAC,EAEDjC,EAAS,YAAc",
+  "names": ["user_card_exports", "__export", "UserCard", "__toCommonJS", "React", "import_classnames", "import_user_card_props", "import_avatar", "import_card", "import_text", "import_flex", "import_extract_props", "import_get_subtree", "import_margin_props", "import_theme", "props", "forwardedRef", "themeContext", "resolvedPanelBackground", "asChild", "children", "className", "src", "fallback", "name", "description", "avatarVariant", "radius", "color", "panelBackground", "flush", "restProps", "sizeMap", "currentSize", "sizes", "content", "classNames"]
+}

package/dist/cjs/components/user-card.props.d.ts

@@ -0,0 +1,63 @@
+declare const userCardPropDefs: {
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    flush: {
+        type: "boolean";
+        default: false;
+    };
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["ghost", "surface", "classic"];
+        default: "surface";
+    };
+    src: {
+        type: "string";
+    };
+    fallback: {
+        type: "ReactNode";
+        required: true;
+    };
+    name: {
+        type: "string";
+        required: true;
+    };
+    description: {
+        type: "string";
+    };
+    avatarVariant: {
+        type: "enum";
+        values: readonly ["solid", "soft", "surface", "outline"];
+        default: "soft";
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+export { userCardPropDefs };
+//# sourceMappingURL=user-card.props.d.ts.map

package/dist/cjs/components/user-card.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-card.props.d.ts","sourceRoot":"","sources":["../../../src/components/user-card.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/cjs/components/user-card.props.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(r,e)=>{for(var t in e)s(r,t,{get:e[t],enumerable:!0})},D=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!d.call(r,a)&&a!==t&&s(r,a,{get:()=>e[a],enumerable:!(o=c(e,a))||o.enumerable});return r};var P=r=>D(s({},"__esModule",{value:!0}),r);var h={};m(h,{userCardPropDefs:()=>u});module.exports=P(h);var n=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),f=require("../props/high-contrast.prop.js"),i=require("../props/radius.prop.js");const v=["1","2","3","4"],y=["ghost","surface","classic"],g=["solid","soft","surface","outline"],b=["solid","translucent"],u={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"surface"},src:{type:"string"},fallback:{type:"ReactNode",required:!0},name:{type:"string",required:!0},description:{type:"string"},avatarVariant:{type:"enum",values:g,default:"soft"},...i.radiusPropDef,...p.accentColorPropDef,...f.highContrastPropDef,panelBackground:{type:"enum",values:b,default:void 0},flush:{type:"boolean",default:!1}};
+//# sourceMappingURL=user-card.props.js.map

package/dist/cjs/components/user-card.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/user-card.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['ghost', 'surface', 'classic'] as const;\nconst avatarVariants = ['solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst userCardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n\n  // Content props\n  src: { type: 'string' },\n  fallback: { type: 'ReactNode', required: true },\n  name: { type: 'string', required: true },\n  description: { type: 'string' },\n\n  // Avatar styling\n  avatarVariant: { type: 'enum', values: avatarVariants, default: 'soft' },\n  ...radiusPropDef,\n\n  // Card styling\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  src: PropDef<string>;\n  fallback: PropDef<React.ReactNode>;\n  name: PropDef<string>;\n  description: PropDef<string>;\n  avatarVariant: PropDef<(typeof avatarVariants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { userCardPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,QAAS,UAAW,SAAS,EACzCC,EAAiB,CAAC,QAAS,OAAQ,UAAW,SAAS,EACvDC,EAAmB,CAAC,QAAS,aAAa,EAE1CT,EAAmB,CACvB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EAGvF,IAAK,CAAE,KAAM,QAAS,EACtB,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,KAAM,CAAE,KAAM,SAAU,SAAU,EAAK,EACvC,YAAa,CAAE,KAAM,QAAS,EAG9B,cAAe,CAAE,KAAM,OAAQ,OAAQC,EAAgB,QAAS,MAAO,EACvE,GAAG,gBAGH,GAAG,qBACH,GAAG,sBACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["user_card_props_exports", "__export", "userCardPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "avatarVariants", "panelBackgrounds"]
+}

package/dist/esm/components/index.d.ts

@@ -58,6 +58,7 @@ export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.j
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
+export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';
 export * as Sidebar from './sidebar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,QAAQ,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EACL,KAAK,SAAS,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as g}from"./card.js";import*as C from"./checkbox-cards.js";import*as S from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as N,ThickCheckIcon as j,ThickChevronRightIcon as J,ThickDividerHorizontalIcon as O}from"./icons.js";import{Image as W}from"./image.js";import{Inset as Y}from"./inset.js";import{Kbd as _}from"./kbd.js";import{Link as oo}from"./link.js";import*as ro from"./popover.js";import{Portal as to}from"./portal.js";import{Progress as so}from"./progress.js";import{Quote as mo}from"./quote.js";import*as ao from"./radio-cards.js";import*as fo from"./radio-group.js";import{Radio as Po}from"./radio.js";import{Reset as io}from"./reset.js";import{ScrollArea as co}from"./scroll-area.js";import*as To from"./segmented-control.js";import{Section as Co}from"./section.js";import*as So from"./select.js";import{Separator as ho}from"./separator.js";import{Skeleton as ko}from"./skeleton.js";import{Slider as bo}from"./slider.js";import{Slot as Ro,Slottable as vo}from"./slot.js";import{Spinner as Ho}from"./spinner.js";import{Strong as Go}from"./strong.js";import{Switch as Lo}from"./switch.js";import*as qo from"./tab-nav.js";import*as Eo from"./table.js";import*as Ko from"./tabs.js";import{TextArea as Qo}from"./text-area.js";import*as Vo from"./text-field.js";import{Text as No}from"./text.js";import{ThemePanel as Jo}from"./theme-panel.js";import{Theme as Uo,ThemeContext as Wo,useThemeContext as Xo}from"./theme.js";import{ToggleButton as Zo}from"./toggle-button.js";import{ToggleIconButton as $o}from"./toggle-icon-button.js";import{Tooltip as rr}from"./tooltip.js";import{VisuallyHidden as tr}from"./visually-hidden.js";import*as pr from"./sidebar.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,g as Card,h as Checkbox,C as CheckboxCards,S as CheckboxGroup,N as ChevronDownIcon,k as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,V as IconButton,W as Image,Y as Inset,_ as Kbd,oo as Link,ro as Popover,to as Portal,so as Progress,mo as Quote,Po as Radio,ao as RadioCards,fo as RadioGroup,io as Reset,co as ScrollArea,Co as Section,To as SegmentedControl,So as Select,ho as Separator,pr as Sidebar,ko as Skeleton,bo as Slider,Ro as Slot,vo as Slottable,Ho as Spinner,Go as Strong,Lo as Switch,qo as TabNav,Eo as Table,Ko as Tabs,No as Text,Qo as TextArea,Vo as TextField,Uo as Theme,Wo as ThemeContext,Jo as ThemePanel,j as ThickCheckIcon,J as ThickChevronRightIcon,O as ThickDividerHorizontalIcon,Zo as ToggleButton,$o as ToggleIconButton,rr as Tooltip,tr as VisuallyHidden,Xo as useThemeContext};
+import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./alert-dialog.js";import{AspectRatio as s}from"./aspect-ratio.js";import{Avatar as m}from"./avatar.js";import{Badge as f}from"./badge.js";import{Blockquote as P}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as c}from"./button.js";import*as d from"./callout.js";import{Card as T}from"./card.js";import*as g from"./checkbox-cards.js";import*as S from"./checkbox-group.js";import{Checkbox as h}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as b}from"./container.js";import*as A from"./context-menu.js";import*as R from"./data-list.js";import*as v from"./dialog.js";import*as D from"./dropdown-menu.js";import{Em as w}from"./em.js";import{Flex as F}from"./flex.js";import{Grid as q}from"./grid.js";import{Heading as K}from"./heading.js";import*as M from"./hover-card.js";import{IconButton as U}from"./icon-button.js";import{ChevronDownIcon as z,ThickCheckIcon as N,ThickChevronRightIcon as j,ThickDividerHorizontalIcon as J}from"./icons.js";import{Image as W}from"./image.js";import{Inset as Y}from"./inset.js";import{Kbd as _}from"./kbd.js";import{Link as oo}from"./link.js";import*as ro from"./popover.js";import{Portal as to}from"./portal.js";import{Progress as so}from"./progress.js";import{Quote as mo}from"./quote.js";import*as ao from"./radio-cards.js";import*as fo from"./radio-group.js";import{Radio as Po}from"./radio.js";import{Reset as io}from"./reset.js";import{ScrollArea as co}from"./scroll-area.js";import*as Co from"./segmented-control.js";import{Section as go}from"./section.js";import*as So from"./select.js";import{Separator as ho}from"./separator.js";import{Skeleton as ko}from"./skeleton.js";import{Slider as bo}from"./slider.js";import{Slot as Ro,Slottable as vo}from"./slot.js";import{Spinner as Ho}from"./spinner.js";import{Strong as Go}from"./strong.js";import{Switch as Lo}from"./switch.js";import*as qo from"./tab-nav.js";import*as Eo from"./table.js";import*as Ko from"./tabs.js";import{TextArea as Qo}from"./text-area.js";import*as Uo from"./text-field.js";import{Text as zo}from"./text.js";import{ThemePanel as jo}from"./theme-panel.js";import{Theme as Oo,ThemeContext as Wo,useThemeContext as Xo}from"./theme.js";import{ToggleButton as Zo}from"./toggle-button.js";import{ToggleIconButton as $o}from"./toggle-icon-button.js";import{Tooltip as rr}from"./tooltip.js";import{UserCard as tr}from"./user-card.js";import{VisuallyHidden as sr}from"./visually-hidden.js";import*as xr from"./sidebar.js";export{e as AccessibleIcon,t as AlertDialog,s as AspectRatio,m as Avatar,f as Badge,P as Blockquote,i as Box,c as Button,d as Callout,T as Card,h as Checkbox,g as CheckboxCards,S as CheckboxGroup,z as ChevronDownIcon,k as Code,b as Container,A as ContextMenu,R as DataList,v as Dialog,D as DropdownMenu,w as Em,F as Flex,q as Grid,K as Heading,M as HoverCard,U as IconButton,W as Image,Y as Inset,_ as Kbd,oo as Link,ro as Popover,to as Portal,so as Progress,mo as Quote,Po as Radio,ao as RadioCards,fo as RadioGroup,io as Reset,co as ScrollArea,go as Section,Co as SegmentedControl,So as Select,ho as Separator,xr as Sidebar,ko as Skeleton,bo as Slider,Ro as Slot,vo as Slottable,Ho as Spinner,Go as Strong,Lo as Switch,qo as TabNav,Eo as Table,Ko as Tabs,zo as Text,Qo as TextArea,Uo as TextField,Oo as Theme,Wo as ThemeContext,jo as ThemePanel,N as ThickCheckIcon,j as ThickChevronRightIcon,J as ThickDividerHorizontalIcon,Zo as ToggleButton,$o as ToggleIconButton,rr as Tooltip,tr as UserCard,sr as VisuallyHidden,Xo as useThemeContext};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx"],
-  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,kBAAAC,OAAgD,uBACzD,UAAYC,OAAa",
-  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "VisuallyHidden", "Sidebar"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n  type IconProps,\n  ChevronDownIcon,\n  ThickCheckIcon,\n  ThickChevronRightIcon,\n  ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { UserCard, type UserCardProps } from './user-card.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAiB,oBAC7B,OAAS,eAAAC,MAA0C,oBACnD,OAAS,UAAAC,MAAgC,cACzC,OAAS,SAAAC,MAA8B,aACvC,OAAS,cAAAC,MAAwC,kBACjD,OAAS,OAAAC,MAA0B,WACnC,OAAS,UAAAC,MAAgC,cACzC,UAAYC,MAAa,eACzB,OAAS,QAAAC,MAA4B,YACrC,UAAYC,MAAmB,sBAC/B,UAAYC,MAAmB,sBAC/B,OAAS,YAAAC,MAAoC,gBAC7C,OAAS,QAAAC,MAA4B,YACrC,OAAS,aAAAC,MAAsC,iBAC/C,UAAYC,MAAiB,oBAC7B,UAAYC,MAAc,iBAC1B,UAAYC,MAAY,cACxB,UAAYC,MAAkB,qBAC9B,OAAS,MAAAC,MAAwB,UACjC,OAAS,QAAAC,MAA4B,YACrC,OAAS,QAAAC,MAA4B,YACrC,OAAS,WAAAC,MAAkC,eAC3C,UAAYC,MAAe,kBAC3B,OAAS,cAAAC,MAAwC,mBACjD,OAEE,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,8BAAAC,MACK,aACP,OAAS,SAAAC,MAA8B,aACvC,OAAS,SAAAC,MAA8B,aACvC,OAAS,OAAAC,MAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAa,eACzB,OAAS,UAAAC,OAAgC,cACzC,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,SAAAC,OAA8B,aACvC,UAAYC,OAAgB,mBAC5B,UAAYC,OAAgB,mBAC5B,OAAS,SAAAC,OAA8B,aACvC,OAAS,SAAAC,OAA8B,aACvC,OAAS,cAAAC,OAAwC,mBACjD,UAAYC,OAAsB,yBAClC,OAAS,WAAAC,OAAkC,eAC3C,UAAYC,OAAY,cACxB,OAAS,aAAAC,OAAsC,iBAC/C,OAAS,YAAAC,OAAoC,gBAC7C,OAAS,UAAAC,OAAgC,cACzC,OAAS,QAAAC,GAAM,aAAAC,OAAiB,YAChC,OAAS,WAAAC,OAAkC,eAC3C,OAAS,UAAAC,OAAgC,cACzC,OAAS,UAAAC,OAAgC,cACzC,UAAYC,OAAY,eACxB,UAAYC,OAAW,aACvB,UAAYC,OAAU,YACtB,OAAS,YAAAC,OAAoC,iBAC7C,UAAYC,OAAe,kBAC3B,OAAS,QAAAC,OAA4B,YACrC,OAAS,cAAAC,OAAwC,mBACjD,OAAS,SAAAC,GAAO,gBAAAC,GAA+B,mBAAAC,OAAuB,aACtE,OAAS,gBAAAC,OAA4C,qBACrD,OAAS,oBAAAC,OAAoD,0BAC7D,OAAS,WAAAC,OAAkC,eAC3C,OAAS,YAAAC,OAAoC,iBAC7C,OAAS,kBAAAC,OAAgD,uBACzD,UAAYC,OAAa",
+  "names": ["AccessibleIcon", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Popover", "Portal", "Progress", "Quote", "RadioCards", "RadioGroup", "Radio", "Reset", "ScrollArea", "SegmentedControl", "Section", "Select", "Separator", "Skeleton", "Slider", "Slot", "Slottable", "Spinner", "Strong", "Switch", "TabNav", "Table", "Tabs", "TextArea", "TextField", "Text", "ThemePanel", "Theme", "ThemeContext", "useThemeContext", "ToggleButton", "ToggleIconButton", "Tooltip", "UserCard", "VisuallyHidden", "Sidebar"]
 }

package/dist/esm/components/user-card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { userCardPropDefs } from './user-card.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type UserCardOwnProps = GetPropDefTypes<typeof userCardPropDefs>;
+interface UserCardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, UserCardOwnProps {
+}
+declare const UserCard: React.ForwardRefExoticComponent<UserCardProps & React.RefAttributes<HTMLDivElement>>;
+export { UserCard };
+export type { UserCardProps };
+//# sourceMappingURL=user-card.d.ts.map

package/dist/esm/components/user-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-card.d.ts","sourceRoot":"","sources":["../../../src/components/user-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAGjE,UAAU,aACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,gBAAgB;CAAG;AAEvB,QAAA,MAAM,QAAQ,sFAqEZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/user-card.js

@@ -0,0 +1,2 @@
+"use client";import*as r from"react";import k from"classnames";import{userCardPropDefs as T}from"./user-card.props.js";import{Avatar as B}from"./avatar.js";import{Card as D}from"./card.js";import{Text as s}from"./text.js";import{Flex as n}from"./flex.js";import{extractProps as w}from"../helpers/extract-props.js";import{getSubtree as M}from"../helpers/get-subtree.js";import{marginPropDefs as N}from"../props/margin.props.js";import{useThemeContext as b}from"./theme.js";const i=r.forwardRef((e,p)=>{const m=b(),d=e.panelBackground??m.panelBackground,{asChild:o,children:c,className:l,src:f,fallback:u,name:C,description:t,avatarVariant:P,radius:g,color:y,panelBackground:j,flush:h,...v}=w(e,T,N),x={1:{avatar:"1",name:"1",description:"0"},2:{avatar:"2",name:"2",description:"1"},3:{avatar:"3",name:"3",description:"2"},4:{avatar:"4",name:"4",description:"3"}},z=e.size||"2",a=x[z],U=r.createElement(n,{align:"center",gap:"3"},r.createElement(B,{size:a.avatar,variant:P,radius:g,src:f,fallback:u,color:y,highContrast:e.highContrast}),r.createElement(n,{direction:"column",gap:"0",style:{minWidth:0}},r.createElement(s,{size:a.name,weight:"medium",truncate:!0},C),t&&r.createElement(s,{size:a.description,color:"gray",truncate:!0},t)));return r.createElement(D,{...v,asChild:o,size:e.size,variant:e.variant,panelBackground:d,flush:h,ref:p,className:k("rt-UserCard",l)},M({asChild:o,children:c},U))});i.displayName="UserCard";export{i as UserCard};
+//# sourceMappingURL=user-card.js.map

package/dist/esm/components/user-card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/user-card.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { userCardPropDefs } from './user-card.props.js';\nimport { Avatar } from './avatar.js';\nimport { Card } from './card.js';\nimport { Text } from './text.js';\nimport { Flex } from './flex.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype UserCardOwnProps = GetPropDefTypes<typeof userCardPropDefs>;\n\ntype UserCardElement = React.ElementRef<'div'>;\ninterface UserCardProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    UserCardOwnProps {}\n\nconst UserCard = React.forwardRef<UserCardElement, UserCardProps>((props, forwardedRef) => {\n  const themeContext = useThemeContext();\n  const resolvedPanelBackground = props.panelBackground ?? themeContext.panelBackground;\n\n  const {\n    asChild,\n    children,\n    className,\n    src,\n    fallback,\n    name,\n    description,\n    avatarVariant,\n    radius,\n    color,\n    panelBackground,\n    flush,\n    ...restProps\n  } = extractProps(props, userCardPropDefs, marginPropDefs);\n\n  // Size mappings for avatar and text\n  const sizeMap = {\n    '1': { avatar: '1', name: '1', description: '0' },\n    '2': { avatar: '2', name: '2', description: '1' },\n    '3': { avatar: '3', name: '3', description: '2' },\n    '4': { avatar: '4', name: '4', description: '3' },\n  } as const;\n\n  const currentSize = props.size || '2';\n  const sizes = sizeMap[currentSize as keyof typeof sizeMap];\n\n  const content = (\n    <Flex align=\"center\" gap=\"3\">\n      <Avatar\n        size={sizes.avatar as any}\n        variant={avatarVariant}\n        radius={radius}\n        src={src}\n        fallback={fallback!}\n        color={color}\n        highContrast={props.highContrast}\n      />\n      <Flex direction=\"column\" gap=\"0\" style={{ minWidth: 0 }}>\n        <Text size={sizes.name as any} weight=\"medium\" truncate>\n          {name}\n        </Text>\n        {description && (\n          <Text size={sizes.description as any} color=\"gray\" truncate>\n            {description}\n          </Text>\n        )}\n      </Flex>\n    </Flex>\n  );\n\n  return (\n    <Card\n      {...restProps}\n      asChild={asChild}\n      size={props.size}\n      variant={props.variant}\n      panelBackground={resolvedPanelBackground}\n      flush={flush}\n      ref={forwardedRef}\n      className={classNames('rt-UserCard', className)}\n    >\n      {getSubtree({ asChild, children }, content)}\n    </Card>\n  );\n});\n\nUserCard.displayName = 'UserCard';\n\nexport { UserCard };\nexport type { UserCardProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,oBAAAC,MAAwB,uBACjC,OAAS,UAAAC,MAAc,cACvB,OAAS,QAAAC,MAAY,YACrB,OAAS,QAAAC,MAAY,YACrB,OAAS,QAAAC,MAAY,YACrB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,mBAAAC,MAAuB,aAchC,MAAMC,EAAWX,EAAM,WAA2C,CAACY,EAAOC,IAAiB,CACzF,MAAMC,EAAeJ,EAAgB,EAC/BK,EAA0BH,EAAM,iBAAmBE,EAAa,gBAEhE,CACJ,QAAAE,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAAC,EACA,cAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIrB,EAAaK,EAAOV,EAAkBO,CAAc,EAGlDoB,EAAU,CACd,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,EAChD,EAAK,CAAE,OAAQ,IAAK,KAAM,IAAK,YAAa,GAAI,CAClD,EAEMC,EAAclB,EAAM,MAAQ,IAC5BmB,EAAQF,EAAQC,CAAmC,EAEnDE,EACJhC,EAAA,cAACM,EAAA,CAAK,MAAM,SAAS,IAAI,KACvBN,EAAA,cAACG,EAAA,CACC,KAAM4B,EAAM,OACZ,QAASR,EACT,OAAQC,EACR,IAAKL,EACL,SAAUC,EACV,MAAOK,EACP,aAAcb,EAAM,aACtB,EACAZ,EAAA,cAACM,EAAA,CAAK,UAAU,SAAS,IAAI,IAAI,MAAO,CAAE,SAAU,CAAE,GACpDN,EAAA,cAACK,EAAA,CAAK,KAAM0B,EAAM,KAAa,OAAO,SAAS,SAAQ,IACpDV,CACH,EACCC,GACCtB,EAAA,cAACK,EAAA,CAAK,KAAM0B,EAAM,YAAoB,MAAM,OAAO,SAAQ,IACxDT,CACH,CAEJ,CACF,EAGF,OACEtB,EAAA,cAACI,EAAA,CACE,GAAGwB,EACJ,QAASZ,EACT,KAAMJ,EAAM,KACZ,QAASA,EAAM,QACf,gBAAiBG,EACjB,MAAOY,EACP,IAAKd,EACL,UAAWZ,EAAW,cAAeiB,CAAS,GAE7CV,EAAW,CAAE,QAAAQ,EAAS,SAAAC,CAAS,EAAGe,CAAO,CAC5C,CAEJ,CAAC,EAEDrB,EAAS,YAAc",
+  "names": ["React", "classNames", "userCardPropDefs", "Avatar", "Card", "Text", "Flex", "extractProps", "getSubtree", "marginPropDefs", "useThemeContext", "UserCard", "props", "forwardedRef", "themeContext", "resolvedPanelBackground", "asChild", "children", "className", "src", "fallback", "name", "description", "avatarVariant", "radius", "color", "panelBackground", "flush", "restProps", "sizeMap", "currentSize", "sizes", "content"]
+}

package/dist/esm/components/user-card.props.d.ts

@@ -0,0 +1,63 @@
+declare const userCardPropDefs: {
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    flush: {
+        type: "boolean";
+        default: false;
+    };
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: "gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["ghost", "surface", "classic"];
+        default: "surface";
+    };
+    src: {
+        type: "string";
+    };
+    fallback: {
+        type: "ReactNode";
+        required: true;
+    };
+    name: {
+        type: "string";
+        required: true;
+    };
+    description: {
+        type: "string";
+    };
+    avatarVariant: {
+        type: "enum";
+        values: readonly ["solid", "soft", "surface", "outline"];
+        default: "soft";
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+export { userCardPropDefs };
+//# sourceMappingURL=user-card.props.d.ts.map

package/dist/esm/components/user-card.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-card.props.d.ts","sourceRoot":"","sources":["../../../src/components/user-card.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/user-card.props.js

@@ -0,0 +1,2 @@
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as a}from"../props/high-contrast.prop.js";import{radiusPropDef as t}from"../props/radius.prop.js";const s=["1","2","3","4"],o=["ghost","surface","classic"],n=["solid","soft","surface","outline"],p=["solid","translucent"],f={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"surface"},src:{type:"string"},fallback:{type:"ReactNode",required:!0},name:{type:"string",required:!0},description:{type:"string"},avatarVariant:{type:"enum",values:n,default:"soft"},...t,...r,...a,panelBackground:{type:"enum",values:p,default:void 0},flush:{type:"boolean",default:!1}};export{f as userCardPropDefs};
+//# sourceMappingURL=user-card.props.js.map

package/dist/esm/components/user-card.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/user-card.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['ghost', 'surface', 'classic'] as const;\nconst avatarVariants = ['solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst userCardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n\n  // Content props\n  src: { type: 'string' },\n  fallback: { type: 'ReactNode', required: true },\n  name: { type: 'string', required: true },\n  description: { type: 'string' },\n\n  // Avatar styling\n  avatarVariant: { type: 'enum', values: avatarVariants, default: 'soft' },\n  ...radiusPropDef,\n\n  // Card styling\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  src: PropDef<string>;\n  fallback: PropDef<React.ReactNode>;\n  name: PropDef<string>;\n  description: PropDef<string>;\n  avatarVariant: PropDef<(typeof avatarVariants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { userCardPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,QAAS,UAAW,SAAS,EACzCC,EAAiB,CAAC,QAAS,OAAQ,UAAW,SAAS,EACvDC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAmB,CACvB,GAAGR,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EAGvF,IAAK,CAAE,KAAM,QAAS,EACtB,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,KAAM,CAAE,KAAM,SAAU,SAAU,EAAK,EACvC,YAAa,CAAE,KAAM,QAAS,EAG9B,cAAe,CAAE,KAAM,OAAQ,OAAQC,EAAgB,QAAS,MAAO,EACvE,GAAGH,EAGH,GAAGF,EACH,GAAGC,EACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQK,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "avatarVariants", "panelBackgrounds", "userCardPropDefs"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive docs",
   "keywords": [
     "react",

package/src/components/_internal/base-menu.css

@@ -290,7 +290,7 @@
 }
 
 /* Ensure gray text appears muted in non-highlighted state */
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
   color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]),
@@ -361,7 +361,7 @@
     }
 
     /* Also target any element with data-accent-color="gray" */
-    & :where([data-accent-color='gray']) {
+    & :where([data-accent-color='gray']:not(.rt-Badge)) {
       color: inherit !important;
     }
   }
@@ -380,7 +380,7 @@
       }
 
       /* Also target any element with data-accent-color="gray" in high contrast */
-      & :where([data-accent-color='gray']) {
+      & :where([data-accent-color='gray']:not(.rt-Badge)) {
         color: inherit !important;
       }
 
@@ -392,7 +392,7 @@
           color: inherit !important;
         }
 
-        & :where([data-accent-color='gray']) {
+        & :where([data-accent-color='gray']:not(.rt-Badge)) {
           color: inherit !important;
         }
       }
@@ -467,7 +467,7 @@
     }
 
     /* In soft variant, improve contrast for gray text while maintaining hierarchy */
-    & :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+    & :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
       color: var(--gray-11) !important;
     }
   }

package/src/components/image.css

@@ -6,7 +6,7 @@
   display: block;
   object-fit: var(--object-fit);
   box-shadow: var(--box-shadow);
-  border-radius: max(var(--radius-4), var(--radius-full));
+  border-radius: max(var(--radius-4), min(var(--radius-full), var(--radius-6)));
   transition: var(--transition-button);
 }
 

package/src/components/index.css

@@ -53,6 +53,7 @@
 @import './text-field.css';
 @import './theme-panel.css';
 @import './tooltip.css';
+@import './user-card.css';
 
 .radix-themes:where([data-is-root-theme='true']) {
   /* Create a new stacking context on the root `Theme` so layered components work out of the box */

package/src/components/index.tsx

@@ -64,5 +64,6 @@ export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.j
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
+export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';
 export * as Sidebar from './sidebar.js';

package/src/components/user-card.css

@@ -0,0 +1,29 @@
+/* UserCard component styles */
+.rt-UserCard {
+  /* Base styles inherited from Card */
+  
+  /* Size-specific gap adjustments */
+  &:where(.rt-r-size-1) {
+    & :where(.rt-Flex) {
+      gap: var(--space-2);
+    }
+  }
+  
+  &:where(.rt-r-size-2) {
+    & :where(.rt-Flex) {
+      gap: var(--space-3);
+    }
+  }
+  
+  &:where(.rt-r-size-3) {
+    & :where(.rt-Flex) {
+      gap: var(--space-4);
+    }
+  }
+  
+  &:where(.rt-r-size-4) {
+    & :where(.rt-Flex) {
+      gap: var(--space-5);
+    }
+  }
+} 

package/src/components/user-card.props.tsx

@@ -0,0 +1,45 @@
+import { asChildPropDef } from '../props/as-child.prop.js';
+import { accentColorPropDef } from '../props/color.prop.js';
+import { highContrastPropDef } from '../props/high-contrast.prop.js';
+import { radiusPropDef } from '../props/radius.prop.js';
+
+import type { PropDef } from '../props/prop-def.js';
+
+const sizes = ['1', '2', '3', '4'] as const;
+const variants = ['ghost', 'surface', 'classic'] as const;
+const avatarVariants = ['solid', 'soft', 'surface', 'outline'] as const;
+const panelBackgrounds = ['solid', 'translucent'] as const;
+
+const userCardPropDefs = {
+  ...asChildPropDef,
+  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },
+  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },
+
+  // Content props
+  src: { type: 'string' },
+  fallback: { type: 'ReactNode', required: true },
+  name: { type: 'string', required: true },
+  description: { type: 'string' },
+
+  // Avatar styling
+  avatarVariant: { type: 'enum', values: avatarVariants, default: 'soft' },
+  ...radiusPropDef,
+
+  // Card styling
+  ...accentColorPropDef,
+  ...highContrastPropDef,
+  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },
+  flush: { type: 'boolean', default: false },
+} satisfies {
+  size: PropDef<(typeof sizes)[number]>;
+  variant: PropDef<(typeof variants)[number]>;
+  src: PropDef<string>;
+  fallback: PropDef<React.ReactNode>;
+  name: PropDef<string>;
+  description: PropDef<string>;
+  avatarVariant: PropDef<(typeof avatarVariants)[number]>;
+  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;
+  flush: PropDef<boolean>;
+};
+
+export { userCardPropDefs };

package/src/components/user-card.tsx

@@ -0,0 +1,102 @@
+'use client';
+
+import * as React from 'react';
+import classNames from 'classnames';
+
+import { userCardPropDefs } from './user-card.props.js';
+import { Avatar } from './avatar.js';
+import { Card } from './card.js';
+import { Text } from './text.js';
+import { Flex } from './flex.js';
+import { extractProps } from '../helpers/extract-props.js';
+import { getSubtree } from '../helpers/get-subtree.js';
+import { marginPropDefs } from '../props/margin.props.js';
+import { useThemeContext } from './theme.js';
+
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+
+type UserCardOwnProps = GetPropDefTypes<typeof userCardPropDefs>;
+
+type UserCardElement = React.ElementRef<'div'>;
+interface UserCardProps
+  extends ComponentPropsWithout<'div', RemovedProps>,
+    MarginProps,
+    UserCardOwnProps {}
+
+const UserCard = React.forwardRef<UserCardElement, UserCardProps>((props, forwardedRef) => {
+  const themeContext = useThemeContext();
+  const resolvedPanelBackground = props.panelBackground ?? themeContext.panelBackground;
+
+  const {
+    asChild,
+    children,
+    className,
+    src,
+    fallback,
+    name,
+    description,
+    avatarVariant,
+    radius,
+    color,
+    panelBackground,
+    flush,
+    ...restProps
+  } = extractProps(props, userCardPropDefs, marginPropDefs);
+
+  // Size mappings for avatar and text
+  const sizeMap = {
+    '1': { avatar: '1', name: '1', description: '0' },
+    '2': { avatar: '2', name: '2', description: '1' },
+    '3': { avatar: '3', name: '3', description: '2' },
+    '4': { avatar: '4', name: '4', description: '3' },
+  } as const;
+
+  const currentSize = props.size || '2';
+  const sizes = sizeMap[currentSize as keyof typeof sizeMap];
+
+  const content = (
+    <Flex align="center" gap="3">
+      <Avatar
+        size={sizes.avatar as any}
+        variant={avatarVariant}
+        radius={radius}
+        src={src}
+        fallback={fallback!}
+        color={color}
+        highContrast={props.highContrast}
+      />
+      <Flex direction="column" gap="0" style={{ minWidth: 0 }}>
+        <Text size={sizes.name as any} weight="medium" truncate>
+          {name}
+        </Text>
+        {description && (
+          <Text size={sizes.description as any} color="gray" truncate>
+            {description}
+          </Text>
+        )}
+      </Flex>
+    </Flex>
+  );
+
+  return (
+    <Card
+      {...restProps}
+      asChild={asChild}
+      size={props.size}
+      variant={props.variant}
+      panelBackground={resolvedPanelBackground}
+      flush={flush}
+      ref={forwardedRef}
+      className={classNames('rt-UserCard', className)}
+    >
+      {getSubtree({ asChild, children }, content)}
+    </Card>
+  );
+});
+
+UserCard.displayName = 'UserCard';
+
+export { UserCard };
+export type { UserCardProps };

package/src/styles/tokens/transition.css

@@ -1,10 +1,10 @@
 .radix-themes {
   /* Duration tokens */
-  --duration-1: 50ms; /* Micro interactions */
-  --duration-2: 100ms; /* Fast transitions */
-  --duration-3: 150ms; /* Standard transitions */
-  --duration-4: 200ms; /* Slower transitions */
-  --duration-5: 300ms; /* Slow animations */
+  --duration-1: 75ms; /* Micro interactions */
+  --duration-2: 125ms; /* Fast transitions */
+  --duration-3: 175ms; /* Standard transitions */
+  --duration-4: 225ms; /* Slower transitions */
+  --duration-5: 325ms; /* Slow animations */
 
   /* Easing tokens */
   --ease-1: ease-out; /* Fast start, slow end */

package/styles.css

@@ -4572,11 +4572,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);
@@ -11080,7 +11080,7 @@
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
   color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
@@ -11125,7 +11125,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -11138,7 +11138,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
@@ -11148,7 +11148,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
@@ -11195,7 +11195,7 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]):where([data-panel-background='translucent']) {
   background-color: var(--accent-a4);
 }
-.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
   color: var(--gray-11) !important;
 }
 .rt-ContextMenuContent {
@@ -12693,7 +12693,7 @@
   display: block;
   object-fit: var(--object-fit);
   box-shadow: var(--box-shadow);
-  border-radius: max(var(--radius-4), var(--radius-full));
+  border-radius: max(var(--radius-4), min(var(--radius-full), var(--radius-6)));
   transition: var(--transition-button);
 }
 .rt-Image:where(:any-link, button, label) {
@@ -20306,6 +20306,18 @@
 .rt-TooltipArrow {
   fill: var(--gray-12);
 }
+.rt-UserCard:where(.rt-r-size-1) :where(.rt-Flex) {
+  gap: var(--space-2);
+}
+.rt-UserCard:where(.rt-r-size-2) :where(.rt-Flex) {
+  gap: var(--space-3);
+}
+.rt-UserCard:where(.rt-r-size-3) :where(.rt-Flex) {
+  gap: var(--space-4);
+}
+.rt-UserCard:where(.rt-r-size-4) :where(.rt-Flex) {
+  gap: var(--space-5);
+}
 .radix-themes:where([data-is-root-theme='true']) {
   position: relative;
   z-index: 0;

package/tokens/base.css

@@ -1101,11 +1101,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);

package/tokens.css

@@ -4516,11 +4516,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);