@kushagradhawan/kookie-ui 0.1.118 → 0.1.119

package/components.css

@@ -19989,6 +19989,83 @@
     outline-style: solid;
     outline-color: var(--accent-9);
 }
+.rt-Toolbar {
+    position: sticky;
+    z-index: 1;
+}
+.rt-ToolbarInner {
+    width: 100%;
+    height: 100%;
+}
+.rt-Toolbar:where([data-anchor='top']) {
+    top: 0;
+    left: 0;
+    right: 0;
+}
+.rt-Toolbar:where([data-anchor='bottom']) {
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+.rt-Toolbar:where([data-anchor='left']) {
+    top: 0;
+    bottom: 0;
+    left: 0;
+}
+.rt-Toolbar:where([data-anchor='right']) {
+    top: 0;
+    bottom: 0;
+    right: 0;
+}
+.rt-Toolbar:where(:not([data-floating])) {
+    --base-card-border-radius: 0;
+}
+.rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='top']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='bottom']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='left']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='right']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where(.rt-variant-ghost:not([data-floating]))::after {
+    box-shadow: none;
+}
+.rt-Toolbar:where(.rt-variant-soft:not([data-floating]))::after {
+    box-shadow: none;
+}
+.rt-Toolbar:where([data-floating]) {
+    position: absolute;
+}
+.rt-ToolbarTitle {
+    min-width: 0;
+    flex-shrink: 1;
+}
+.rt-ToolbarLeft {
+    justify-content: flex-start;
+}
+.rt-ToolbarCenter {
+    justify-content: center;
+}
+.rt-ToolbarRight {
+    justify-content: flex-end;
+}
 .rt-TooltipContent {
     box-sizing: border-box;
     padding: var(--space-1) var(--space-2);

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

@@ -60,6 +60,7 @@ export { ThemePanel, type ThemePanelProps } from './theme-panel.js';
 export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
+export { Toolbar } from './toolbar.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
 export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';

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 _=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,Accordion:()=>xo,AlertDialog:()=>mo,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>C.Button,Callout:()=>ao,Card:()=>S.Card,Chatbar:()=>Ho,Checkbox:()=>T.Checkbox,CheckboxCards:()=>fo,CheckboxGroup:()=>no,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>g.Code,Combobox:()=>co,Container:()=>h.Container,ContextMenu:()=>Po,DataList:()=>yo,Dialog:()=>io,DropdownMenu:()=>lo,Em:()=>u.Em,Flex:()=>b.Flex,Grid:()=>I.Grid,Heading:()=>k.Heading,HoverCard:()=>Co,IconButton:()=>B.IconButton,Image:()=>A.Image,Inset:()=>v.Inset,Kbd:()=>R.Kbd,Link:()=>D.Link,Navbar:()=>So,Popover:()=>To,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>go,RadioGroup:()=>ho,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>uo,Select:()=>bo,Separator:()=>K.Separator,Sheet:()=>Do,Shell:()=>Ro,Sidebar:()=>vo,Skeleton:()=>M.Skeleton,Slider:()=>N.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>Q.Spinner,Strong:()=>U.Strong,Switch:()=>V.Switch,TabNav:()=>Io,Table:()=>ko,Tabs:()=>Bo,Text:()=>j.Text,TextArea:()=>z.TextArea,TextField:()=>Ao,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("./accordion.js")),mo=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"),ao=o(require("./callout.js")),S=require("./card.js"),fo=o(require("./checkbox-cards.js")),no=o(require("./checkbox-group.js")),T=require("./checkbox.js"),g=require("./code.js"),h=require("./container.js"),Po=o(require("./context-menu.js")),yo=o(require("./data-list.js")),io=o(require("./dialog.js")),lo=o(require("./dropdown-menu.js")),co=o(require("./combobox.js")),u=require("./em.js"),b=require("./flex.js"),I=require("./grid.js"),k=require("./heading.js"),Co=o(require("./hover-card.js")),B=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),v=require("./inset.js"),R=require("./kbd.js"),D=require("./link.js"),So=o(require("./navbar.js")),To=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),go=o(require("./radio-cards.js")),ho=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),uo=o(require("./segmented-control.js")),E=require("./section.js"),bo=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),N=require("./slider.js"),a=require("./slot.js"),Q=require("./spinner.js"),U=require("./strong.js"),V=require("./switch.js"),Io=o(require("./tab-nav.js")),ko=o(require("./table.js")),Bo=o(require("./tabs.js")),z=require("./text-area.js"),Ao=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"),vo=o(require("./sidebar.js")),Ro=o(require("./shell.js")),Do=o(require("./sheet.js")),Ho=o(require("./chatbar.js"));
+"use strict";var $=Object.create;var m=Object.defineProperty;var oo=Object.getOwnPropertyDescriptor;var ro=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,to=Object.prototype.hasOwnProperty;var po=(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 ro(e))!to.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=oo(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?$(eo(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),so=r=>n(m({},"__esModule",{value:!0}),r);var xo={};po(xo,{AccessibleIcon:()=>P.AccessibleIcon,Accordion:()=>mo,AlertDialog:()=>ao,AspectRatio:()=>y.AspectRatio,Avatar:()=>l.Avatar,Badge:()=>i.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>C.Button,Callout:()=>fo,Card:()=>T.Card,Chatbar:()=>wo,Checkbox:()=>S.Checkbox,CheckboxCards:()=>no,CheckboxGroup:()=>Po,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>g.Code,Combobox:()=>Co,Container:()=>h.Container,ContextMenu:()=>yo,DataList:()=>lo,Dialog:()=>io,DropdownMenu:()=>co,Em:()=>u.Em,Flex:()=>b.Flex,Grid:()=>I.Grid,Heading:()=>k.Heading,HoverCard:()=>To,IconButton:()=>B.IconButton,Image:()=>A.Image,Inset:()=>v.Inset,Kbd:()=>R.Kbd,Link:()=>D.Link,Navbar:()=>So,Popover:()=>go,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>ho,RadioGroup:()=>uo,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>bo,Select:()=>Io,Separator:()=>K.Separator,Sheet:()=>Ho,Shell:()=>Do,Sidebar:()=>Ro,Skeleton:()=>M.Skeleton,Slider:()=>N.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>Q.Spinner,Strong:()=>U.Strong,Switch:()=>V.Switch,TabNav:()=>ko,Table:()=>Bo,Tabs:()=>Ao,Text:()=>j.Text,TextArea:()=>z.TextArea,TextField:()=>vo,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>J.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>O.ToggleButton,ToggleIconButton:()=>W.ToggleIconButton,Toolbar:()=>X.Toolbar,Tooltip:()=>Y.Tooltip,UserCard:()=>Z.UserCard,VisuallyHidden:()=>_.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=so(xo);var P=require("./accessible-icon.js"),mo=o(require("./accordion.js")),ao=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),l=require("./avatar.js"),i=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),C=require("./button.js"),fo=o(require("./callout.js")),T=require("./card.js"),no=o(require("./checkbox-cards.js")),Po=o(require("./checkbox-group.js")),S=require("./checkbox.js"),g=require("./code.js"),h=require("./container.js"),yo=o(require("./context-menu.js")),lo=o(require("./data-list.js")),io=o(require("./dialog.js")),co=o(require("./dropdown-menu.js")),Co=o(require("./combobox.js")),u=require("./em.js"),b=require("./flex.js"),I=require("./grid.js"),k=require("./heading.js"),To=o(require("./hover-card.js")),B=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),v=require("./inset.js"),R=require("./kbd.js"),D=require("./link.js"),So=o(require("./navbar.js")),go=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),ho=o(require("./radio-cards.js")),uo=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),bo=o(require("./segmented-control.js")),E=require("./section.js"),Io=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),N=require("./slider.js"),a=require("./slot.js"),Q=require("./spinner.js"),U=require("./strong.js"),V=require("./switch.js"),ko=o(require("./tab-nav.js")),Bo=o(require("./table.js")),Ao=o(require("./tabs.js")),z=require("./text-area.js"),vo=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("./toolbar.js"),Y=require("./tooltip.js"),Z=require("./user-card.js"),_=require("./visually-hidden.js"),Ro=o(require("./sidebar.js")),Do=o(require("./shell.js")),Ho=o(require("./sheet.js")),wo=o(require("./chatbar.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 Accordion from './accordion.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 * as Combobox from './combobox.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 Navbar from './navbar.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';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
-  "mappings": "kkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,mDAAAE,GAAA,gBAAAC,GAAA,8IAAAC,GAAA,4BAAAC,GAAA,0CAAAC,GAAA,kBAAAC,GAAA,mEAAAC,GAAA,0CAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,yGAAAC,GAAA,YAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,oCAAAC,GAAA,UAAAC,GAAA,YAAAC,GAAA,+JAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,ibAAAC,GAAA3B,IAAA,IAAA4B,EAAyD,gCACzD1B,GAA2B,6BAC3BC,GAA6B,gCAC7B0B,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzC9B,GAAyB,2BACzB+B,EAAqC,qBACrC7B,GAA+B,kCAC/BC,GAA+B,kCAC/B6B,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/C7B,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BJ,GAA0B,4BAC1B+B,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3C7B,GAA2B,8BAC3B8B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrClC,GAAwB,0BACxBC,GAAyB,2BACzBkC,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvCnC,GAA4B,+BAC5BC,GAA4B,+BAC5BmC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDpC,GAAkC,qCAClCqC,EAA2C,wBAC3CpC,GAAwB,0BACxBqC,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,2BACzBD,GAAuB,yBACvBD,GAAuB,yBACvBf,GAAyB",
-  "names": ["components_exports", "__export", "Accordion", "AlertDialog", "Callout", "Chatbar", "CheckboxCards", "CheckboxGroup", "Combobox", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Navbar", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sheet", "Shell", "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"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as Accordion from './accordion.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 * as Combobox from './combobox.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 Navbar from './navbar.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 { Toolbar } from './toolbar.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';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
+  "mappings": "okBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,mDAAAE,GAAA,gBAAAC,GAAA,8IAAAC,GAAA,4BAAAC,GAAA,0CAAAC,GAAA,kBAAAC,GAAA,mEAAAC,GAAA,0CAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,yGAAAC,GAAA,YAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,oCAAAC,GAAA,UAAAC,GAAA,YAAAC,GAAA,+JAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,ucAAAC,GAAA3B,IAAA,IAAA4B,EAAyD,gCACzD1B,GAA2B,6BAC3BC,GAA6B,gCAC7B0B,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzC9B,GAAyB,2BACzB+B,EAAqC,qBACrC7B,GAA+B,kCAC/BC,GAA+B,kCAC/B6B,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/C7B,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BJ,GAA0B,4BAC1B+B,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3C7B,GAA2B,8BAC3B8B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrClC,GAAwB,0BACxBC,GAAyB,2BACzBkC,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvCnC,GAA4B,+BAC5BC,GAA4B,+BAC5BmC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDpC,GAAkC,qCAClCqC,EAA2C,wBAC3CpC,GAAwB,0BACxBqC,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,EAAwB,wBACxBC,EAA2C,wBAC3CC,EAA6C,0BAC7CC,EAAyD,gCACzDlD,GAAyB,2BACzBD,GAAuB,yBACvBD,GAAuB,yBACvBf,GAAyB",
+  "names": ["components_exports", "__export", "Accordion", "AlertDialog", "Callout", "Chatbar", "CheckboxCards", "CheckboxGroup", "Combobox", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Navbar", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sheet", "Shell", "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_toolbar", "import_tooltip", "import_user_card", "import_visually_hidden"]
 }

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Heading } from './heading.js';
+import type { CardProps } from './card.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+type Anchor = 'top' | 'bottom' | 'left' | 'right';
+type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+interface ToolbarRootProps extends Omit<CardProps, 'asChild'> {
+    /**
+     * Which edge to anchor to. Sets position: sticky and the appropriate edge.
+     * @default "top"
+     */
+    anchor?: Anchor;
+    /**
+     * Floating variant adds margin from edges for a detached look.
+     * When floating, shows full card treatment. When not floating, only shows exposed edge border.
+     * @default false
+     */
+    floating?: boolean;
+    /**
+     * Margin offset from edges when floating. Uses space scale values.
+     * @default "2"
+     */
+    offset?: SpaceScale;
+}
+declare const ToolbarRoot: React.ForwardRefExoticComponent<ToolbarRootProps & React.RefAttributes<HTMLDivElement>>;
+interface ToolbarSectionProps extends ComponentPropsWithout<'div', RemovedProps> {
+}
+declare const ToolbarLeft: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const ToolbarCenter: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const ToolbarRight: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+interface ToolbarTitleProps extends React.ComponentPropsWithoutRef<typeof Heading> {
+}
+declare const ToolbarTitle: React.ForwardRefExoticComponent<ToolbarTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Toolbar: typeof ToolbarRoot & {
+    Left: typeof ToolbarLeft;
+    Center: typeof ToolbarCenter;
+    Right: typeof ToolbarRight;
+    Title: typeof ToolbarTitle;
+};
+export { Toolbar, ToolbarRoot as Root, ToolbarLeft as Left, ToolbarCenter as Center, ToolbarRight as Right, ToolbarTitle as Title, };
+export type { ToolbarRootProps as RootProps, ToolbarSectionProps as LeftProps, ToolbarSectionProps as CenterProps, ToolbarSectionProps as RightProps, ToolbarTitleProps as TitleProps, };
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOzF,KAAK,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtE,UAAU,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,yFA6FhB,CAAC;AAQF,UAAU,mBAAoB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAEnF,QAAA,MAAM,WAAW,4FAahB,CAAC;AAOF,QAAA,MAAM,aAAa,4FAclB,CAAC;AAOF,QAAA,MAAM,YAAY,4FAajB,CAAC;AAQF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC;CAAG;AAErF,QAAA,MAAM,YAAY,8FAajB,CAAC;AAOF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,KAAK,EAAE,OAAO,YAAY,CAAC;CAC5B,CAAC;AAOF,OAAO,EACL,OAAO,EACP,WAAW,IAAI,IAAI,EACnB,WAAW,IAAI,IAAI,EACnB,aAAa,IAAI,MAAM,EACvB,YAAY,IAAI,KAAK,EACrB,YAAY,IAAI,KAAK,GACtB,CAAC;AACF,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,mBAAmB,IAAI,SAAS,EAChC,mBAAmB,IAAI,WAAW,EAClC,mBAAmB,IAAI,UAAU,EACjC,iBAAiB,IAAI,UAAU,GAChC,CAAC"}

package/dist/cjs/components/toolbar.js

@@ -0,0 +1,2 @@
+"use strict";var O=Object.create;var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var I=(o,e)=>{for(var t in e)f(o,t,{get:e[t],enumerable:!0})},x=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of $(e))!G.call(o,n)&&n!==t&&f(o,n,{get:()=>e[n],enumerable:!(r=k(e,n))||r.enumerable});return o};var v=(o,e,t)=>(t=o!=null?O(A(o)):{},x(e||!o||!o.__esModule?f(t,"default",{value:o,enumerable:!0}):t,o)),q=o=>x(f({},"__esModule",{value:!0}),o);var B={};I(B,{Center:()=>b,Left:()=>T,Right:()=>d,Root:()=>m,Title:()=>g,Toolbar:()=>i});module.exports=q(B);var a=v(require("react")),s=v(require("classnames")),N=require("./card.js"),p=require("./flex.js"),L=require("./heading.js");const m=a.forwardRef((o,e)=>{const{anchor:t="top",floating:r=!1,offset:n="2",size:y="1",variant:h="ghost",material:H,className:w,style:P,children:z,...F}=o,c=t==="top"||t==="bottom",S=a.useRef(null),j=a.useCallback(l=>{S.current=l,typeof e=="function"?e(l):e&&(e.current=l)},[e]);a.useEffect(()=>{const l=S.current;if(!l)return;const R=l.parentElement;if(!R)return;const C=()=>{let u=c?l.offsetHeight:l.offsetWidth;if(r){const D=getComputedStyle(l),M=parseFloat(D.marginTop)||0;u+=M*2}c?R.style.setProperty("--rt-toolbar-height",`${u}px`):R.style.setProperty("--rt-toolbar-width",`${u}px`)};C();const E=new ResizeObserver(C);return E.observe(l),()=>E.disconnect()},[c,r]);const W=r?{margin:`var(--space-${n})`,...P}:P;return a.createElement(N.Card,{ref:j,size:y,variant:h,material:H,"data-anchor":t,"data-floating":r||void 0,className:(0,s.default)("rt-Toolbar",w),style:W,...F},a.createElement(p.Flex,{align:"center",justify:"between",direction:c?"row":"column",gap:"2",className:"rt-ToolbarInner"},z))});m.displayName="Toolbar.Root";const T=a.forwardRef(({className:o,children:e,...t},r)=>a.createElement(p.Flex,{ref:r,align:"center",gap:"2",flexShrink:"0",className:(0,s.default)("rt-ToolbarSection","rt-ToolbarLeft",o),...t},e));T.displayName="Toolbar.Left";const b=a.forwardRef(({className:o,children:e,...t},r)=>a.createElement(p.Flex,{ref:r,align:"center",justify:"center",flexGrow:"1",minWidth:"0",className:(0,s.default)("rt-ToolbarSection","rt-ToolbarCenter",o),...t},e));b.displayName="Toolbar.Center";const d=a.forwardRef(({className:o,children:e,...t},r)=>a.createElement(p.Flex,{ref:r,align:"center",gap:"2",flexShrink:"0",className:(0,s.default)("rt-ToolbarSection","rt-ToolbarRight",o),...t},e));d.displayName="Toolbar.Right";const g=a.forwardRef(({className:o,size:e="3",weight:t="medium",truncate:r=!0,children:n,...y},h)=>a.createElement(L.Heading,{ref:h,size:e,weight:t,truncate:r,className:(0,s.default)("rt-ToolbarTitle",o),...y},n));g.displayName="Toolbar.Title";const i=m;i.Left=T,i.Center=b,i.Right=d,i.Title=g;
+//# sourceMappingURL=toolbar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Card } from './card.js';\nimport { Flex } from './flex.js';\nimport { Heading } from './heading.js';\n\nimport type { CardProps } from './card.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// ============================================================================\n// Toolbar Root\n// ============================================================================\n\ntype ToolbarRootElement = React.ElementRef<'div'>;\ntype Anchor = 'top' | 'bottom' | 'left' | 'right';\ntype SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\ninterface ToolbarRootProps extends Omit<CardProps, 'asChild'> {\n  /**\n   * Which edge to anchor to. Sets position: sticky and the appropriate edge.\n   * @default \"top\"\n   */\n  anchor?: Anchor;\n  /**\n   * Floating variant adds margin from edges for a detached look.\n   * When floating, shows full card treatment. When not floating, only shows exposed edge border.\n   * @default false\n   */\n  floating?: boolean;\n  /**\n   * Margin offset from edges when floating. Uses space scale values.\n   * @default \"2\"\n   */\n  offset?: SpaceScale;\n}\n\nconst ToolbarRoot = React.forwardRef<ToolbarRootElement, ToolbarRootProps>(\n  (props, forwardedRef) => {\n    const {\n      anchor = 'top',\n      floating = false,\n      offset = '2',\n      size = '1',\n      variant = 'ghost',\n      material,\n      className,\n      style,\n      children,\n      ...restProps\n    } = props;\n\n    const isHorizontal = anchor === 'top' || anchor === 'bottom';\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    // Merge refs\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        (internalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Measure and expose height/width as CSS variable on parent element\n    // so that sibling elements can access it\n    React.useEffect(() => {\n      const element = internalRef.current;\n      if (!element) return;\n\n      const parent = element.parentElement;\n      if (!parent) return;\n\n      const updateDimension = () => {\n        let dimension = isHorizontal ? element.offsetHeight : element.offsetWidth;\n\n        // For floating toolbars, include the margin offset (2x for top + bottom or left + right)\n        if (floating) {\n          const computedStyle = getComputedStyle(element);\n          const margin = parseFloat(computedStyle.marginTop) || 0;\n          dimension += margin * 2;\n        }\n\n        if (isHorizontal) {\n          parent.style.setProperty('--rt-toolbar-height', `${dimension}px`);\n        } else {\n          parent.style.setProperty('--rt-toolbar-width', `${dimension}px`);\n        }\n      };\n\n      updateDimension();\n\n      const resizeObserver = new ResizeObserver(updateDimension);\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.disconnect();\n    }, [isHorizontal, floating]);\n\n    const floatingStyle = floating\n      ? { margin: `var(--space-${offset})`, ...style }\n      : style;\n\n    return (\n      <Card\n        ref={mergedRef}\n        size={size}\n        variant={variant}\n        material={material}\n        data-anchor={anchor}\n        data-floating={floating || undefined}\n        className={classNames('rt-Toolbar', className)}\n        style={floatingStyle}\n        {...restProps}\n      >\n        <Flex\n          align=\"center\"\n          justify=\"between\"\n          direction={isHorizontal ? 'row' : 'column'}\n          gap=\"2\"\n          className=\"rt-ToolbarInner\"\n        >\n          {children}\n        </Flex>\n      </Card>\n    );\n  },\n);\nToolbarRoot.displayName = 'Toolbar.Root';\n\n// ============================================================================\n// Toolbar Left (for horizontal) / Start (alias)\n// ============================================================================\n\ntype ToolbarSectionElement = React.ElementRef<'div'>;\ninterface ToolbarSectionProps extends ComponentPropsWithout<'div', RemovedProps> {}\n\nconst ToolbarLeft = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      gap=\"2\"\n      flexShrink=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarLeft', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarLeft.displayName = 'Toolbar.Left';\n\n// ============================================================================\n// Toolbar Center\n// ============================================================================\n\nconst ToolbarCenter = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      justify=\"center\"\n      flexGrow=\"1\"\n      minWidth=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarCenter', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarCenter.displayName = 'Toolbar.Center';\n\n// ============================================================================\n// Toolbar Right (for horizontal) / End (alias)\n// ============================================================================\n\nconst ToolbarRight = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      gap=\"2\"\n      flexShrink=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarRight', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarRight.displayName = 'Toolbar.Right';\n\n// ============================================================================\n// Toolbar Title\n// ============================================================================\n\ntype ToolbarTitleElement = React.ElementRef<typeof Heading>;\ninterface ToolbarTitleProps extends React.ComponentPropsWithoutRef<typeof Heading> {}\n\nconst ToolbarTitle = React.forwardRef<ToolbarTitleElement, ToolbarTitleProps>(\n  ({ className, size = '3', weight = 'medium', truncate = true, children, ...props }, forwardedRef) => (\n    <Heading\n      ref={forwardedRef}\n      size={size}\n      weight={weight}\n      truncate={truncate}\n      className={classNames('rt-ToolbarTitle', className)}\n      {...props}\n    >\n      {children}\n    </Heading>\n  ),\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = ToolbarRoot as typeof ToolbarRoot & {\n  Left: typeof ToolbarLeft;\n  Center: typeof ToolbarCenter;\n  Right: typeof ToolbarRight;\n  Title: typeof ToolbarTitle;\n};\n\nToolbar.Left = ToolbarLeft;\nToolbar.Center = ToolbarCenter;\nToolbar.Right = ToolbarRight;\nToolbar.Title = ToolbarTitle;\n\nexport {\n  Toolbar,\n  ToolbarRoot as Root,\n  ToolbarLeft as Left,\n  ToolbarCenter as Center,\n  ToolbarRight as Right,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarRootProps as RootProps,\n  ToolbarSectionProps as LeftProps,\n  ToolbarSectionProps as CenterProps,\n  ToolbarSectionProps as RightProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
+  "mappings": "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",
+  "names": ["toolbar_exports", "__export", "ToolbarCenter", "ToolbarLeft", "ToolbarRight", "ToolbarRoot", "ToolbarTitle", "Toolbar", "__toCommonJS", "React", "import_classnames", "import_card", "import_flex", "import_heading", "props", "forwardedRef", "anchor", "floating", "offset", "size", "variant", "material", "className", "style", "children", "restProps", "isHorizontal", "internalRef", "mergedRef", "node", "element", "parent", "updateDimension", "dimension", "computedStyle", "margin", "resizeObserver", "floatingStyle", "classNames", "weight", "truncate"]
+}

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

@@ -60,6 +60,7 @@ export { ThemePanel, type ThemePanelProps } from './theme-panel.js';
 export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
+export { Toolbar } from './toolbar.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
 export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';

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":"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"}

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./accordion.js";import*as p from"./alert-dialog.js";import{AspectRatio as x}from"./aspect-ratio.js";import{Avatar as a}from"./avatar.js";import{Badge as n}from"./badge.js";import{Blockquote as y}from"./blockquote.js";import{Box as l}from"./box.js";import{Button as d}from"./button.js";import*as C from"./callout.js";import{Card as T}from"./card.js";import*as g from"./checkbox-cards.js";import*as h from"./checkbox-group.js";import{Checkbox as b}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as A}from"./container.js";import*as v from"./context-menu.js";import*as R from"./data-list.js";import*as D from"./dialog.js";import*as H from"./dropdown-menu.js";import*as w from"./combobox.js";import{Em as F}from"./em.js";import{Flex as q}from"./flex.js";import{Grid as K}from"./grid.js";import{Heading as N}from"./heading.js";import*as Q from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as j,ThickCheckIcon as J,ThickChevronRightIcon as O,ThickDividerHorizontalIcon as W}from"./icons.js";import{Image as Y}from"./image.js";import{Inset as _}from"./inset.js";import{Kbd as oo}from"./kbd.js";import{Link as eo}from"./link.js";import*as to from"./navbar.js";import*as po from"./popover.js";import{Portal as xo}from"./portal.js";import{Progress as ao}from"./progress.js";import{Quote as no}from"./quote.js";import*as Po from"./radio-cards.js";import*as yo from"./radio-group.js";import{Radio as lo}from"./radio.js";import{Reset as Co}from"./reset.js";import{ScrollArea as To}from"./scroll-area.js";import*as go from"./segmented-control.js";import{Section as uo}from"./section.js";import*as bo from"./select.js";import{Separator as ko}from"./separator.js";import{Skeleton as Ao}from"./skeleton.js";import{Slider as Ro}from"./slider.js";import{Slot as Ho,Slottable as wo}from"./slot.js";import{Spinner as Fo}from"./spinner.js";import{Strong as qo}from"./strong.js";import{Switch as Ko}from"./switch.js";import*as Mo from"./tab-nav.js";import*as No from"./table.js";import*as Qo from"./tabs.js";import{TextArea as Vo}from"./text-area.js";import*as zo from"./text-field.js";import{Text as Jo}from"./text.js";import{ThemePanel as Wo}from"./theme-panel.js";import{Theme as Yo,ThemeContext as Zo,useThemeContext as _o}from"./theme.js";import{ToggleButton as or}from"./toggle-button.js";import{ToggleIconButton as er}from"./toggle-icon-button.js";import{Tooltip as pr}from"./tooltip.js";import{UserCard as xr}from"./user-card.js";import{VisuallyHidden as ar}from"./visually-hidden.js";import*as fr from"./sidebar.js";import*as nr from"./shell.js";import*as Pr from"./sheet.js";import*as yr from"./chatbar.js";export{e as AccessibleIcon,t as Accordion,p as AlertDialog,x as AspectRatio,a as Avatar,n as Badge,y as Blockquote,l as Box,d as Button,C as Callout,T as Card,yr as Chatbar,b as Checkbox,g as CheckboxCards,h as CheckboxGroup,j as ChevronDownIcon,k as Code,w as Combobox,A as Container,v as ContextMenu,R as DataList,D as Dialog,H as DropdownMenu,F as Em,q as Flex,K as Grid,N as Heading,Q as HoverCard,V as IconButton,Y as Image,_ as Inset,oo as Kbd,eo as Link,to as Navbar,po as Popover,xo as Portal,ao as Progress,no as Quote,lo as Radio,Po as RadioCards,yo as RadioGroup,Co as Reset,To as ScrollArea,uo as Section,go as SegmentedControl,bo as Select,ko as Separator,Pr as Sheet,nr as Shell,fr as Sidebar,Ao as Skeleton,Ro as Slider,Ho as Slot,wo as Slottable,Fo as Spinner,qo as Strong,Ko as Switch,Mo as TabNav,No as Table,Qo as Tabs,Jo as Text,Vo as TextArea,zo as TextField,Yo as Theme,Zo as ThemeContext,Wo as ThemePanel,J as ThickCheckIcon,O as ThickChevronRightIcon,W as ThickDividerHorizontalIcon,or as ToggleButton,er as ToggleIconButton,pr as Tooltip,xr as UserCard,ar as VisuallyHidden,_o as useThemeContext};
+import{AccessibleIcon as e}from"./accessible-icon.js";import*as t from"./accordion.js";import*as p from"./alert-dialog.js";import{AspectRatio as x}from"./aspect-ratio.js";import{Avatar as a}from"./avatar.js";import{Badge as n}from"./badge.js";import{Blockquote as y}from"./blockquote.js";import{Box as i}from"./box.js";import{Button as d}from"./button.js";import*as C from"./callout.js";import{Card as S}from"./card.js";import*as g from"./checkbox-cards.js";import*as h from"./checkbox-group.js";import{Checkbox as b}from"./checkbox.js";import{Code as k}from"./code.js";import{Container as A}from"./container.js";import*as v from"./context-menu.js";import*as R from"./data-list.js";import*as D from"./dialog.js";import*as H from"./dropdown-menu.js";import*as w from"./combobox.js";import{Em as F}from"./em.js";import{Flex as q}from"./flex.js";import{Grid as K}from"./grid.js";import{Heading as N}from"./heading.js";import*as Q from"./hover-card.js";import{IconButton as V}from"./icon-button.js";import{ChevronDownIcon as j,ThickCheckIcon as J,ThickChevronRightIcon as O,ThickDividerHorizontalIcon as W}from"./icons.js";import{Image as Y}from"./image.js";import{Inset as _}from"./inset.js";import{Kbd as oo}from"./kbd.js";import{Link as eo}from"./link.js";import*as to from"./navbar.js";import*as po from"./popover.js";import{Portal as xo}from"./portal.js";import{Progress as ao}from"./progress.js";import{Quote as no}from"./quote.js";import*as Po from"./radio-cards.js";import*as yo from"./radio-group.js";import{Radio as io}from"./radio.js";import{Reset as Co}from"./reset.js";import{ScrollArea as So}from"./scroll-area.js";import*as go from"./segmented-control.js";import{Section as uo}from"./section.js";import*as bo from"./select.js";import{Separator as ko}from"./separator.js";import{Skeleton as Ao}from"./skeleton.js";import{Slider as Ro}from"./slider.js";import{Slot as Ho,Slottable as wo}from"./slot.js";import{Spinner as Fo}from"./spinner.js";import{Strong as qo}from"./strong.js";import{Switch as Ko}from"./switch.js";import*as Mo from"./tab-nav.js";import*as No from"./table.js";import*as Qo from"./tabs.js";import{TextArea as Vo}from"./text-area.js";import*as zo from"./text-field.js";import{Text as Jo}from"./text.js";import{ThemePanel as Wo}from"./theme-panel.js";import{Theme as Yo,ThemeContext as Zo,useThemeContext as _o}from"./theme.js";import{ToggleButton as or}from"./toggle-button.js";import{ToggleIconButton as er}from"./toggle-icon-button.js";import{Toolbar as pr}from"./toolbar.js";import{Tooltip as xr}from"./tooltip.js";import{UserCard as ar}from"./user-card.js";import{VisuallyHidden as nr}from"./visually-hidden.js";import*as Pr from"./sidebar.js";import*as yr from"./shell.js";import*as lr from"./sheet.js";import*as ir from"./chatbar.js";export{e as AccessibleIcon,t as Accordion,p as AlertDialog,x as AspectRatio,a as Avatar,n as Badge,y as Blockquote,i as Box,d as Button,C as Callout,S as Card,ir as Chatbar,b as Checkbox,g as CheckboxCards,h as CheckboxGroup,j as ChevronDownIcon,k as Code,w as Combobox,A as Container,v as ContextMenu,R as DataList,D as Dialog,H as DropdownMenu,F as Em,q as Flex,K as Grid,N as Heading,Q as HoverCard,V as IconButton,Y as Image,_ as Inset,oo as Kbd,eo as Link,to as Navbar,po as Popover,xo as Portal,ao as Progress,no as Quote,io as Radio,Po as RadioCards,yo as RadioGroup,Co as Reset,So as ScrollArea,uo as Section,go as SegmentedControl,bo as Select,ko as Separator,lr as Sheet,yr as Shell,Pr as Sidebar,Ao as Skeleton,Ro as Slider,Ho as Slot,wo as Slottable,Fo as Spinner,qo as Strong,Ko as Switch,Mo as TabNav,No as Table,Qo as Tabs,Jo as Text,Vo as TextArea,zo as TextField,Yo as Theme,Zo as ThemeContext,Wo as ThemePanel,J as ThickCheckIcon,O as ThickChevronRightIcon,W as ThickDividerHorizontalIcon,or as ToggleButton,er as ToggleIconButton,pr as Toolbar,xr as Tooltip,ar as UserCard,nr as VisuallyHidden,_o 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 Accordion from './accordion.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 * as Combobox from './combobox.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 Navbar from './navbar.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';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAe,iBAC3B,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,UAAYC,MAAc,gBAC1B,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,OAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAY,cACxB,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,eACzB,UAAYC,OAAW,aACvB,UAAYC,OAAW,aACvB,UAAYC,OAAa",
-  "names": ["AccessibleIcon", "Accordion", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Combobox", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Navbar", "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", "Shell", "Sheet", "Chatbar"]
+  "sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as Accordion from './accordion.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 * as Combobox from './combobox.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 Navbar from './navbar.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 { Toolbar } from './toolbar.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';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAgD,uBACzD,UAAYC,MAAe,iBAC3B,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,UAAYC,MAAc,gBAC1B,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,OAA0B,WACnC,OAAS,QAAAC,OAA4B,YACrC,UAAYC,OAAY,cACxB,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,OAAe,eACxB,OAAS,WAAAC,OAAkC,eAC3C,OAAS,YAAAC,OAAoC,iBAC7C,OAAS,kBAAAC,OAAgD,uBACzD,UAAYC,OAAa,eACzB,UAAYC,OAAW,aACvB,UAAYC,OAAW,aACvB,UAAYC,OAAa",
+  "names": ["AccessibleIcon", "Accordion", "AlertDialog", "AspectRatio", "Avatar", "Badge", "Blockquote", "Box", "Button", "Callout", "Card", "CheckboxCards", "CheckboxGroup", "Checkbox", "Code", "Container", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "Combobox", "Em", "Flex", "Grid", "Heading", "HoverCard", "IconButton", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronRightIcon", "ThickDividerHorizontalIcon", "Image", "Inset", "Kbd", "Link", "Navbar", "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", "Toolbar", "Tooltip", "UserCard", "VisuallyHidden", "Sidebar", "Shell", "Sheet", "Chatbar"]
 }

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

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Heading } from './heading.js';
+import type { CardProps } from './card.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+type Anchor = 'top' | 'bottom' | 'left' | 'right';
+type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+interface ToolbarRootProps extends Omit<CardProps, 'asChild'> {
+    /**
+     * Which edge to anchor to. Sets position: sticky and the appropriate edge.
+     * @default "top"
+     */
+    anchor?: Anchor;
+    /**
+     * Floating variant adds margin from edges for a detached look.
+     * When floating, shows full card treatment. When not floating, only shows exposed edge border.
+     * @default false
+     */
+    floating?: boolean;
+    /**
+     * Margin offset from edges when floating. Uses space scale values.
+     * @default "2"
+     */
+    offset?: SpaceScale;
+}
+declare const ToolbarRoot: React.ForwardRefExoticComponent<ToolbarRootProps & React.RefAttributes<HTMLDivElement>>;
+interface ToolbarSectionProps extends ComponentPropsWithout<'div', RemovedProps> {
+}
+declare const ToolbarLeft: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const ToolbarCenter: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const ToolbarRight: React.ForwardRefExoticComponent<ToolbarSectionProps & React.RefAttributes<HTMLDivElement>>;
+interface ToolbarTitleProps extends React.ComponentPropsWithoutRef<typeof Heading> {
+}
+declare const ToolbarTitle: React.ForwardRefExoticComponent<ToolbarTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const Toolbar: typeof ToolbarRoot & {
+    Left: typeof ToolbarLeft;
+    Center: typeof ToolbarCenter;
+    Right: typeof ToolbarRight;
+    Title: typeof ToolbarTitle;
+};
+export { Toolbar, ToolbarRoot as Root, ToolbarLeft as Left, ToolbarCenter as Center, ToolbarRight as Right, ToolbarTitle as Title, };
+export type { ToolbarRootProps as RootProps, ToolbarSectionProps as LeftProps, ToolbarSectionProps as CenterProps, ToolbarSectionProps as RightProps, ToolbarTitleProps as TitleProps, };
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOzF,KAAK,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,KAAK,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtE,UAAU,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,yFA6FhB,CAAC;AAQF,UAAU,mBAAoB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAEnF,QAAA,MAAM,WAAW,4FAahB,CAAC;AAOF,QAAA,MAAM,aAAa,4FAclB,CAAC;AAOF,QAAA,MAAM,YAAY,4FAajB,CAAC;AAQF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC;CAAG;AAErF,QAAA,MAAM,YAAY,8FAajB,CAAC;AAOF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAC;IAC3B,KAAK,EAAE,OAAO,YAAY,CAAC;CAC5B,CAAC;AAOF,OAAO,EACL,OAAO,EACP,WAAW,IAAI,IAAI,EACnB,WAAW,IAAI,IAAI,EACnB,aAAa,IAAI,MAAM,EACvB,YAAY,IAAI,KAAK,EACrB,YAAY,IAAI,KAAK,GACtB,CAAC;AACF,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,mBAAmB,IAAI,SAAS,EAChC,mBAAmB,IAAI,WAAW,EAClC,mBAAmB,IAAI,UAAU,EACjC,iBAAiB,IAAI,UAAU,GAChC,CAAC"}

package/dist/esm/components/toolbar.js

@@ -0,0 +1,2 @@
+import*as e from"react";import n from"classnames";import{Card as F}from"./card.js";import{Flex as p}from"./flex.js";import{Heading as j}from"./heading.js";const d=e.forwardRef((l,o)=>{const{anchor:r="top",floating:t=!1,offset:c="2",size:f="1",variant:m="ghost",material:E,className:x,style:u,children:v,...N}=l,i=r==="top"||r==="bottom",P=e.useRef(null),L=e.useCallback(a=>{P.current=a,typeof o=="function"?o(a):o&&(o.current=a)},[o]);e.useEffect(()=>{const a=P.current;if(!a)return;const T=a.parentElement;if(!T)return;const S=()=>{let b=i?a.offsetHeight:a.offsetWidth;if(t){const w=getComputedStyle(a),z=parseFloat(w.marginTop)||0;b+=z*2}i?T.style.setProperty("--rt-toolbar-height",`${b}px`):T.style.setProperty("--rt-toolbar-width",`${b}px`)};S();const C=new ResizeObserver(S);return C.observe(a),()=>C.disconnect()},[i,t]);const H=t?{margin:`var(--space-${c})`,...u}:u;return e.createElement(F,{ref:L,size:f,variant:m,material:E,"data-anchor":r,"data-floating":t||void 0,className:n("rt-Toolbar",x),style:H,...N},e.createElement(p,{align:"center",justify:"between",direction:i?"row":"column",gap:"2",className:"rt-ToolbarInner"},v))});d.displayName="Toolbar.Root";const g=e.forwardRef(({className:l,children:o,...r},t)=>e.createElement(p,{ref:t,align:"center",gap:"2",flexShrink:"0",className:n("rt-ToolbarSection","rt-ToolbarLeft",l),...r},o));g.displayName="Toolbar.Left";const y=e.forwardRef(({className:l,children:o,...r},t)=>e.createElement(p,{ref:t,align:"center",justify:"center",flexGrow:"1",minWidth:"0",className:n("rt-ToolbarSection","rt-ToolbarCenter",l),...r},o));y.displayName="Toolbar.Center";const h=e.forwardRef(({className:l,children:o,...r},t)=>e.createElement(p,{ref:t,align:"center",gap:"2",flexShrink:"0",className:n("rt-ToolbarSection","rt-ToolbarRight",l),...r},o));h.displayName="Toolbar.Right";const R=e.forwardRef(({className:l,size:o="3",weight:r="medium",truncate:t=!0,children:c,...f},m)=>e.createElement(j,{ref:m,size:o,weight:r,truncate:t,className:n("rt-ToolbarTitle",l),...f},c));R.displayName="Toolbar.Title";const s=d;s.Left=g,s.Center=y,s.Right=h,s.Title=R;export{y as Center,g as Left,h as Right,d as Root,R as Title,s as Toolbar};
+//# sourceMappingURL=toolbar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/toolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Card } from './card.js';\nimport { Flex } from './flex.js';\nimport { Heading } from './heading.js';\n\nimport type { CardProps } from './card.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// ============================================================================\n// Toolbar Root\n// ============================================================================\n\ntype ToolbarRootElement = React.ElementRef<'div'>;\ntype Anchor = 'top' | 'bottom' | 'left' | 'right';\ntype SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\ninterface ToolbarRootProps extends Omit<CardProps, 'asChild'> {\n  /**\n   * Which edge to anchor to. Sets position: sticky and the appropriate edge.\n   * @default \"top\"\n   */\n  anchor?: Anchor;\n  /**\n   * Floating variant adds margin from edges for a detached look.\n   * When floating, shows full card treatment. When not floating, only shows exposed edge border.\n   * @default false\n   */\n  floating?: boolean;\n  /**\n   * Margin offset from edges when floating. Uses space scale values.\n   * @default \"2\"\n   */\n  offset?: SpaceScale;\n}\n\nconst ToolbarRoot = React.forwardRef<ToolbarRootElement, ToolbarRootProps>(\n  (props, forwardedRef) => {\n    const {\n      anchor = 'top',\n      floating = false,\n      offset = '2',\n      size = '1',\n      variant = 'ghost',\n      material,\n      className,\n      style,\n      children,\n      ...restProps\n    } = props;\n\n    const isHorizontal = anchor === 'top' || anchor === 'bottom';\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    // Merge refs\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        (internalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Measure and expose height/width as CSS variable on parent element\n    // so that sibling elements can access it\n    React.useEffect(() => {\n      const element = internalRef.current;\n      if (!element) return;\n\n      const parent = element.parentElement;\n      if (!parent) return;\n\n      const updateDimension = () => {\n        let dimension = isHorizontal ? element.offsetHeight : element.offsetWidth;\n\n        // For floating toolbars, include the margin offset (2x for top + bottom or left + right)\n        if (floating) {\n          const computedStyle = getComputedStyle(element);\n          const margin = parseFloat(computedStyle.marginTop) || 0;\n          dimension += margin * 2;\n        }\n\n        if (isHorizontal) {\n          parent.style.setProperty('--rt-toolbar-height', `${dimension}px`);\n        } else {\n          parent.style.setProperty('--rt-toolbar-width', `${dimension}px`);\n        }\n      };\n\n      updateDimension();\n\n      const resizeObserver = new ResizeObserver(updateDimension);\n      resizeObserver.observe(element);\n\n      return () => resizeObserver.disconnect();\n    }, [isHorizontal, floating]);\n\n    const floatingStyle = floating\n      ? { margin: `var(--space-${offset})`, ...style }\n      : style;\n\n    return (\n      <Card\n        ref={mergedRef}\n        size={size}\n        variant={variant}\n        material={material}\n        data-anchor={anchor}\n        data-floating={floating || undefined}\n        className={classNames('rt-Toolbar', className)}\n        style={floatingStyle}\n        {...restProps}\n      >\n        <Flex\n          align=\"center\"\n          justify=\"between\"\n          direction={isHorizontal ? 'row' : 'column'}\n          gap=\"2\"\n          className=\"rt-ToolbarInner\"\n        >\n          {children}\n        </Flex>\n      </Card>\n    );\n  },\n);\nToolbarRoot.displayName = 'Toolbar.Root';\n\n// ============================================================================\n// Toolbar Left (for horizontal) / Start (alias)\n// ============================================================================\n\ntype ToolbarSectionElement = React.ElementRef<'div'>;\ninterface ToolbarSectionProps extends ComponentPropsWithout<'div', RemovedProps> {}\n\nconst ToolbarLeft = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      gap=\"2\"\n      flexShrink=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarLeft', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarLeft.displayName = 'Toolbar.Left';\n\n// ============================================================================\n// Toolbar Center\n// ============================================================================\n\nconst ToolbarCenter = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      justify=\"center\"\n      flexGrow=\"1\"\n      minWidth=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarCenter', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarCenter.displayName = 'Toolbar.Center';\n\n// ============================================================================\n// Toolbar Right (for horizontal) / End (alias)\n// ============================================================================\n\nconst ToolbarRight = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(\n  ({ className, children, ...props }, forwardedRef) => (\n    <Flex\n      ref={forwardedRef}\n      align=\"center\"\n      gap=\"2\"\n      flexShrink=\"0\"\n      className={classNames('rt-ToolbarSection', 'rt-ToolbarRight', className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  ),\n);\nToolbarRight.displayName = 'Toolbar.Right';\n\n// ============================================================================\n// Toolbar Title\n// ============================================================================\n\ntype ToolbarTitleElement = React.ElementRef<typeof Heading>;\ninterface ToolbarTitleProps extends React.ComponentPropsWithoutRef<typeof Heading> {}\n\nconst ToolbarTitle = React.forwardRef<ToolbarTitleElement, ToolbarTitleProps>(\n  ({ className, size = '3', weight = 'medium', truncate = true, children, ...props }, forwardedRef) => (\n    <Heading\n      ref={forwardedRef}\n      size={size}\n      weight={weight}\n      truncate={truncate}\n      className={classNames('rt-ToolbarTitle', className)}\n      {...props}\n    >\n      {children}\n    </Heading>\n  ),\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = ToolbarRoot as typeof ToolbarRoot & {\n  Left: typeof ToolbarLeft;\n  Center: typeof ToolbarCenter;\n  Right: typeof ToolbarRight;\n  Title: typeof ToolbarTitle;\n};\n\nToolbar.Left = ToolbarLeft;\nToolbar.Center = ToolbarCenter;\nToolbar.Right = ToolbarRight;\nToolbar.Title = ToolbarTitle;\n\nexport {\n  Toolbar,\n  ToolbarRoot as Root,\n  ToolbarLeft as Left,\n  ToolbarCenter as Center,\n  ToolbarRight as Right,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarRootProps as RootProps,\n  ToolbarSectionProps as LeftProps,\n  ToolbarSectionProps as CenterProps,\n  ToolbarSectionProps as RightProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Card", "Flex", "Heading", "ToolbarRoot", "props", "forwardedRef", "anchor", "floating", "offset", "size", "variant", "material", "className", "style", "children", "restProps", "isHorizontal", "internalRef", "mergedRef", "node", "element", "parent", "updateDimension", "dimension", "computedStyle", "margin", "resizeObserver", "floatingStyle", "ToolbarLeft", "ToolbarCenter", "ToolbarRight", "ToolbarTitle", "weight", "truncate", "Toolbar"]
+}

package/package.json

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

package/schemas/base-button.json

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.839Z",
+  "generatedAt": "2026-01-08T19:05:45.154Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.846Z",
+  "generatedAt": "2026-01-08T19:05:45.160Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.847Z",
+  "generatedAt": "2026-01-08T19:05:45.161Z",
   "source": "Zod schema"
 }

package/schemas/index.json

@@ -3,7 +3,7 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.850Z",
+  "generatedAt": "2026-01-08T19:05:45.164Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +287,7 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-08T08:15:42.839Z",
+      "generatedAt": "2026-01-08T19:05:45.154Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +822,7 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-08T08:15:42.846Z",
+      "generatedAt": "2026-01-08T19:05:45.160Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1140,7 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-08T08:15:42.847Z",
+      "generatedAt": "2026-01-08T19:05:45.161Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1683,7 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-08T08:15:42.849Z",
+      "generatedAt": "2026-01-08T19:05:45.163Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-08T08:15:42.850Z",
+      "generatedAt": "2026-01-08T19:05:45.164Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json

@@ -538,6 +538,6 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.849Z",
+  "generatedAt": "2026-01-08T19:05:45.163Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json

@@ -321,6 +321,6 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-08T08:15:42.850Z",
+  "generatedAt": "2026-01-08T19:05:45.164Z",
   "source": "Zod schema"
 }

package/src/components/index.css

@@ -57,6 +57,7 @@
 @import './text-area.css';
 @import './text-field.css';
 @import './theme-panel.css';
+@import './toolbar.css';
 @import './tooltip.css';
 @import './user-card.css';
 @import './chatbar.css';

package/src/components/index.tsx

@@ -66,6 +66,7 @@ export { ThemePanel, type ThemePanelProps } from './theme-panel.js';
 export { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';
 export { ToggleButton, type ToggleButtonProps } from './toggle-button.js';
 export { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';
+export { Toolbar } from './toolbar.js';
 export { Tooltip, type TooltipProps } from './tooltip.js';
 export { UserCard, type UserCardProps } from './user-card.js';
 export { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';

package/src/components/toolbar.css

@@ -0,0 +1,161 @@
+/* Toolbar Component */
+
+.rt-Toolbar {
+  position: sticky;
+  z-index: 1;
+
+  /* --rt-toolbar-height and --rt-toolbar-width are set on parent element via JS */
+}
+
+.rt-ToolbarInner {
+  /* Ensure inner flex container takes full space */
+  width: 100%;
+  height: 100%;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*           Anchor positions          */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-Toolbar:where([data-anchor='top']) {
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.rt-Toolbar:where([data-anchor='bottom']) {
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.rt-Toolbar:where([data-anchor='left']) {
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.rt-Toolbar:where([data-anchor='right']) {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*          Normal mode (not floating) */
+/*          Only exposed edge border   */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+/* Remove border-radius in normal mode */
+.rt-Toolbar:where(:not([data-floating])) {
+  --base-card-border-radius: 0;
+}
+
+/* Override Card's inset box-shadow to only show exposed edge */
+/* Top anchor: only show bottom border */
+.rt-Toolbar:where([data-anchor='top']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 -1px 0 0 var(--gray-a6);
+  }
+}
+
+/* Bottom anchor: only show top border */
+.rt-Toolbar:where([data-anchor='bottom']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 0 1px 0 0 var(--gray-a6);
+  }
+}
+
+/* Left anchor: only show right border */
+.rt-Toolbar:where([data-anchor='left']:not([data-floating])) {
+  &::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset -1px 0 0 0 var(--gray-a6);
+  }
+}
+
+/* Right anchor: only show left border */
+.rt-Toolbar:where([data-anchor='right']:not([data-floating])) {
+  &::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-6);
+  }
+  :where([data-panel-background='translucent'], [data-material='translucent']) &::after,
+  &:where([data-panel-background='translucent'], [data-material='translucent'])::after {
+    box-shadow: inset 1px 0 0 0 var(--gray-a6);
+  }
+}
+
+/* Ghost variant in normal mode has no border */
+.rt-Toolbar:where(.rt-variant-ghost:not([data-floating]))::after {
+  box-shadow: none;
+}
+
+/* Soft variant in normal mode has no border */
+.rt-Toolbar:where(.rt-variant-soft:not([data-floating]))::after {
+  box-shadow: none;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*            Floating mode            */
+/*            Full card treatment      */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-Toolbar:where([data-floating]) {
+  /* Use absolute positioning for floating (not sticky) */
+  position: absolute;
+
+  /* Margin controlled via offset prop */
+
+  /* Inherit Card's border-radius (don't override) */
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*           Title truncation          */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-ToolbarTitle {
+  /* Ensure title can truncate within flex container */
+  min-width: 0;
+  flex-shrink: 1;
+}
+
+/* * * * * * * * * * * * * * * * * * * */
+/*                                     */
+/*         Section alignment           */
+/*                                     */
+/* * * * * * * * * * * * * * * * * * * */
+
+.rt-ToolbarSection {
+  /* Base section styles */
+}
+
+.rt-ToolbarLeft {
+  justify-content: flex-start;
+}
+
+.rt-ToolbarCenter {
+  justify-content: center;
+}
+
+.rt-ToolbarRight {
+  justify-content: flex-end;
+}

package/src/components/toolbar.tsx

@@ -0,0 +1,251 @@
+import * as React from 'react';
+import classNames from 'classnames';
+
+import { Card } from './card.js';
+import { Flex } from './flex.js';
+import { Heading } from './heading.js';
+
+import type { CardProps } from './card.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+
+// ============================================================================
+// Toolbar Root
+// ============================================================================
+
+type ToolbarRootElement = React.ElementRef<'div'>;
+type Anchor = 'top' | 'bottom' | 'left' | 'right';
+type SpaceScale = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+
+interface ToolbarRootProps extends Omit<CardProps, 'asChild'> {
+  /**
+   * Which edge to anchor to. Sets position: sticky and the appropriate edge.
+   * @default "top"
+   */
+  anchor?: Anchor;
+  /**
+   * Floating variant adds margin from edges for a detached look.
+   * When floating, shows full card treatment. When not floating, only shows exposed edge border.
+   * @default false
+   */
+  floating?: boolean;
+  /**
+   * Margin offset from edges when floating. Uses space scale values.
+   * @default "2"
+   */
+  offset?: SpaceScale;
+}
+
+const ToolbarRoot = React.forwardRef<ToolbarRootElement, ToolbarRootProps>(
+  (props, forwardedRef) => {
+    const {
+      anchor = 'top',
+      floating = false,
+      offset = '2',
+      size = '1',
+      variant = 'ghost',
+      material,
+      className,
+      style,
+      children,
+      ...restProps
+    } = props;
+
+    const isHorizontal = anchor === 'top' || anchor === 'bottom';
+    const internalRef = React.useRef<HTMLDivElement>(null);
+
+    // Merge refs
+    const mergedRef = React.useCallback(
+      (node: HTMLDivElement | null) => {
+        (internalRef as React.MutableRefObject<HTMLDivElement | null>).current = node;
+        if (typeof forwardedRef === 'function') {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef],
+    );
+
+    // Measure and expose height/width as CSS variable on parent element
+    // so that sibling elements can access it
+    React.useEffect(() => {
+      const element = internalRef.current;
+      if (!element) return;
+
+      const parent = element.parentElement;
+      if (!parent) return;
+
+      const updateDimension = () => {
+        let dimension = isHorizontal ? element.offsetHeight : element.offsetWidth;
+
+        // For floating toolbars, include the margin offset (2x for top + bottom or left + right)
+        if (floating) {
+          const computedStyle = getComputedStyle(element);
+          const margin = parseFloat(computedStyle.marginTop) || 0;
+          dimension += margin * 2;
+        }
+
+        if (isHorizontal) {
+          parent.style.setProperty('--rt-toolbar-height', `${dimension}px`);
+        } else {
+          parent.style.setProperty('--rt-toolbar-width', `${dimension}px`);
+        }
+      };
+
+      updateDimension();
+
+      const resizeObserver = new ResizeObserver(updateDimension);
+      resizeObserver.observe(element);
+
+      return () => resizeObserver.disconnect();
+    }, [isHorizontal, floating]);
+
+    const floatingStyle = floating
+      ? { margin: `var(--space-${offset})`, ...style }
+      : style;
+
+    return (
+      <Card
+        ref={mergedRef}
+        size={size}
+        variant={variant}
+        material={material}
+        data-anchor={anchor}
+        data-floating={floating || undefined}
+        className={classNames('rt-Toolbar', className)}
+        style={floatingStyle}
+        {...restProps}
+      >
+        <Flex
+          align="center"
+          justify="between"
+          direction={isHorizontal ? 'row' : 'column'}
+          gap="2"
+          className="rt-ToolbarInner"
+        >
+          {children}
+        </Flex>
+      </Card>
+    );
+  },
+);
+ToolbarRoot.displayName = 'Toolbar.Root';
+
+// ============================================================================
+// Toolbar Left (for horizontal) / Start (alias)
+// ============================================================================
+
+type ToolbarSectionElement = React.ElementRef<'div'>;
+interface ToolbarSectionProps extends ComponentPropsWithout<'div', RemovedProps> {}
+
+const ToolbarLeft = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(
+  ({ className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align="center"
+      gap="2"
+      flexShrink="0"
+      className={classNames('rt-ToolbarSection', 'rt-ToolbarLeft', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+ToolbarLeft.displayName = 'Toolbar.Left';
+
+// ============================================================================
+// Toolbar Center
+// ============================================================================
+
+const ToolbarCenter = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(
+  ({ className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align="center"
+      justify="center"
+      flexGrow="1"
+      minWidth="0"
+      className={classNames('rt-ToolbarSection', 'rt-ToolbarCenter', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+ToolbarCenter.displayName = 'Toolbar.Center';
+
+// ============================================================================
+// Toolbar Right (for horizontal) / End (alias)
+// ============================================================================
+
+const ToolbarRight = React.forwardRef<ToolbarSectionElement, ToolbarSectionProps>(
+  ({ className, children, ...props }, forwardedRef) => (
+    <Flex
+      ref={forwardedRef}
+      align="center"
+      gap="2"
+      flexShrink="0"
+      className={classNames('rt-ToolbarSection', 'rt-ToolbarRight', className)}
+      {...props}
+    >
+      {children}
+    </Flex>
+  ),
+);
+ToolbarRight.displayName = 'Toolbar.Right';
+
+// ============================================================================
+// Toolbar Title
+// ============================================================================
+
+type ToolbarTitleElement = React.ElementRef<typeof Heading>;
+interface ToolbarTitleProps extends React.ComponentPropsWithoutRef<typeof Heading> {}
+
+const ToolbarTitle = React.forwardRef<ToolbarTitleElement, ToolbarTitleProps>(
+  ({ className, size = '3', weight = 'medium', truncate = true, children, ...props }, forwardedRef) => (
+    <Heading
+      ref={forwardedRef}
+      size={size}
+      weight={weight}
+      truncate={truncate}
+      className={classNames('rt-ToolbarTitle', className)}
+      {...props}
+    >
+      {children}
+    </Heading>
+  ),
+);
+ToolbarTitle.displayName = 'Toolbar.Title';
+
+// ============================================================================
+// Exports
+// ============================================================================
+
+const Toolbar = ToolbarRoot as typeof ToolbarRoot & {
+  Left: typeof ToolbarLeft;
+  Center: typeof ToolbarCenter;
+  Right: typeof ToolbarRight;
+  Title: typeof ToolbarTitle;
+};
+
+Toolbar.Left = ToolbarLeft;
+Toolbar.Center = ToolbarCenter;
+Toolbar.Right = ToolbarRight;
+Toolbar.Title = ToolbarTitle;
+
+export {
+  Toolbar,
+  ToolbarRoot as Root,
+  ToolbarLeft as Left,
+  ToolbarCenter as Center,
+  ToolbarRight as Right,
+  ToolbarTitle as Title,
+};
+export type {
+  ToolbarRootProps as RootProps,
+  ToolbarSectionProps as LeftProps,
+  ToolbarSectionProps as CenterProps,
+  ToolbarSectionProps as RightProps,
+  ToolbarTitleProps as TitleProps,
+};

package/src/styles/index.css

@@ -1,5 +1,6 @@
 @import './fonts.css';
 @import './tokens/index.css';
 @import './breakpoints.css';
+@import './scrollbar.css';
 @import '../components/index.css';
 @import './utilities/index.css';

package/src/styles/scrollbar.css

@@ -0,0 +1,31 @@
+/* Global scrollbar styling for kookie-ui */
+/* Provides thin, subtle scrollbars that match the design system */
+
+/* Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--gray-a5) transparent;
+}
+
+/* WebKit browsers (Chrome, Safari, Edge) */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--gray-a5);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-a7);
+}
+
+::-webkit-scrollbar-corner {
+  background: transparent;
+}

package/styles.css

@@ -5048,6 +5048,27 @@
 [data-opacity='full']{
   --opacity-factor: 2.0;
 }
+*{
+  scrollbar-width: thin;
+  scrollbar-color: var(--gray-a5) transparent;
+}
+::-webkit-scrollbar{
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track{
+  background: transparent;
+}
+::-webkit-scrollbar-thumb{
+  background: var(--gray-a5);
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover{
+  background: var(--gray-a7);
+}
+::-webkit-scrollbar-corner{
+  background: transparent;
+}
 .rt-reset:where(body, blockquote, dl, dd, figure, p){
   margin: 0;
 }
@@ -25000,6 +25021,83 @@
   outline-style: solid;
   outline-color: var(--accent-9);
 }
+.rt-Toolbar{
+  position: sticky;
+  z-index: 1;
+}
+.rt-ToolbarInner{
+  width: 100%;
+  height: 100%;
+}
+.rt-Toolbar:where([data-anchor='top']){
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.rt-Toolbar:where([data-anchor='bottom']){
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.rt-Toolbar:where([data-anchor='left']){
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.rt-Toolbar:where([data-anchor='right']){
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.rt-Toolbar:where(:not([data-floating])){
+  --base-card-border-radius: 0;
+}
+.rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after{
+  box-shadow: inset 0 -1px 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='top']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='top']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after{
+  box-shadow: inset 0 -1px 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after{
+  box-shadow: inset 0 1px 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='bottom']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='bottom']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after{
+  box-shadow: inset 0 1px 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after{
+  box-shadow: inset -1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='left']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='left']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after{
+  box-shadow: inset -1px 0 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after{
+  box-shadow: inset 1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-Toolbar:where([data-anchor='right']:not([data-floating]))::after, .rt-Toolbar:where([data-anchor='right']:not([data-floating])):where([data-panel-background='translucent'], [data-material='translucent'])::after{
+  box-shadow: inset 1px 0 0 0 var(--gray-a6);
+}
+.rt-Toolbar:where(.rt-variant-ghost:not([data-floating]))::after{
+  box-shadow: none;
+}
+.rt-Toolbar:where(.rt-variant-soft:not([data-floating]))::after{
+  box-shadow: none;
+}
+.rt-Toolbar:where([data-floating]){
+  position: absolute;
+}
+.rt-ToolbarTitle{
+  min-width: 0;
+  flex-shrink: 1;
+}
+.rt-ToolbarLeft{
+  justify-content: flex-start;
+}
+.rt-ToolbarCenter{
+  justify-content: center;
+}
+.rt-ToolbarRight{
+  justify-content: flex-end;
+}
 .rt-TooltipContent{
   box-sizing: border-box;
   padding: var(--space-1) var(--space-2);