@uipath/apollo-wind 2.10.0 → 2.12.0

package/dist/components/ui/combobox.cjs

@@ -48,7 +48,7 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
                     role: "combobox",
                     "aria-expanded": open,
                     "aria-label": selectedItem ? selectedItem.label : placeholder,
-                    className: (0, index_cjs_namespaceObject.cn)('w-[280px] justify-between', className),
+                    className: (0, index_cjs_namespaceObject.cn)('w-[280px] justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         selectedItem ? selectedItem.label : placeholder,

package/dist/components/ui/combobox.js

@@ -20,7 +20,7 @@ function Combobox({ items, value, onValueChange, placeholder = 'Select an option
                     role: "combobox",
                     "aria-expanded": open,
                     "aria-label": selectedItem ? selectedItem.label : placeholder,
-                    className: cn('w-[280px] justify-between', className),
+                    className: cn('w-[280px] justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', className),
                     disabled: disabled,
                     children: [
                         selectedItem ? selectedItem.label : placeholder,

package/dist/components/ui/context-menu.cjs

@@ -66,14 +66,14 @@ const ContextMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forwa
 ContextMenuSubTrigger.displayName = react_context_menu_namespaceObject.SubTrigger.displayName;
 const ContextMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.SubContent, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-context-menu-content-transform-origin]', className),
+        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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-context-menu-content-transform-origin]', className),
         ...props
     }));
 ContextMenuSubContent.displayName = react_context_menu_namespaceObject.SubContent.displayName;
 const ContextMenuContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Portal, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_context_menu_namespaceObject.Content, {
             ref: ref,
-            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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-context-menu-content-transform-origin]', className),
+            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 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-context-menu-content-transform-origin]', className),
             ...props
         })
     }));

package/dist/components/ui/context-menu.js

@@ -24,14 +24,14 @@ const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, chil
 ContextMenuSubTrigger.displayName = SubTrigger.displayName;
 const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
         ref: ref,
-        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-context-menu-content-transform-origin]', className),
+        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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-context-menu-content-transform-origin]', className),
         ...props
     }));
 ContextMenuSubContent.displayName = SubContent.displayName;
 const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsx(Content, {
             ref: ref,
-            className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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-context-menu-content-transform-origin]', className),
+            className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md future:rounded-lg animate-in fade-in-80 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-context-menu-content-transform-origin]', className),
             ...props
         })
     }));

package/dist/components/ui/dropdown-menu.cjs

@@ -66,7 +66,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ external_react_namespaceObject.forw
 DropdownMenuSubTrigger.displayName = react_dropdown_menu_namespaceObject.SubTrigger.displayName;
 const DropdownMenuSubContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-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-dropdown-menu-content-transform-origin]', className),
+        className: (0, index_cjs_namespaceObject.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-dropdown-menu-content-transform-origin]', className),
         ...props
     }));
 DropdownMenuSubContent.displayName = react_dropdown_menu_namespaceObject.SubContent.displayName;
@@ -74,7 +74,7 @@ const DropdownMenuContent = /*#__PURE__*/ external_react_namespaceObject.forward
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
             ref: ref,
             sideOffset: sideOffset,
-            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-dropdown-menu-content-transform-origin]', className),
+            className: (0, index_cjs_namespaceObject.cn)('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 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-dropdown-menu-content-transform-origin]', className),
             ...props
         })
     }));

package/dist/components/ui/dropdown-menu.js

@@ -24,7 +24,7 @@ const DropdownMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, chi
 DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
 const DropdownMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
         ref: ref,
-        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-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-dropdown-menu-content-transform-origin]', className),
+        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-dropdown-menu-content-transform-origin]', className),
         ...props
     }));
 DropdownMenuSubContent.displayName = SubContent.displayName;
@@ -32,7 +32,7 @@ const DropdownMenuContent = /*#__PURE__*/ forwardRef(({ className, sideOffset =
         children: /*#__PURE__*/ jsx(Content, {
             ref: ref,
             sideOffset: sideOffset,
-            className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-dropdown-menu-content-transform-origin]', className),
+            className: cn('z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 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-dropdown-menu-content-transform-origin]', className),
             ...props
         })
     }));

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "./badge" (module) {
+    "@/components/ui/badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -24,13 +24,13 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./checkbox" (module) {
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "./command" (module) {
+    "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -57,7 +57,7 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./dropdown-menu" (module) {
@@ -75,10 +75,10 @@ var __webpack_modules__ = {
     "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "@/components/ui/label" (module) {
+    "./label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -90,7 +90,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "./progress" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("./badge");
+    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -255,7 +255,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -269,14 +269,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_10 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
@@ -304,7 +304,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("./command");
+    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -381,14 +381,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_25 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
+    var _label__rspack_import_26 = __webpack_require__("./label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_26)if ([
         "TreeView",
@@ -416,7 +416,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_30 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_30 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_30)if ([
         "TreeView",

package/dist/components/ui/input.cjs

@@ -31,7 +31,7 @@ const external_react_namespaceObject = require("react");
 const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
 const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
         type: type,
-        className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
+        className: (0, utils_cjs_namespaceObject.cn)('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
         ref: ref,
         ...props
     }));

package/dist/components/ui/input.js

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
 const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
         type: type,
-        className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.05)] future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
+        className: cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
         ref: ref,
         ...props
     }));

package/dist/components/ui/multi-select.cjs

@@ -31,6 +31,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_badge_cjs_namespaceObject = require("./badge.cjs");
 const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_checkbox_cjs_namespaceObject = require("./checkbox.cjs");
 const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
@@ -66,7 +67,7 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ o
                         role: "combobox",
                         "aria-expanded": open,
                         "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
-                        className: (0, index_cjs_namespaceObject.cn)('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
+                        className: (0, index_cjs_namespaceObject.cn)('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
                         disabled: disabled,
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -135,13 +136,12 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ o
                                                         if (!isDisabled) handleSelect(option.value);
                                                     },
                                                     disabled: isDisabled,
-                                                    className: (0, index_cjs_namespaceObject.cn)(isDisabled && 'opacity-50 cursor-not-allowed'),
+                                                    className: (0, index_cjs_namespaceObject.cn)('group', isDisabled && 'opacity-50 cursor-not-allowed'),
                                                     children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                                            className: (0, index_cjs_namespaceObject.cn)('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
-                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
-                                                                className: "h-4 w-4"
-                                                            })
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
+                                                            checked: isSelected,
+                                                            className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
+                                                            tabIndex: -1
                                                         }),
                                                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                             children: option.label

package/dist/components/ui/multi-select.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, ChevronsUpDown, X } from "lucide-react";
+import { ChevronsUpDown, X } from "lucide-react";
 import { forwardRef, useState } from "react";
 import { Badge } from "./badge.js";
 import { Button } from "./button.js";
+import { Checkbox } from "./checkbox.js";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "./command.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
@@ -38,7 +39,7 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, pla
                         role: "combobox",
                         "aria-expanded": open,
                         "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
-                        className: cn('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
+                        className: cn('w-full justify-between future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:font-normal future:text-muted-foreground', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
                         disabled: disabled,
                         children: [
                             /*#__PURE__*/ jsx("div", {
@@ -107,13 +108,12 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ options, selected, onChange, pla
                                                         if (!isDisabled) handleSelect(option.value);
                                                     },
                                                     disabled: isDisabled,
-                                                    className: cn(isDisabled && 'opacity-50 cursor-not-allowed'),
+                                                    className: cn('group', isDisabled && 'opacity-50 cursor-not-allowed'),
                                                     children: [
-                                                        /*#__PURE__*/ jsx("div", {
-                                                            className: cn('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
-                                                            children: /*#__PURE__*/ jsx(Check, {
-                                                                className: "h-4 w-4"
-                                                            })
+                                                        /*#__PURE__*/ jsx(Checkbox, {
+                                                            checked: isSelected,
+                                                            className: "mr-2 pointer-events-none group-hover:border-muted-foreground",
+                                                            tabIndex: -1
                                                         }),
                                                         /*#__PURE__*/ jsx("span", {
                                                             children: option.label

package/dist/components/ui/popover.cjs

@@ -41,7 +41,7 @@ const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
             ref: ref,
             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 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
         })
     }));

package/dist/components/ui/popover.js

@@ -10,7 +10,7 @@ const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center',
             ref: ref,
             align: align,
             sideOffset: sideOffset,
-            className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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
         })
     }));

package/dist/components/ui/select.cjs

@@ -45,7 +45,7 @@ const SelectGroup = react_select_namespaceObject.Group;
 const SelectValue = react_select_namespaceObject.Value;
 const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
         ...props,
         children: [
             children,
@@ -79,7 +79,7 @@ SelectScrollDownButton.displayName = react_select_namespaceObject.ScrollDownButt
 const SelectContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content, {
             ref: ref,
-            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 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,
             children: [

package/dist/components/ui/select.js

@@ -8,7 +8,7 @@ const SelectGroup = Group;
 const SelectValue = Value;
 const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
         ref: ref,
-        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1', className),
+        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-raised future:hover:bg-surface-overlay future:px-4 future:gap-4 future:font-normal future:text-muted-foreground', className),
         ...props,
         children: [
             children,
@@ -42,7 +42,7 @@ SelectScrollDownButton.displayName = ScrollDownButton.displayName;
 const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = 'popper', ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsxs(Content, {
             ref: ref,
-            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 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,
             children: [

package/dist/styles.css

@@ -2098,6 +2098,12 @@
   .border-border-deep {
     border-color: var(--border-deep);
   }
+  .border-border-disabled {
+    border-color: var(--border-disabled);
+  }
+  .border-border-grid {
+    border-color: var(--border-grid);
+  }
   .border-border-hover {
     border-color: var(--border-hover);
   }
@@ -2401,6 +2407,15 @@
   .bg-brand {
     background-color: var(--brand);
   }
+  .bg-brand-darker {
+    background-color: var(--brand-darker);
+  }
+  .bg-brand-hover {
+    background-color: var(--brand-hover);
+  }
+  .bg-brand-lighter {
+    background-color: var(--brand-lighter);
+  }
   .bg-brand-subtle {
     background-color: var(--brand-subtle);
   }
@@ -2995,6 +3010,9 @@
   .bg-surface {
     background-color: var(--surface);
   }
+  .bg-surface-disabled {
+    background-color: var(--surface-disabled);
+  }
   .bg-surface-hover {
     background-color: var(--surface-hover);
   }
@@ -3034,6 +3052,9 @@
       background-color: color-mix(in oklab, var(--surface-raised) 50%, transparent);
     }
   }
+  .bg-surface-selected {
+    background-color: var(--surface-selected);
+  }
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -3771,12 +3792,18 @@
       color: color-mix(in oklab, var(--foreground-accent) 80%, transparent);
     }
   }
+  .text-foreground-emp {
+    color: var(--foreground-emp);
+  }
   .text-foreground-hover {
     color: var(--foreground-hover);
   }
   .text-foreground-inverse {
     color: var(--foreground-inverse);
   }
+  .text-foreground-link {
+    color: var(--foreground-link);
+  }
   .text-foreground-muted {
     color: var(--foreground-muted);
   }
@@ -3825,6 +3852,9 @@
   .text-info {
     color: var(--info);
   }
+  .text-logo {
+    color: var(--logo);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -4186,6 +4216,13 @@
       }
     }
   }
+  .group-hover\:border-muted-foreground {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-color: var(--muted-foreground);
+      }
+    }
+  }
   .group-hover\:bg-primary {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -5762,6 +5799,16 @@
       width: calc(var(--spacing) * 3.5);
     }
   }
+  .future\:gap-4 {
+    :is(.future-dark, .future-light) & {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
+  .future\:rounded-lg {
+    :is(.future-dark, .future-light) & {
+      border-radius: var(--radius-lg);
+    }
+  }
   .future\:rounded-none {
     :is(.future-dark, .future-light) & {
       border-radius: 0;
@@ -5788,9 +5835,9 @@
       border-color: var(--border-subtle);
     }
   }
-  .future\:bg-surface-overlay {
+  .future\:bg-surface-raised {
     :is(.future-dark, .future-light) & {
-      background-color: var(--surface-overlay);
+      background-color: var(--surface-raised);
     }
   }
   .future\:bg-transparent {
@@ -5803,6 +5850,11 @@
       fill: var(--foreground-accent);
     }
   }
+  .future\:px-4 {
+    :is(.future-dark, .future-light) & {
+      padding-inline: calc(var(--spacing) * 4);
+    }
+  }
   .future\:py-0 {
     :is(.future-dark, .future-light) & {
       padding-block: calc(var(--spacing) * 0);
@@ -5840,10 +5892,9 @@
       color: var(--foreground-inverse);
     }
   }
-  .future\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.05\)\] {
+  .future\:text-muted-foreground {
     :is(.future-dark, .future-light) & {
-      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0,0,0,0.05));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      color: var(--muted-foreground);
     }
   }
   .future\:shadow-none {
@@ -5876,6 +5927,15 @@
       }
     }
   }
+  .future\:hover\:bg-surface-overlay {
+    :is(.future-dark, .future-light) & {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--surface-overlay);
+        }
+      }
+    }
+  }
   .future\:focus-visible\:ring-0 {
     :is(.future-dark, .future-light) & {
       &:focus-visible {
@@ -6096,11 +6156,6 @@
       pointer-events: none;
     }
   }
-  .\[\&_svg\]\:invisible {
-    & svg {
-      visibility: hidden;
-    }
-  }
   .\[\&_svg\]\:size-4 {
     & svg {
       width: calc(var(--spacing) * 4);
@@ -8150,8 +8205,14 @@ body.future-dark, .future-dark {
   --surface-hover: var(--color-zinc-700);
   --surface-muted: var(--color-zinc-500);
   --surface-inverse: var(--color-zinc-50);
+  --surface-disabled: var(--color-zinc-900);
+  --surface-selected: var(--color-zinc-700);
   --brand: var(--color-cyan-500);
   --brand-subtle: var(--color-cyan-950);
+  --brand-hover: var(--color-cyan-400);
+  --brand-lighter: var(--color-cyan-300);
+  --brand-darker: var(--color-cyan-600);
+  --logo: var(--color-white);
   --foreground: var(--color-zinc-50);
   --foreground-secondary: var(--color-zinc-100);
   --foreground-hover: var(--color-zinc-300);
@@ -8161,12 +8222,16 @@ body.future-dark, .future-dark {
   --foreground-on-accent: var(--color-zinc-950);
   --foreground-accent: var(--color-cyan-500);
   --foreground-accent-muted: var(--color-cyan-400);
+  --foreground-emp: var(--color-white);
+  --foreground-link: var(--color-cyan-400);
   --ap-wind-border: var(--color-zinc-700);
   --border-subtle: var(--color-zinc-800);
   --border-muted: var(--color-zinc-900);
   --border-deep: var(--color-zinc-950);
   --border-inverse: var(--color-zinc-200);
   --border-hover: var(--color-zinc-600);
+  --border-disabled: var(--color-zinc-800);
+  --border-grid: var(--color-zinc-800);
   --ring: var(--color-zinc-600);
   --gradient-1: linear-gradient(127deg, #3f3f47 25.94%, #27272a 74.06%);
   --gradient-2: linear-gradient(128deg, #09090b 1.26%, #18181b 52.69%);
@@ -8181,13 +8246,13 @@ body.future-dark, .future-dark {
   --code-number: var(--color-amber-400);
   --code-literal: var(--color-violet-400);
   --error: #ff8484;
-  --error-background: #000000;
+  --error-background: var(--status-destructive);
   --success: #74c94b;
-  --success-background: #000000;
+  --success-background: var(--status-success);
   --warning: #ffbb27;
-  --warning-background: #000000;
+  --warning-background: var(--status-warning);
   --info: #42a1ff;
-  --info-background: #000000;
+  --info-background: var(--status-info);
   --status-destructive: var(--color-red-950);
   --status-destructive-fg: var(--color-red-400);
   --status-success: var(--color-emerald-950);
@@ -8234,8 +8299,14 @@ body.future-light, .future-light {
   --surface-hover: var(--color-zinc-300);
   --surface-muted: var(--color-zinc-400);
   --surface-inverse: var(--color-zinc-950);
+  --surface-disabled: var(--color-zinc-200);
+  --surface-selected: var(--color-zinc-300);
   --brand: var(--color-cyan-500);
   --brand-subtle: var(--color-cyan-50);
+  --brand-hover: var(--color-cyan-600);
+  --brand-lighter: var(--color-cyan-100);
+  --brand-darker: var(--color-cyan-700);
+  --logo: var(--color-black);
   --foreground: var(--color-zinc-950);
   --foreground-secondary: var(--color-zinc-900);
   --foreground-hover: var(--color-zinc-600);
@@ -8245,12 +8316,16 @@ body.future-light, .future-light {
   --foreground-on-accent: var(--color-zinc-950);
   --foreground-accent: var(--color-cyan-500);
   --foreground-accent-muted: var(--color-cyan-600);
+  --foreground-emp: var(--color-black);
+  --foreground-link: var(--color-cyan-600);
   --ap-wind-border: var(--color-zinc-300);
   --border-subtle: var(--color-zinc-200);
   --border-muted: var(--color-zinc-100);
   --border-deep: var(--color-zinc-50);
   --border-inverse: var(--color-zinc-700);
   --border-hover: var(--color-zinc-400);
+  --border-disabled: var(--color-zinc-200);
+  --border-grid: var(--color-zinc-200);
   --ring: var(--color-zinc-400);
   --gradient-1: linear-gradient(127deg, #e4e4e7 25.94%, #f4f4f5 74.06%);
   --gradient-2: linear-gradient(128deg, #fafafa 1.26%, #fafafa 52.69%);

package/dist/tailwind.css

@@ -377,12 +377,24 @@ body.future-dark, .future-dark {
   /* badges, indicators */
   --surface-inverse: var(--color-zinc-50);
   /* buttons on dark bg */
+  --surface-disabled: var(--color-zinc-900);
+  /* disabled inputs, buttons, containers */
+  --surface-selected: var(--color-zinc-700);
+  /* selected items, active rows */
 
   /* ── Brand ──────────────────────────────────────────────────────────── */
   --brand: var(--color-cyan-500);
   /* logo, submit, run */
   --brand-subtle: var(--color-cyan-950);
   /* status badge, active nav */
+  --brand-hover: var(--color-cyan-400);
+  /* hovered brand elements */
+  --brand-lighter: var(--color-cyan-300);
+  /* subtle tinted states, badges */
+  --brand-darker: var(--color-cyan-600);
+  /* pressed / deep accent states */
+  --logo: var(--color-white);
+  /* UiPath logo color */
 
   /* ── Foreground (text / icons) ────────────────────────────────────────── */
   --foreground: var(--color-zinc-50);
@@ -403,6 +415,10 @@ body.future-dark, .future-dark {
   /* accent text */
   --foreground-accent-muted: var(--color-cyan-400);
   /* muted accent text */
+  --foreground-emp: var(--color-white);
+  /* emphasized text — highest priority headings */
+  --foreground-link: var(--color-cyan-400);
+  /* hyperlinks, inline navigational text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
   --ap-wind-border: var(--color-zinc-700);
@@ -417,6 +433,10 @@ body.future-dark, .future-dark {
   /* borders on inverse bg */
   --border-hover: var(--color-zinc-600);
   /* border hover state */
+  --border-disabled: var(--color-zinc-800);
+  /* disabled control borders */
+  --border-grid: var(--color-zinc-800);
+  /* table / data grid internal lines */
 
   /* ── Ring ──────────────────────────────────────────────────────────────── */
   --ring: var(--color-zinc-600);
@@ -452,13 +472,13 @@ body.future-dark, .future-dark {
 
   /* ── Status ──────────────────────────────────────────────────────────── */
   --error: #ff8484;
-  --error-background:  #000000;
+  --error-background:  var(--status-destructive);
   --success: #74c94b;
-  --success-background: #000000;
+  --success-background: var(--status-success);
   --warning: #ffbb27;
-  --warning-background: #000000;
+  --warning-background: var(--status-warning);
   --info: #42a1ff;
-  --info-background: #000000;
+  --info-background: var(--status-info);
   --status-destructive: var(--color-red-950);
   --status-destructive-fg: var(--color-red-400);
   --status-success: var(--color-emerald-950);
@@ -524,12 +544,24 @@ body.future-light, .future-light {
   /* badges, indicators */
   --surface-inverse: var(--color-zinc-950);
   /* buttons on light bg */
+  --surface-disabled: var(--color-zinc-200);
+  /* disabled inputs, buttons, containers */
+  --surface-selected: var(--color-zinc-300);
+  /* selected items, active rows */
 
   /* ── Brand ──────────────────────────────────────────────────────────── */
   --brand: var(--color-cyan-500);
   /* logo, submit, run */
   --brand-subtle: var(--color-cyan-50);
   /* status badge, active nav */
+  --brand-hover: var(--color-cyan-600);
+  /* hovered brand elements */
+  --brand-lighter: var(--color-cyan-100);
+  /* subtle tinted states, badges */
+  --brand-darker: var(--color-cyan-700);
+  /* pressed / deep accent states */
+  --logo: var(--color-black);
+  /* UiPath logo color */
 
   /* ── Foreground (text / icons) ────────────────────────────────────────── */
   --foreground: var(--color-zinc-950);
@@ -550,6 +582,10 @@ body.future-light, .future-light {
   /* accent text */
   --foreground-accent-muted: var(--color-cyan-600);
   /* muted accent text */
+  --foreground-emp: var(--color-black);
+  /* emphasized text — highest priority headings */
+  --foreground-link: var(--color-cyan-600);
+  /* hyperlinks, inline navigational text */
 
   /* ── Borders ──────────────────────────────────────────────────────────── */
   --ap-wind-border: var(--color-zinc-300);
@@ -564,6 +600,10 @@ body.future-light, .future-light {
   /* borders on inverse bg */
   --border-hover: var(--color-zinc-400);
   /* border hover state */
+  --border-disabled: var(--color-zinc-200);
+  /* disabled control borders */
+  --border-grid: var(--color-zinc-200);
+  /* table / data grid internal lines */
 
   /* ── Ring ──────────────────────────────────────────────────────────────── */
   --ring: var(--color-zinc-400);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",