@uipath/apollo-wind 2.72.2 → 2.73.1

package/dist/components/ui/message.cjs

@@ -37,7 +37,7 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const MessageGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
         "data-slot": "message-group",
-        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col gap-2', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex min-w-0 flex-col gap-(--message-group-gap,0.5rem) in-data-[density=compact]:[--message-group-gap:0.25rem]', className),
         ...props
     }));
 MessageGroup.displayName = 'MessageGroup';
@@ -45,21 +45,21 @@ const Message = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ class
         ref: ref,
         "data-slot": "message",
         "data-align": align,
-        className: (0, index_cjs_namespaceObject.cn)('group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse', className),
+        className: (0, index_cjs_namespaceObject.cn)('group/message relative flex w-full min-w-0 gap-2 text-(length:--message-font-size,0.875rem) leading-(--message-leading,1.25rem) data-[align=end]:flex-row-reverse in-data-[density=compact]:[--message-font-size:0.75rem] in-data-[density=compact]:[--message-leading:1rem]', className),
         ...props
     }));
 Message.displayName = 'Message';
 const MessageAvatar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
         "data-slot": "message-avatar",
-        className: (0, index_cjs_namespaceObject.cn)('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8 group-has-[[data-slot=message-actions]]/message:-translate-y-10 group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-16', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8 group-has-[[data-slot=message-actions]]/message:-translate-y-10 group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-16 in-data-[density=compact]:group-has-[[data-slot=message-footer]]/message:-translate-y-6.75 in-data-[density=compact]:group-has-[[data-slot=message-actions]]/message:-translate-y-8.75 in-data-[density=compact]:group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-13.5', className),
         ...props
     }));
 MessageAvatar.displayName = 'MessageAvatar';
 const MessageContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
         "data-slot": "message-content",
-        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:self-end', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 flex-col gap-(--message-content-gap,0.625rem) break-words group-data-[align=end]/message:*:self-end in-data-[density=compact]:[--message-content-gap:0.3125rem]', className),
         ...props
     }));
 MessageContent.displayName = 'MessageContent';

package/dist/components/ui/message.d.ts

@@ -5,6 +5,13 @@ import * as React from 'react';
  * (usually a `Bubble`) and a `MessageFooter`. `align="end"` mirrors the row for the current user.
  * A `MessageActions` bar goes inside `MessageContent` after the body, so it takes the same
  * alignment as the bubble.
+ *
+ * Compact density: inside an ancestor with `data-density="compact"` the text drops to 12px and
+ * the gaps between a group's messages and between a message's parts halve, as Material's
+ * `compactMode` does.
+ * There is no prop: the host opts in by setting the attribute (the Wind chat sets it on its root).
+ * Compact sets CSS variables the base classes read, so a host className on the root wins in
+ * both densities.
  */
 declare const MessageGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/components/ui/message.js

@@ -4,7 +4,7 @@ import { cn } from "../../lib/index.js";
 const MessageGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "message-group",
-        className: cn('flex min-w-0 flex-col gap-2', className),
+        className: cn('flex min-w-0 flex-col gap-(--message-group-gap,0.5rem) in-data-[density=compact]:[--message-group-gap:0.25rem]', className),
         ...props
     }));
 MessageGroup.displayName = 'MessageGroup';
@@ -12,21 +12,21 @@ const Message = /*#__PURE__*/ forwardRef(({ className, align = 'start', ...props
         ref: ref,
         "data-slot": "message",
         "data-align": align,
-        className: cn('group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse', className),
+        className: cn('group/message relative flex w-full min-w-0 gap-2 text-(length:--message-font-size,0.875rem) leading-(--message-leading,1.25rem) data-[align=end]:flex-row-reverse in-data-[density=compact]:[--message-font-size:0.75rem] in-data-[density=compact]:[--message-leading:1rem]', className),
         ...props
     }));
 Message.displayName = 'Message';
 const MessageAvatar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "message-avatar",
-        className: cn('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8 group-has-[[data-slot=message-actions]]/message:-translate-y-10 group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-16', className),
+        className: cn('flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-[[data-slot=message-footer]]/message:-translate-y-8 group-has-[[data-slot=message-actions]]/message:-translate-y-10 group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-16 in-data-[density=compact]:group-has-[[data-slot=message-footer]]/message:-translate-y-6.75 in-data-[density=compact]:group-has-[[data-slot=message-actions]]/message:-translate-y-8.75 in-data-[density=compact]:group-has-[[data-slot=message-footer]]/message:group-has-[[data-slot=message-actions]]/message:-translate-y-13.5', className),
         ...props
     }));
 MessageAvatar.displayName = 'MessageAvatar';
 const MessageContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "message-content",
-        className: cn('flex w-full min-w-0 flex-col gap-2.5 break-words group-data-[align=end]/message:*:self-end', className),
+        className: cn('flex w-full min-w-0 flex-col gap-(--message-content-gap,0.625rem) break-words group-data-[align=end]/message:*:self-end in-data-[density=compact]:[--message-content-gap:0.3125rem]', className),
         ...props
     }));
 MessageContent.displayName = 'MessageContent';

package/dist/components/ui/popover.cjs

@@ -83,7 +83,7 @@ const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
-                className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
+                className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin)', className),
                 ...props,
                 onInteractOutside: handleInteractOutside
             })

package/dist/components/ui/popover.js

@@ -52,7 +52,7 @@ const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center',
                 "data-slot": "popover-content",
                 align: align,
                 sideOffset: sideOffset,
-                className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),
+                className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-popover-content-transform-origin)', className),
                 ...props,
                 onInteractOutside: handleInteractOutside
             })

package/dist/components/ui/search.cjs

@@ -24,8 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    Search: ()=>Search,
     SearchWithSuggestions: ()=>SearchWithSuggestions,
-    Search: ()=>Search
+    DEFAULT_SEARCH_STRINGS: ()=>DEFAULT_SEARCH_STRINGS
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
@@ -34,7 +35,14 @@ const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, ...props }, ref)=>{
+const DEFAULT_SEARCH_STRINGS = {
+    clear: 'Clear'
+};
+const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, strings, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_SEARCH_STRINGS,
+        ...strings
+    };
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
@@ -65,7 +73,7 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
                     icon: true,
                     size: "3xs",
-                    "aria-label": "Clear",
+                    "aria-label": text.clear,
                     onClick: handleClear,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {})
                 })
@@ -74,7 +82,7 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
     });
 });
 Search.displayName = 'Search';
-const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className }, ref)=>{
+const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className, strings }, ref)=>{
     const [open, setOpen] = external_react_namespaceObject.useState(false);
     const [searchValue, setSearchValue] = external_react_namespaceObject.useState(value || '');
     external_react_namespaceObject.useEffect(()=>{
@@ -113,7 +121,8 @@ const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwa
                                 onChange?.('');
                                 setOpen(false);
                             },
-                            placeholder: placeholder
+                            placeholder: placeholder,
+                            strings: strings
                         })
                     })
                 }),
@@ -143,9 +152,11 @@ const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwa
     });
 });
 SearchWithSuggestions.displayName = 'SearchWithSuggestions';
+exports.DEFAULT_SEARCH_STRINGS = __webpack_exports__.DEFAULT_SEARCH_STRINGS;
 exports.Search = __webpack_exports__.Search;
 exports.SearchWithSuggestions = __webpack_exports__.SearchWithSuggestions;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_SEARCH_STRINGS",
     "Search",
     "SearchWithSuggestions"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/components/ui/search.d.ts

@@ -1,5 +1,10 @@
 import * as React from 'react';
 import { type InputGroupInputProps, type InputGroupProps } from './input-group';
+export interface SearchStrings {
+    /** Label of the button that clears the query. */
+    clear: string;
+}
+export declare const DEFAULT_SEARCH_STRINGS: SearchStrings;
 export interface SearchProps extends Omit<InputGroupInputProps, 'onChange'> {
     value?: string;
     onChange?: (value: string) => void;
@@ -11,6 +16,8 @@ export interface SearchProps extends Omit<InputGroupInputProps, 'onChange'> {
     error?: React.ReactNode;
     /** Optional id for the inline validation message. */
     errorId?: string;
+    /** Overrides for any subset of the built-in labels. */
+    strings?: Partial<SearchStrings>;
 }
 declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
 export interface SearchWithSuggestionsProps {
@@ -21,6 +28,8 @@ export interface SearchWithSuggestionsProps {
     onSelect?: (value: string) => void;
     emptyMessage?: string;
     className?: string;
+    /** Overrides for the search field's built-in labels. */
+    strings?: Partial<SearchStrings>;
 }
 declare const SearchWithSuggestions: React.ForwardRefExoticComponent<SearchWithSuggestionsProps & React.RefAttributes<HTMLDivElement>>;
 export { Search, SearchWithSuggestions };

package/dist/components/ui/search.js

@@ -5,7 +5,14 @@ import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from ".
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, ...props }, ref)=>{
+const DEFAULT_SEARCH_STRINGS = {
+    clear: 'Clear'
+};
+const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, error, errorId, strings, ...props }, ref)=>{
+    const text = {
+        ...DEFAULT_SEARCH_STRINGS,
+        ...strings
+    };
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
@@ -36,7 +43,7 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
                 children: /*#__PURE__*/ jsx(InputGroupButton, {
                     icon: true,
                     size: "3xs",
-                    "aria-label": "Clear",
+                    "aria-label": text.clear,
                     onClick: handleClear,
                     children: /*#__PURE__*/ jsx(X, {})
                 })
@@ -45,7 +52,7 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
     });
 });
 search_Search.displayName = 'Search';
-const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className }, ref)=>{
+const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className, strings }, ref)=>{
     const [open, setOpen] = useState(false);
     const [searchValue, setSearchValue] = useState(value || '');
     useEffect(()=>{
@@ -84,7 +91,8 @@ const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, place
                                 onChange?.('');
                                 setOpen(false);
                             },
-                            placeholder: placeholder
+                            placeholder: placeholder,
+                            strings: strings
                         })
                     })
                 }),
@@ -114,4 +122,4 @@ const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, place
     });
 });
 SearchWithSuggestions.displayName = 'SearchWithSuggestions';
-export { search_Search as Search, SearchWithSuggestions };
+export { DEFAULT_SEARCH_STRINGS, search_Search as Search, SearchWithSuggestions };

package/dist/components/ui/select.cjs

@@ -177,7 +177,7 @@ const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
                 ref: setContent,
                 "data-slot": "select-content",
-                className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+                className: (0, index_cjs_namespaceObject.cn)('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-select-content-transform-origin)', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
                 position: position,
                 ...props,
                 sideOffset: (props.sideOffset ?? 0) + (fit.offsets?.sideOffset ?? 0),

package/dist/components/ui/select.js

@@ -140,7 +140,7 @@ const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position
             children: /*#__PURE__*/ jsxs(Content, {
                 ref: setContent,
                 "data-slot": "select-content",
-                className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
+                className: cn('relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-select-content-transform-origin)', 'popper' === position && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className),
                 position: position,
                 ...props,
                 sideOffset: (props.sideOffset ?? 0) + (fit.offsets?.sideOffset ?? 0),

package/dist/components/ui/sheet.cjs

@@ -31,6 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
     SheetFooter: ()=>SheetFooter,
     SheetDescription: ()=>SheetDescription,
     SheetHeader: ()=>SheetHeader,
+    DEFAULT_SHEET_STRINGS: ()=>DEFAULT_SHEET_STRINGS,
     SheetPortal: ()=>SheetPortal,
     SheetTitle: ()=>SheetTitle,
     SheetTrigger: ()=>SheetTrigger,
@@ -43,6 +44,9 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const DEFAULT_SHEET_STRINGS = {
+    close: 'Close'
+};
 const Sheet = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dialog_namespaceObject.Root, {
         "data-slot": "sheet",
         ...props
@@ -85,8 +89,12 @@ const sheetVariants = (0, external_class_variance_authority_namespaceObject.cva)
         side: 'right'
     }
 });
-const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
+const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ side = 'right', className, children, container, strings, ...props }, ref)=>{
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    const text = {
+        ...DEFAULT_SHEET_STRINGS,
+        ...strings
+    };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SheetPortal, {
         container: resolvedContainer,
         children: [
@@ -108,7 +116,7 @@ const SheetContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                 className: "sr-only",
-                                children: "Close"
+                                children: text.close
                             })
                         ]
                     })
@@ -144,6 +152,7 @@ const SheetDescription = /*#__PURE__*/ external_react_namespaceObject.forwardRef
         ...props
     }));
 SheetDescription.displayName = react_dialog_namespaceObject.Description.displayName;
+exports.DEFAULT_SHEET_STRINGS = __webpack_exports__.DEFAULT_SHEET_STRINGS;
 exports.Sheet = __webpack_exports__.Sheet;
 exports.SheetClose = __webpack_exports__.SheetClose;
 exports.SheetContent = __webpack_exports__.SheetContent;
@@ -155,6 +164,7 @@ exports.SheetPortal = __webpack_exports__.SheetPortal;
 exports.SheetTitle = __webpack_exports__.SheetTitle;
 exports.SheetTrigger = __webpack_exports__.SheetTrigger;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DEFAULT_SHEET_STRINGS",
     "Sheet",
     "SheetClose",
     "SheetContent",

package/dist/components/ui/sheet.d.ts

@@ -2,6 +2,11 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
+export interface SheetStrings {
+    /** Screen reader label of the close button. */
+    close: string;
+}
+export declare const DEFAULT_SHEET_STRINGS: SheetStrings;
 declare const Sheet: {
     (props: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -18,6 +23,8 @@ declare const sheetVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     container?: PortalContainerOverride;
+    /** Overrides for any subset of the built-in labels. */
+    strings?: Partial<SheetStrings>;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/components/ui/sheet.js

@@ -6,6 +6,9 @@ import { X } from "lucide-react";
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
+const DEFAULT_SHEET_STRINGS = {
+    close: 'Close'
+};
 const Sheet = (props)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "sheet",
         ...props
@@ -48,8 +51,12 @@ const sheetVariants = cva('fixed z-50 gap-4 bg-background p-6 text-foreground sh
         side: 'right'
     }
 });
-const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, container, ...props }, ref)=>{
+const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, children, container, strings, ...props }, ref)=>{
     const resolvedContainer = useResolvedPortalContainer(container);
+    const text = {
+        ...DEFAULT_SHEET_STRINGS,
+        ...strings
+    };
     return /*#__PURE__*/ jsxs(SheetPortal, {
         container: resolvedContainer,
         children: [
@@ -71,7 +78,7 @@ const SheetContent = /*#__PURE__*/ forwardRef(({ side = 'right', className, chil
                             }),
                             /*#__PURE__*/ jsx("span", {
                                 className: "sr-only",
-                                children: "Close"
+                                children: text.close
                             })
                         ]
                     })
@@ -107,4 +114,4 @@ const SheetDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)
         ...props
     }));
 SheetDescription.displayName = Description.displayName;
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+export { DEFAULT_SHEET_STRINGS, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/ui/sources.cjs

@@ -97,7 +97,7 @@ const SourceItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ cl
             href: linkHref
         }, event);
     };
-    const itemClassName = (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className);
+    const itemClassName = (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-(length:--source-item-font-size,0.875rem) leading-(--source-item-leading,1.25rem) transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring in-data-[density=compact]:[--source-item-font-size:0.75rem] in-data-[density=compact]:[--source-item-leading:1rem]', className);
     const newTab = '_blank' === target;
     const body = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [

package/dist/components/ui/sources.d.ts

@@ -6,6 +6,12 @@ import { Collapsible } from './collapsible';
  * given `href`; `onSelect` receives the item and the event, so a host can run its `citation-click`
  * pre-hook and call `event.preventDefault()` to stop a link. The payload drops an `href` that is
  * not http(s), mailto, tel or relative, so it is safe to open.
+ *
+ * Compact density: inside an ancestor with `data-density="compact"` source items drop to 12px.
+ * The trigger is already small, and the 16px icons are below Material's compact size, so they stay.
+ * There is no prop: the host opts in by setting the attribute (the Wind chat sets it on its root).
+ * Compact sets CSS variables the base classes read, so a host className on the root wins in
+ * both densities.
  */
 export interface SourcesStrings {
     /** Trigger text. A function so a host can apply its own plural rules. */

package/dist/components/ui/sources.js

@@ -66,7 +66,7 @@ const SourceItem = /*#__PURE__*/ forwardRef(({ className, index, title, source,
             href: linkHref
         }, event);
     };
-    const itemClassName = cn('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className);
+    const itemClassName = cn('flex w-full min-w-0 cursor-pointer items-start gap-2.5 rounded-lg px-2 py-1.5 text-left text-(length:--source-item-font-size,0.875rem) leading-(--source-item-leading,1.25rem) transition-colors hover:bg-surface-overlay focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring in-data-[density=compact]:[--source-item-font-size:0.75rem] in-data-[density=compact]:[--source-item-leading:1rem]', className);
     const newTab = '_blank' === target;
     const body = /*#__PURE__*/ jsxs(Fragment, {
         children: [

package/dist/components/ui/thinking-indicator.cjs

@@ -54,7 +54,7 @@ const thinkingIndicatorVariants = (0, external_class_variance_authority_namespac
     variants: {
         size: {
             sm: 'gap-1.5 text-xs [&_[data-slot=thinking-indicator-icon]]:size-3.5',
-            md: 'gap-2 text-sm [&_[data-slot=thinking-indicator-icon]]:size-4'
+            md: 'gap-(--thinking-indicator-gap,0.5rem) text-(length:--thinking-indicator-font-size,0.875rem) leading-(--thinking-indicator-leading,1.25rem) [&_[data-slot=thinking-indicator-icon]]:size-4'
         }
     },
     defaultVariants: {
@@ -64,7 +64,9 @@ const thinkingIndicatorVariants = (0, external_class_variance_authority_namespac
 const DEFAULT_THINKING_INDICATOR_STRINGS = {
     label: 'Thinking'
 };
-const ThinkingIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size = 'md', label, messages, interval = 2500, strings, icon, 'aria-label': ariaLabel, ...props }, ref)=>{
+const COMPACT_THINKING_CLASSES = 'in-data-[density=compact]:[--thinking-indicator-gap:0.375rem] in-data-[density=compact]:[--thinking-indicator-font-size:0.75rem] in-data-[density=compact]:[--thinking-indicator-leading:1rem] in-data-[density=compact]:[&_[data-slot=thinking-indicator-icon]]:size-3.5';
+const ThinkingIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, size: sizeProp, label, messages, interval = 2500, strings, icon, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const size = sizeProp ?? 'md';
     const text = {
         ...DEFAULT_THINKING_INDICATOR_STRINGS,
         ...strings
@@ -104,7 +106,7 @@ const ThinkingIndicator = /*#__PURE__*/ external_react_namespaceObject.forwardRe
         "aria-label": name,
         className: (0, index_cjs_namespaceObject.cn)(thinkingIndicatorVariants({
             size
-        }), className),
+        }), null == sizeProp && COMPACT_THINKING_CLASSES, className),
         ...props,
         children: [
             null !== icon && false !== icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {

package/dist/components/ui/thinking-indicator.d.ts

@@ -33,6 +33,12 @@ export interface ThinkingIndicatorProps extends Omit<React.HTMLAttributes<HTMLDi
  * would only add noise. Announce real progress with `LiveRegion` instead.
  *
  * Under `prefers-reduced-motion` the icon and shimmer are static and the labels do not rotate.
+ *
+ * Compact density: without a `size`, inside an ancestor with `data-density="compact"` it takes
+ * the `sm` look. An explicit `size` always wins.
+ * There is no prop: the host opts in by setting the attribute (the Wind chat sets it on its root).
+ * Compact sets CSS variables the base classes read, so a host className on the root wins in
+ * both densities.
  */
 declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
 export { ThinkingIndicator, thinkingIndicatorVariants };

package/dist/components/ui/thinking-indicator.js

@@ -24,7 +24,7 @@ const thinkingIndicatorVariants = cva('inline-flex max-w-full min-w-0 items-cent
     variants: {
         size: {
             sm: 'gap-1.5 text-xs [&_[data-slot=thinking-indicator-icon]]:size-3.5',
-            md: 'gap-2 text-sm [&_[data-slot=thinking-indicator-icon]]:size-4'
+            md: 'gap-(--thinking-indicator-gap,0.5rem) text-(length:--thinking-indicator-font-size,0.875rem) leading-(--thinking-indicator-leading,1.25rem) [&_[data-slot=thinking-indicator-icon]]:size-4'
         }
     },
     defaultVariants: {
@@ -34,7 +34,9 @@ const thinkingIndicatorVariants = cva('inline-flex max-w-full min-w-0 items-cent
 const DEFAULT_THINKING_INDICATOR_STRINGS = {
     label: 'Thinking'
 };
-const ThinkingIndicator = /*#__PURE__*/ forwardRef(({ className, size = 'md', label, messages, interval = 2500, strings, icon, 'aria-label': ariaLabel, ...props }, ref)=>{
+const COMPACT_THINKING_CLASSES = 'in-data-[density=compact]:[--thinking-indicator-gap:0.375rem] in-data-[density=compact]:[--thinking-indicator-font-size:0.75rem] in-data-[density=compact]:[--thinking-indicator-leading:1rem] in-data-[density=compact]:[&_[data-slot=thinking-indicator-icon]]:size-3.5';
+const ThinkingIndicator = /*#__PURE__*/ forwardRef(({ className, size: sizeProp, label, messages, interval = 2500, strings, icon, 'aria-label': ariaLabel, ...props }, ref)=>{
+    const size = sizeProp ?? 'md';
     const text = {
         ...DEFAULT_THINKING_INDICATOR_STRINGS,
         ...strings
@@ -74,7 +76,7 @@ const ThinkingIndicator = /*#__PURE__*/ forwardRef(({ className, size = 'md', la
         "aria-label": name,
         className: cn(thinkingIndicatorVariants({
             size
-        }), className),
+        }), null == sizeProp && COMPACT_THINKING_CLASSES, className),
         ...props,
         children: [
             null !== icon && false !== icon && /*#__PURE__*/ jsx("span", {

package/dist/components/ui/tool-call.cjs

@@ -39,6 +39,7 @@ const external_class_variance_authority_namespaceObject = require("class-varianc
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const disclosure_row_cjs_namespaceObject = require("../../lib/disclosure-row.cjs");
 const external_collapsible_cjs_namespaceObject = require("./collapsible.cjs");
 const external_json_tree_view_index_cjs_namespaceObject = require("./json-tree-view/index.cjs");
 const DEFAULT_TOOL_CALL_STRINGS = {
@@ -70,19 +71,21 @@ function mergeStrings(overrides) {
     return merged;
 }
 const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
-const TOGGLE_CLASSES = 'flex w-full min-w-0 items-center gap-2 rounded p-1 text-left transition-colors hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none';
+const TOGGLE_CLASSES = `${disclosure_row_cjs_namespaceObject.disclosureRowClassName} hover:text-foreground`;
 const toolCallVariants = (0, external_class_variance_authority_namespaceObject.cva)('group/tool-call flex w-full min-w-0 flex-col text-muted-foreground', {
     variants: {
         size: {
             sm: 'p-2 text-xs',
-            md: 'p-3 text-sm'
+            md: 'p-(--tool-call-padding,0.75rem) text-(length:--tool-call-font-size,0.875rem) leading-(--tool-call-leading,1.25rem)'
         }
     },
     defaultVariants: {
         size: 'md'
     }
 });
-const ToolCall = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, status, size = 'md', open, defaultOpen, onOpenChange, strings, jsonTreeStrings, ...props }, ref)=>{
+const COMPACT_TOOL_CALL_CLASSES = 'in-data-[density=compact]:[--tool-call-padding:0.5rem] in-data-[density=compact]:[--tool-call-font-size:0.75rem] in-data-[density=compact]:[--tool-call-leading:1rem] in-data-[density=compact]:[--tool-call-icon-size:1rem] in-data-[density=compact]:[--tool-call-indent:0.5rem] in-data-[density=compact]:[--tool-call-body-gap:0.25rem]';
+const ToolCall = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, status, size: sizeProp, open, defaultOpen, onOpenChange, strings, jsonTreeStrings, ...props }, ref)=>{
+    const size = sizeProp ?? 'md';
     const [contentCount, setContentCount] = external_react_namespaceObject.useState(0);
     const registerContent = external_react_namespaceObject.useCallback(()=>{
         setContentCount((count)=>count + 1);
@@ -115,7 +118,7 @@ const ToolCall = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ clas
                 "data-size": size,
                 className: (0, index_cjs_namespaceObject.cn)(toolCallVariants({
                     size
-                }), className),
+                }), null == sizeProp && COMPACT_TOOL_CALL_CLASSES, className),
                 ...props
             })
         })
@@ -128,7 +131,7 @@ const STATUS_ICONS = {
     completed: external_lucide_react_namespaceObject.CircleCheck,
     failed: external_lucide_react_namespaceObject.CircleX
 };
-const toolCallStatusIconVariants = (0, external_class_variance_authority_namespaceObject.cva)('size-5 shrink-0 group-data-[size=sm]/tool-call:size-4', {
+const toolCallStatusIconVariants = (0, external_class_variance_authority_namespaceObject.cva)('size-(--tool-call-icon-size,1.25rem) shrink-0 group-data-[size=sm]/tool-call:size-4', {
     variants: {
         status: {
             pending: 'text-muted-foreground',
@@ -180,7 +183,7 @@ const ToolCallHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
                 })
             ]
         }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: "flex min-w-0 items-center gap-2 p-1",
+            className: "flex min-w-0 items-center gap-2 p-1 in-data-[density=compact]:py-0.5",
             children: line
         })
     });
@@ -194,7 +197,7 @@ const ToolCallContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_collapsible_cjs_namespaceObject.CollapsibleContent, {
         ref: ref,
         "data-slot": "tool-call-content",
-        className: (0, index_cjs_namespaceObject.cn)('mt-2 ml-3 flex min-w-0 flex-col border-l pl-3 group-data-[size=sm]/tool-call:ml-2 group-data-[size=sm]/tool-call:pl-2', className),
+        className: (0, index_cjs_namespaceObject.cn)('mt-(--tool-call-body-gap,0.5rem) ml-(--tool-call-indent,0.75rem) flex min-w-0 flex-col border-l pl-(--tool-call-indent,0.75rem) group-data-[size=sm]/tool-call:ml-2 group-data-[size=sm]/tool-call:pl-2', className),
         ...props
     });
 });

package/dist/components/ui/tool-call.d.ts

@@ -37,6 +37,12 @@ export interface ToolCallProps extends React.HTMLAttributes<HTMLDivElement>, Var
  * seconds") that toggles an indented body of collapsible sections (input, errors, output, or any
  * `ToolCallSection`). The body is not rendered while closed. Omit `ToolCallContent` for a
  * name-only line (the toggle hides itself).
+ *
+ * Compact density (Wind's own; Material's tool call does not change): without a `size`, inside an
+ * ancestor with `data-density="compact"` it takes the `sm` look (8px padding, 12px text, 16px
+ * status icon, 8px body indent) with a 4px body gap, and its toggle rows drop to 2px vertical
+ * padding. Code blocks in its body follow the ancestor like any `CodeBlock`. An explicit `size`
+ * always wins, and a host className on the root wins in both densities.
  */
 declare const ToolCall: React.ForwardRefExoticComponent<ToolCallProps & React.RefAttributes<HTMLDivElement>>;
 export interface ToolCallHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {