@uipath/apollo-wind 2.25.0 → 2.27.0

package/dist/components/ui/button.cjs

@@ -49,6 +49,7 @@ const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva
             xs: 'h-8 px-2.5',
             '2xs': 'h-7 px-2 text-xs',
             '3xs': 'h-6 px-1.5 text-xs',
+            '4xs': 'h-5 px-1 text-xs [&_svg]:size-3',
             icon: 'h-10 aspect-square p-0'
         },
         icon: {

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

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "lg" | "sm" | "xs" | "2xs" | "3xs" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | "xs" | "2xs" | "3xs" | "4xs" | null | undefined;
     icon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/ui/button.js

@@ -20,6 +20,7 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
             xs: 'h-8 px-2.5',
             '2xs': 'h-7 px-2 text-xs',
             '3xs': 'h-6 px-1.5 text-xs',
+            '4xs': 'h-5 px-1 text-xs [&_svg]:size-3',
             icon: 'h-10 aspect-square p-0'
         },
         icon: {

package/dist/components/ui/index.cjs

@@ -24,7 +24,7 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
     "./calendar" (module) {
@@ -33,10 +33,10 @@ var __webpack_modules__ = {
     "./card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "./collapsible" (module) {
+    "@/components/ui/collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
@@ -45,7 +45,7 @@ var __webpack_modules__ = {
     "@/components/ui/command" (module) {
         module.exports = require("./command.cjs");
     },
-    "./context-menu" (module) {
+    "@/components/ui/context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -60,7 +60,7 @@ var __webpack_modules__ = {
     "@/components/ui/dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
-    "./dropdown-menu" (module) {
+    "@/components/ui/dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
     "@/components/ui/editable-cell" (module) {
@@ -72,13 +72,16 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "./hover-card" (module) {
+    "@/components/ui/hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
+    "@/components/ui/input-group" (module) {
+        module.exports = require("./input-group.cjs");
+    },
     "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -90,7 +93,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "./progress" (module) {
@@ -141,13 +144,13 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "./table" (module) {
+    "@/components/ui/table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "./textarea" (module) {
+    "@/components/ui/textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -207,7 +210,7 @@ var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
-        TreeView: ()=>_tree_view__rspack_import_53_default.a
+        TreeView: ()=>_tree_view__rspack_import_54_default.a
     });
     var _accordion__rspack_import_0 = __webpack_require__("./accordion");
     var __rspack_reexport = {};
@@ -258,7 +261,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",
@@ -286,14 +289,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
+    var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
         "TreeView",
@@ -314,7 +317,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
+    var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
         "TreeView",
@@ -349,7 +352,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
+    var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
         "TreeView",
@@ -377,7 +380,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
+    var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
         "TreeView",
@@ -391,197 +394,204 @@ var __webpack_exports__ = {};
         "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__("./label");
+    var _input_group__rspack_import_26 = __webpack_require__("@/components/ui/input-group");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _input_group__rspack_import_26)if ([
+        "TreeView",
+        "default"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input_group__rspack_import_26[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _label__rspack_import_27 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _label__rspack_import_26)if ([
+    for(const __rspack_import_key in _label__rspack_import_27)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_26[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_label__rspack_import_27[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _layout__rspack_import_27 = __webpack_require__("./layout");
+    var _layout__rspack_import_28 = __webpack_require__("./layout");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _layout__rspack_import_27)if ([
+    for(const __rspack_import_key in _layout__rspack_import_28)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layout__rspack_import_27[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layout__rspack_import_28[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _multi_select__rspack_import_28 = __webpack_require__("./multi-select");
+    var _multi_select__rspack_import_29 = __webpack_require__("./multi-select");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _multi_select__rspack_import_28)if ([
+    for(const __rspack_import_key in _multi_select__rspack_import_29)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_multi_select__rspack_import_28[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_multi_select__rspack_import_29[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _pagination__rspack_import_29 = __webpack_require__("./pagination");
+    var _pagination__rspack_import_30 = __webpack_require__("./pagination");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _pagination__rspack_import_29)if ([
+    for(const __rspack_import_key in _pagination__rspack_import_30)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_29[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_30 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_31 = __webpack_require__("./popover");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _popover__rspack_import_30)if ([
+    for(const __rspack_import_key in _popover__rspack_import_31)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_30[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_popover__rspack_import_31[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _progress__rspack_import_31 = __webpack_require__("./progress");
+    var _progress__rspack_import_32 = __webpack_require__("./progress");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _progress__rspack_import_31)if ([
+    for(const __rspack_import_key in _progress__rspack_import_32)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_progress__rspack_import_31[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_progress__rspack_import_32[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _prompt_editor__rspack_import_32 = __webpack_require__("./prompt-editor");
+    var _prompt_editor__rspack_import_33 = __webpack_require__("./prompt-editor");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _prompt_editor__rspack_import_32)if ([
+    for(const __rspack_import_key in _prompt_editor__rspack_import_33)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_prompt_editor__rspack_import_32[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_prompt_editor__rspack_import_33[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _radio_group__rspack_import_33 = __webpack_require__("./radio-group");
+    var _radio_group__rspack_import_34 = __webpack_require__("./radio-group");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _radio_group__rspack_import_33)if ([
+    for(const __rspack_import_key in _radio_group__rspack_import_34)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_33[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_radio_group__rspack_import_34[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _resizable__rspack_import_34 = __webpack_require__("./resizable");
+    var _resizable__rspack_import_35 = __webpack_require__("./resizable");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _resizable__rspack_import_34)if ([
+    for(const __rspack_import_key in _resizable__rspack_import_35)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_resizable__rspack_import_34[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_resizable__rspack_import_35[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _scroll_area__rspack_import_35 = __webpack_require__("./scroll-area");
+    var _scroll_area__rspack_import_36 = __webpack_require__("./scroll-area");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _scroll_area__rspack_import_35)if ([
+    for(const __rspack_import_key in _scroll_area__rspack_import_36)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_scroll_area__rspack_import_35[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_scroll_area__rspack_import_36[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _search__rspack_import_36 = __webpack_require__("./search");
+    var _search__rspack_import_37 = __webpack_require__("./search");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _search__rspack_import_36)if ([
+    for(const __rspack_import_key in _search__rspack_import_37)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_search__rspack_import_36[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_search__rspack_import_37[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _select__rspack_import_37 = __webpack_require__("./select");
+    var _select__rspack_import_38 = __webpack_require__("./select");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _select__rspack_import_37)if ([
+    for(const __rspack_import_key in _select__rspack_import_38)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_select__rspack_import_37[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_select__rspack_import_38[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _separator__rspack_import_38 = __webpack_require__("./separator");
+    var _separator__rspack_import_39 = __webpack_require__("./separator");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _separator__rspack_import_38)if ([
+    for(const __rspack_import_key in _separator__rspack_import_39)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_separator__rspack_import_38[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_separator__rspack_import_39[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _sheet__rspack_import_39 = __webpack_require__("./sheet");
+    var _sheet__rspack_import_40 = __webpack_require__("./sheet");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _sheet__rspack_import_39)if ([
+    for(const __rspack_import_key in _sheet__rspack_import_40)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_sheet__rspack_import_39[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_sheet__rspack_import_40[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _skeleton__rspack_import_40 = __webpack_require__("./skeleton");
+    var _skeleton__rspack_import_41 = __webpack_require__("./skeleton");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _skeleton__rspack_import_40)if ([
+    for(const __rspack_import_key in _skeleton__rspack_import_41)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_skeleton__rspack_import_40[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_skeleton__rspack_import_41[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _slider__rspack_import_41 = __webpack_require__("./slider");
+    var _slider__rspack_import_42 = __webpack_require__("./slider");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _slider__rspack_import_41)if ([
+    for(const __rspack_import_key in _slider__rspack_import_42)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_slider__rspack_import_41[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_slider__rspack_import_42[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _sonner__rspack_import_42 = __webpack_require__("./sonner");
+    var _sonner__rspack_import_43 = __webpack_require__("./sonner");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _sonner__rspack_import_42)if ([
+    for(const __rspack_import_key in _sonner__rspack_import_43)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_sonner__rspack_import_42[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_sonner__rspack_import_43[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _spinner__rspack_import_43 = __webpack_require__("./spinner");
+    var _spinner__rspack_import_44 = __webpack_require__("./spinner");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _spinner__rspack_import_43)if ([
+    for(const __rspack_import_key in _spinner__rspack_import_44)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_spinner__rspack_import_43[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_spinner__rspack_import_44[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _stats_card__rspack_import_44 = __webpack_require__("./stats-card");
+    var _stats_card__rspack_import_45 = __webpack_require__("./stats-card");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _stats_card__rspack_import_44)if ([
+    for(const __rspack_import_key in _stats_card__rspack_import_45)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_stats_card__rspack_import_44[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_stats_card__rspack_import_45[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _stepper__rspack_import_45 = __webpack_require__("./stepper");
+    var _stepper__rspack_import_46 = __webpack_require__("./stepper");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _stepper__rspack_import_45)if ([
+    for(const __rspack_import_key in _stepper__rspack_import_46)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_stepper__rspack_import_45[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_stepper__rspack_import_46[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _switch__rspack_import_46 = __webpack_require__("./switch");
+    var _switch__rspack_import_47 = __webpack_require__("./switch");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _switch__rspack_import_46)if ([
+    for(const __rspack_import_key in _switch__rspack_import_47)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_46[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_47[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_47 = __webpack_require__("./table");
+    var _table__rspack_import_48 = __webpack_require__("@/components/ui/table");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _table__rspack_import_47)if ([
+    for(const __rspack_import_key in _table__rspack_import_48)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_table__rspack_import_47[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_table__rspack_import_48[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tabs__rspack_import_48 = __webpack_require__("./tabs");
+    var _tabs__rspack_import_49 = __webpack_require__("./tabs");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _tabs__rspack_import_48)if ([
+    for(const __rspack_import_key in _tabs__rspack_import_49)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_48[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_49[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_49 = __webpack_require__("./textarea");
+    var _textarea__rspack_import_50 = __webpack_require__("@/components/ui/textarea");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _textarea__rspack_import_49)if ([
+    for(const __rspack_import_key in _textarea__rspack_import_50)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_49[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_50[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_50 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_51 = __webpack_require__("@/components/ui/toggle");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _toggle__rspack_import_50)if ([
+    for(const __rspack_import_key in _toggle__rspack_import_51)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle__rspack_import_50[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle__rspack_import_51[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle_group__rspack_import_51 = __webpack_require__("./toggle-group");
+    var _toggle_group__rspack_import_52 = __webpack_require__("./toggle-group");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _toggle_group__rspack_import_51)if ([
+    for(const __rspack_import_key in _toggle_group__rspack_import_52)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_51[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_toggle_group__rspack_import_52[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tooltip__rspack_import_52 = __webpack_require__("./tooltip");
+    var _tooltip__rspack_import_53 = __webpack_require__("./tooltip");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _tooltip__rspack_import_52)if ([
+    for(const __rspack_import_key in _tooltip__rspack_import_53)if ([
         "TreeView",
         "default"
-    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tooltip__rspack_import_52[__rspack_import_key];
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tooltip__rspack_import_53[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _tree_view__rspack_import_53 = __webpack_require__("./tree-view");
-    var _tree_view__rspack_import_53_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_53);
+    var _tree_view__rspack_import_54 = __webpack_require__("./tree-view");
+    var _tree_view__rspack_import_54_default = /*#__PURE__*/ __webpack_require__.n(_tree_view__rspack_import_54);
 })();
 exports.TreeView = __webpack_exports__.TreeView;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

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

@@ -24,6 +24,7 @@ export * from './empty-state';
 export * from './file-upload';
 export * from './hover-card';
 export * from './input';
+export * from './input-group';
 export * from './label';
 export * from './layout';
 export * from './multi-select';

package/dist/components/ui/index.js

@@ -25,6 +25,7 @@ export * from "./empty-state.js";
 export * from "./file-upload.js";
 export * from "./hover-card.js";
 export * from "./input.js";
+export * from "./input-group.js";
 export * from "./label.js";
 export * from "./layout/index.js";
 export * from "./multi-select.js";

package/dist/components/ui/input-group.cjs

@@ -0,0 +1,119 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputGroupButton: ()=>InputGroupButton,
+    InputGroupText: ()=>InputGroupText,
+    InputGroupAddon: ()=>InputGroupAddon,
+    InputGroup: ()=>InputGroup,
+    InputGroupInput: ()=>InputGroupInput,
+    InputGroupTextarea: ()=>InputGroupTextarea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_class_variance_authority_namespaceObject = require("class-variance-authority");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_textarea_cjs_namespaceObject = require("./textarea.cjs");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const InputGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant = 'default', size = 'default', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        role: "group",
+        className: (0, index_cjs_namespaceObject.cn)('group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start', 'default' === size && 'h-9 rounded-md px-3 py-1 future:h-10 future:rounded-xl future:py-2', 'xs' === size && 'h-6 gap-1 rounded px-2', 'default' === variant && 'border border-input bg-transparent future:border-0 future:bg-surface-overlay', 'ghost' === variant && 'border-0 bg-surface-overlay', 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background', 'has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20', 'has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:opacity-50', className),
+        ...props
+    }));
+InputGroup.displayName = 'InputGroup';
+const inputGroupAddonVariants = (0, external_class_variance_authority_namespaceObject.cva)('flex h-auto cursor-text items-center justify-center gap-1 text-sm text-muted-foreground select-none group-has-[[data-slot=input-group-control]:disabled]/input-group:opacity-50 [&>svg:not([class*="size-"])]:size-4', {
+    variants: {
+        align: {
+            'inline-start': 'order-first',
+            'inline-end': 'order-last'
+        }
+    },
+    defaultVariants: {
+        align: 'inline-start'
+    }
+});
+const InputGroupAddon = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'inline-start', onClick, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: (0, index_cjs_namespaceObject.cn)(inputGroupAddonVariants({
+            align
+        }), className),
+        onClick: (e)=>{
+            if (!e.target.closest('button')) e.currentTarget.parentElement?.querySelector('input, textarea')?.focus();
+            onClick?.(e);
+        },
+        ...props
+    }));
+InputGroupAddon.displayName = 'InputGroupAddon';
+const InputGroupButton = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        ref: ref,
+        type: type,
+        variant: variant,
+        size: size,
+        className: (0, index_cjs_namespaceObject.cn)('gap-1', className),
+        ...props
+    }));
+InputGroupButton.displayName = 'InputGroupButton';
+const InputGroupText = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        ref: ref,
+        className: (0, index_cjs_namespaceObject.cn)('flex items-center gap-1 text-sm text-muted-foreground [&>svg:not([class*="size-"])]:size-4', className),
+        ...props
+    }));
+InputGroupText.displayName = 'InputGroupText';
+const InputGroupInput = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: (0, index_cjs_namespaceObject.cn)('h-full flex-1 rounded-none border-0 bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:h-full future:rounded-none future:border-0 future:bg-transparent future:p-0 future:focus-visible:ring-offset-0', className),
+        ...props
+    }));
+InputGroupInput.displayName = 'InputGroupInput';
+const InputGroupTextarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_textarea_cjs_namespaceObject.Textarea, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: (0, index_cjs_namespaceObject.cn)('min-h-0 flex-1 resize-none rounded-none border-0 bg-transparent p-0 py-2 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:focus-visible:ring-offset-0', className),
+        ...props
+    }));
+InputGroupTextarea.displayName = 'InputGroupTextarea';
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputGroupAddon = __webpack_exports__.InputGroupAddon;
+exports.InputGroupButton = __webpack_exports__.InputGroupButton;
+exports.InputGroupInput = __webpack_exports__.InputGroupInput;
+exports.InputGroupText = __webpack_exports__.InputGroupText;
+exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroup",
+    "InputGroupAddon",
+    "InputGroupButton",
+    "InputGroupInput",
+    "InputGroupText",
+    "InputGroupTextarea"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,29 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { type ButtonProps } from './button';
+import { type InputProps } from './input';
+import { type TextareaProps } from './textarea';
+export interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'ghost';
+    size?: 'default' | 'xs';
+}
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupAddonVariants> {
+}
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+export interface InputGroupButtonProps extends ButtonProps {
+}
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface InputGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const InputGroupText: React.ForwardRefExoticComponent<InputGroupTextProps & React.RefAttributes<HTMLSpanElement>>;
+export interface InputGroupInputProps extends Omit<InputProps, 'variant' | 'size'> {
+}
+declare const InputGroupInput: React.ForwardRefExoticComponent<InputGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface InputGroupTextareaProps extends Omit<TextareaProps, 'variant'> {
+}
+declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<InputGroupTextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/components/ui/input-group.js

@@ -0,0 +1,70 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Textarea } from "./textarea.js";
+import { cn } from "../../lib/index.js";
+const InputGroup = /*#__PURE__*/ forwardRef(({ className, variant = 'default', size = 'default', ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "group",
+        className: cn('group/input-group relative flex w-full items-center gap-2 transition-colors has-[>textarea]:h-auto has-[>textarea]:items-start', 'default' === size && 'h-9 rounded-md px-3 py-1 future:h-10 future:rounded-xl future:py-2', 'xs' === size && 'h-6 gap-1 rounded px-2', 'default' === variant && 'border border-input bg-transparent future:border-0 future:bg-surface-overlay', 'ghost' === variant && 'border-0 bg-surface-overlay', 'has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-2 future:has-[[data-slot=input-group-control]:focus-visible]:ring-offset-background', 'has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20', 'has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:opacity-50', className),
+        ...props
+    }));
+InputGroup.displayName = 'InputGroup';
+const inputGroupAddonVariants = cva('flex h-auto cursor-text items-center justify-center gap-1 text-sm text-muted-foreground select-none group-has-[[data-slot=input-group-control]:disabled]/input-group:opacity-50 [&>svg:not([class*="size-"])]:size-4', {
+    variants: {
+        align: {
+            'inline-start': 'order-first',
+            'inline-end': 'order-last'
+        }
+    },
+    defaultVariants: {
+        align: 'inline-start'
+    }
+});
+const InputGroupAddon = /*#__PURE__*/ forwardRef(({ className, align = 'inline-start', onClick, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: cn(inputGroupAddonVariants({
+            align
+        }), className),
+        onClick: (e)=>{
+            if (!e.target.closest('button')) e.currentTarget.parentElement?.querySelector('input, textarea')?.focus();
+            onClick?.(e);
+        },
+        ...props
+    }));
+InputGroupAddon.displayName = 'InputGroupAddon';
+const InputGroupButton = /*#__PURE__*/ forwardRef(({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }, ref)=>/*#__PURE__*/ jsx(Button, {
+        ref: ref,
+        type: type,
+        variant: variant,
+        size: size,
+        className: cn('gap-1', className),
+        ...props
+    }));
+InputGroupButton.displayName = 'InputGroupButton';
+const InputGroupText = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+        ref: ref,
+        className: cn('flex items-center gap-1 text-sm text-muted-foreground [&>svg:not([class*="size-"])]:size-4', className),
+        ...props
+    }));
+InputGroupText.displayName = 'InputGroupText';
+const InputGroupInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Input, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: cn('h-full flex-1 rounded-none border-0 bg-transparent p-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:h-full future:rounded-none future:border-0 future:bg-transparent future:p-0 future:focus-visible:ring-offset-0', className),
+        ...props
+    }));
+InputGroupInput.displayName = 'InputGroupInput';
+const InputGroupTextarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Textarea, {
+        ref: ref,
+        "data-slot": "input-group-control",
+        className: cn('min-h-0 flex-1 resize-none rounded-none border-0 bg-transparent p-0 py-2 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 future:rounded-none future:border-0 future:bg-transparent future:focus-visible:ring-offset-0', className),
+        ...props
+    }));
+InputGroupTextarea.displayName = 'InputGroupTextarea';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/components/ui/input.cjs

@@ -29,9 +29,9 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 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", {
+const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, variant = 'default', size = 'default', ...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: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 w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay 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.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    variant?: 'default' | 'ghost';
+    size?: 'default' | 'xs';
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/ui/input.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
-const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
+const Input = /*#__PURE__*/ forwardRef(({ className, type, variant = 'default', size = 'default', ...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:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
+        className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay 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/search.cjs

@@ -30,45 +30,42 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_command_cjs_namespaceObject = require("./command.cjs");
-const external_input_cjs_namespaceObject = require("./input.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, ...props }, ref)=>{
+const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, ...props }, ref)=>{
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: "relative",
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
+        variant: variant,
+        size: size,
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
-                className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                align: "inline-start",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Search, {
+                    className: "text-muted-foreground"
+                })
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
                 ref: ref,
                 type: "search",
-                className: (0, index_cjs_namespaceObject.cn)('pl-8 pr-8', className),
+                className: className,
                 value: value,
                 onChange: (e)=>onChange?.(e.target.value),
                 ...props
             }),
-            showClearButton && value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-                type: "button",
-                variant: "ghost",
-                icon: true,
-                className: "absolute right-0 top-0 h-full w-8 hover:bg-transparent",
-                onClick: handleClear,
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
-                        className: "h-4 w-4"
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                        className: "sr-only",
-                        children: "Clear"
-                    })
-                ]
+            showClearButton && value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                align: "inline-end",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+                    icon: true,
+                    size: "3xs",
+                    "aria-label": "Clear",
+                    onClick: handleClear,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {})
+                })
             })
         ]
     });

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

@@ -1,9 +1,12 @@
 import * as React from 'react';
-export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+import { type InputGroupInputProps, type InputGroupProps } from './input-group';
+export interface SearchProps extends Omit<InputGroupInputProps, 'onChange'> {
     value?: string;
     onChange?: (value: string) => void;
     onClear?: () => void;
     showClearButton?: boolean;
+    variant?: InputGroupProps['variant'];
+    size?: InputGroupProps['size'];
 }
 declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
 export interface SearchWithSuggestionsProps {

package/dist/components/ui/search.js

@@ -1,45 +1,42 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search, X } from "lucide-react";
 import { forwardRef, useEffect, useState } from "react";
-import { Button } from "./button.js";
 import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from "./command.js";
-import { Input } from "./input.js";
+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, ...props }, ref)=>{
+const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, variant, size, ...props }, ref)=>{
     const handleClear = ()=>{
         onChange?.('');
         onClear?.();
     };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "relative",
+    return /*#__PURE__*/ jsxs(InputGroup, {
+        variant: variant,
+        size: size,
         children: [
-            /*#__PURE__*/ jsx(Search, {
-                className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
+            /*#__PURE__*/ jsx(InputGroupAddon, {
+                align: "inline-start",
+                children: /*#__PURE__*/ jsx(Search, {
+                    className: "text-muted-foreground"
+                })
             }),
-            /*#__PURE__*/ jsx(Input, {
+            /*#__PURE__*/ jsx(InputGroupInput, {
                 ref: ref,
                 type: "search",
-                className: cn('pl-8 pr-8', className),
+                className: className,
                 value: value,
                 onChange: (e)=>onChange?.(e.target.value),
                 ...props
             }),
-            showClearButton && value && /*#__PURE__*/ jsxs(Button, {
-                type: "button",
-                variant: "ghost",
-                icon: true,
-                className: "absolute right-0 top-0 h-full w-8 hover:bg-transparent",
-                onClick: handleClear,
-                children: [
-                    /*#__PURE__*/ jsx(X, {
-                        className: "h-4 w-4"
-                    }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "sr-only",
-                        children: "Clear"
-                    })
-                ]
+            showClearButton && value && /*#__PURE__*/ jsx(InputGroupAddon, {
+                align: "inline-end",
+                children: /*#__PURE__*/ jsx(InputGroupButton, {
+                    icon: true,
+                    size: "3xs",
+                    "aria-label": "Clear",
+                    onClick: handleClear,
+                    children: /*#__PURE__*/ jsx(X, {})
+                })
             })
         ]
     });

package/dist/index.cjs

@@ -150,20 +150,21 @@ __webpack_require__.d(__webpack_exports__, {
     Calendar: ()=>calendar_cjs_namespaceObject.Calendar,
     DialogTitle: ()=>dialog_cjs_namespaceObject.DialogTitle,
     SheetTrigger: ()=>sheet_cjs_namespaceObject.SheetTrigger,
+    InputGroupAddon: ()=>input_group_cjs_namespaceObject.InputGroupAddon,
     StatsCard: ()=>stats_card_cjs_namespaceObject.StatsCard,
-    TableHeader: ()=>table_cjs_namespaceObject.TableHeader,
     Popover: ()=>popover_cjs_namespaceObject.Popover,
     AlertTitle: ()=>alert_cjs_namespaceObject.AlertTitle,
-    TabsTrigger: ()=>tabs_cjs_namespaceObject.TabsTrigger,
+    TableHeader: ()=>table_cjs_namespaceObject.TableHeader,
     Collapsible: ()=>collapsible_cjs_namespaceObject.Collapsible,
     TableCell: ()=>table_cjs_namespaceObject.TableCell,
-    Toaster: ()=>sonner_cjs_namespaceObject.Toaster,
+    TabsTrigger: ()=>tabs_cjs_namespaceObject.TabsTrigger,
     DateTimePicker: ()=>datetime_picker_cjs_namespaceObject.DateTimePicker,
-    Tooltip: ()=>tooltip_cjs_namespaceObject.Tooltip,
+    Toaster: ()=>sonner_cjs_namespaceObject.Toaster,
     Toggle: ()=>toggle_cjs_namespaceObject.Toggle,
     Switch: ()=>switch_cjs_namespaceObject.Switch,
     PaginationEllipsis: ()=>pagination_cjs_namespaceObject.PaginationEllipsis,
     DialogDescription: ()=>dialog_cjs_namespaceObject.DialogDescription,
+    Tooltip: ()=>tooltip_cjs_namespaceObject.Tooltip,
     TooltipPortal: ()=>tooltip_cjs_namespaceObject.TooltipPortal,
     AlertDialogHeader: ()=>alert_dialog_cjs_namespaceObject.AlertDialogHeader,
     CommandShortcut: ()=>command_cjs_namespaceObject.CommandShortcut,
@@ -181,13 +182,16 @@ __webpack_require__.d(__webpack_exports__, {
     validationPlugin: ()=>form_plugins_cjs_namespaceObject.validationPlugin,
     ContextMenuTrigger: ()=>context_menu_cjs_namespaceObject.ContextMenuTrigger,
     Table: ()=>table_cjs_namespaceObject.Table,
+    InputGroupText: ()=>input_group_cjs_namespaceObject.InputGroupText,
     CommandGroup: ()=>command_cjs_namespaceObject.CommandGroup,
     BreadcrumbPage: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbPage,
     RulesEngine: ()=>rules_engine_cjs_namespaceObject.RulesEngine,
     ToggleGroupItem: ()=>toggle_group_cjs_namespaceObject.ToggleGroupItem,
     ContextMenuPortal: ()=>context_menu_cjs_namespaceObject.ContextMenuPortal,
-    SelectContent: ()=>select_cjs_namespaceObject.SelectContent,
+    InputGroupButton: ()=>input_group_cjs_namespaceObject.InputGroupButton,
     ContextMenuRadioGroup: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioGroup,
+    SelectContent: ()=>select_cjs_namespaceObject.SelectContent,
+    InputGroup: ()=>input_group_cjs_namespaceObject.InputGroup,
     CommandList: ()=>command_cjs_namespaceObject.CommandList,
     BreadcrumbList: ()=>breadcrumb_cjs_namespaceObject.BreadcrumbList,
     AccordionTrigger: ()=>accordion_cjs_namespaceObject.AccordionTrigger,
@@ -222,15 +226,16 @@ __webpack_require__.d(__webpack_exports__, {
     Progress: ()=>progress_cjs_namespaceObject.Progress,
     ResizableHandle: ()=>resizable_cjs_namespaceObject.ResizableHandle,
     AlertDialogCancel: ()=>alert_dialog_cjs_namespaceObject.AlertDialogCancel,
+    InputGroupTextarea: ()=>input_group_cjs_namespaceObject.InputGroupTextarea,
     Search: ()=>search_cjs_namespaceObject.Search,
     SheetContent: ()=>sheet_cjs_namespaceObject.SheetContent,
-    TableRow: ()=>table_cjs_namespaceObject.TableRow,
     AlertDescription: ()=>alert_cjs_namespaceObject.AlertDescription,
-    ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
+    TableRow: ()=>table_cjs_namespaceObject.TableRow,
     ContextMenuRadioItem: ()=>context_menu_cjs_namespaceObject.ContextMenuRadioItem,
     Dialog: ()=>dialog_cjs_namespaceObject.Dialog,
     DatePicker: ()=>date_picker_cjs_namespaceObject.DatePicker,
     SelectTrigger: ()=>select_cjs_namespaceObject.SelectTrigger,
+    ToggleGroup: ()=>toggle_group_cjs_namespaceObject.ToggleGroup,
     spinnerVariants: ()=>spinner_cjs_namespaceObject.spinnerVariants,
     DataTransformers: ()=>data_fetcher_cjs_namespaceObject.DataTransformers,
     RadioGroupItem: ()=>radio_group_cjs_namespaceObject.RadioGroupItem,
@@ -246,6 +251,7 @@ __webpack_require__.d(__webpack_exports__, {
     HoverCardContent: ()=>hover_card_cjs_namespaceObject.HoverCardContent,
     ScrollBar: ()=>scroll_area_cjs_namespaceObject.ScrollBar,
     FileUpload: ()=>file_upload_cjs_namespaceObject.FileUpload,
+    InputGroupInput: ()=>input_group_cjs_namespaceObject.InputGroupInput,
     autoSavePlugin: ()=>form_plugins_cjs_namespaceObject.autoSavePlugin
 });
 const utils_cjs_namespaceObject = require("./lib/utils.cjs");
@@ -257,6 +263,7 @@ const button_group_cjs_namespaceObject = require("./components/ui/button-group.c
 const toggle_cjs_namespaceObject = require("./components/ui/toggle.cjs");
 const toggle_group_cjs_namespaceObject = require("./components/ui/toggle-group.cjs");
 const input_cjs_namespaceObject = require("./components/ui/input.cjs");
+const input_group_cjs_namespaceObject = require("./components/ui/input-group.cjs");
 const textarea_cjs_namespaceObject = require("./components/ui/textarea.cjs");
 const label_cjs_namespaceObject = require("./components/ui/label.cjs");
 const checkbox_cjs_namespaceObject = require("./components/ui/checkbox.cjs");
@@ -431,6 +438,12 @@ exports.HoverCard = __webpack_exports__.HoverCard;
 exports.HoverCardContent = __webpack_exports__.HoverCardContent;
 exports.HoverCardTrigger = __webpack_exports__.HoverCardTrigger;
 exports.Input = __webpack_exports__.Input;
+exports.InputGroup = __webpack_exports__.InputGroup;
+exports.InputGroupAddon = __webpack_exports__.InputGroupAddon;
+exports.InputGroupButton = __webpack_exports__.InputGroupButton;
+exports.InputGroupInput = __webpack_exports__.InputGroupInput;
+exports.InputGroupText = __webpack_exports__.InputGroupText;
+exports.InputGroupTextarea = __webpack_exports__.InputGroupTextarea;
 exports.Label = __webpack_exports__.Label;
 exports.MetadataForm = __webpack_exports__.MetadataForm;
 exports.MultiSelect = __webpack_exports__.MultiSelect;
@@ -646,6 +659,12 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "HoverCardContent",
     "HoverCardTrigger",
     "Input",
+    "InputGroup",
+    "InputGroupAddon",
+    "InputGroupButton",
+    "InputGroupInput",
+    "InputGroupText",
+    "InputGroupTextarea",
     "Label",
     "MetadataForm",
     "MultiSelect",

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { Toggle, toggleVariants } from './components/ui/toggle';
 export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group';
 export { Input } from './components/ui/input';
 export type { InputProps } from './components/ui/input';
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, } from './components/ui/input-group';
+export type { InputGroupProps, InputGroupAddonProps, InputGroupButtonProps, InputGroupTextProps, InputGroupInputProps, InputGroupTextareaProps, } from './components/ui/input-group';
 export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
 export { Label } from './components/ui/label';

package/dist/index.js

@@ -7,6 +7,7 @@ import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "./components
 import { Toggle, toggleVariants } from "./components/ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
 import { Input } from "./components/ui/input.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
 import { Textarea } from "./components/ui/textarea.js";
 import { Label } from "./components/ui/label.js";
 import { Checkbox } from "./components/ui/checkbox.js";
@@ -63,4 +64,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PromptEditor, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PromptEditor, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -619,9 +619,6 @@
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
-  .top-2\.5 {
-    top: calc(var(--spacing) * 2.5);
-  }
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
@@ -682,9 +679,6 @@
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
-  .left-2\.5 {
-    left: calc(var(--spacing) * 2.5);
-  }
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
@@ -706,6 +700,12 @@
   .z-50 {
     z-index: 50;
   }
+  .order-first {
+    order: -9999;
+  }
+  .order-last {
+    order: 9999;
+  }
   .col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -1650,6 +1650,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .cursor-text {
+    cursor: text;
+  }
   .touch-none {
     touch-action: none;
   }
@@ -3536,9 +3539,6 @@
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
-  .pr-8 {
-    padding-right: calc(var(--spacing) * 8);
-  }
   .pr-9 {
     padding-right: calc(var(--spacing) * 9);
   }
@@ -4376,6 +4376,11 @@
       }
     }
   }
+  .group-has-\[\[data-slot\=input-group-control\]\:disabled\]\/input-group\:opacity-50 {
+    &:is(:where(.group\/input-group):has(*:is([data-slot=input-group-control]:disabled)) *) {
+      opacity: 50%;
+    }
+  }
   .group-data-\[focused\=true\]\/day\:relative {
     &:is(:where(.group\/day)[data-focused="true"] *) {
       position: relative;
@@ -5345,6 +5350,50 @@
       }
     }
   }
+  .has-\[\[data-slot\=input-group-control\]\:disabled\]\:cursor-not-allowed {
+    &:has(*:is([data-slot=input-group-control]:disabled)) {
+      cursor: not-allowed;
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]\:disabled\]\:opacity-50 {
+    &:has(*:is([data-slot=input-group-control]:disabled)) {
+      opacity: 50%;
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-2 {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
+    &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+      --tw-ring-color: var(--ring);
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      border-color: var(--destructive);
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
+    &:has(*:is([data-slot][aria-invalid=true])) {
+      --tw-ring-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
+    }
+  }
+  .has-\[\>textarea\]\:h-auto {
+    &:has(>textarea) {
+      height: auto;
+    }
+  }
+  .has-\[\>textarea\]\:items-start {
+    &:has(>textarea) {
+      align-items: flex-start;
+    }
+  }
   .aria-disabled\:opacity-50 {
     &[aria-disabled="true"] {
       opacity: 50%;
@@ -6053,6 +6102,11 @@
       fill: var(--foreground-accent);
     }
   }
+  .future\:p-0 {
+    :is(.future-dark, .future-light) & {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
   .future\:px-4 {
     :is(.future-dark, .future-light) & {
       padding-inline: calc(var(--spacing) * 4);
@@ -6197,6 +6251,21 @@
       }
     }
   }
+  .future\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2 {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+        --tw-ring-offset-width: 2px;
+        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+      }
+    }
+  }
+  .future\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-background {
+    :is(.future-dark, .future-light) & {
+      &:has(*:is([data-slot=input-group-control]:focus-visible)) {
+        --tw-ring-offset-color: var(--background);
+      }
+    }
+  }
   .future\:data-\[state\=checked\]\:border-foreground-accent {
     :is(.future-dark, .future-light) & {
       &[data-state="checked"] {
@@ -6393,6 +6462,12 @@
       pointer-events: none;
     }
   }
+  .\[\&_svg\]\:size-3 {
+    & svg {
+      width: calc(var(--spacing) * 3);
+      height: calc(var(--spacing) * 3);
+    }
+  }
   .\[\&_svg\]\:size-4 {
     & svg {
       width: calc(var(--spacing) * 4);
@@ -6683,6 +6758,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .\[\&\>svg\:not\(\[class\*\=\"size-\"\]\)\]\:size-4 {
+    &>svg:not([class*="size-"]) {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
   .\[\&\>svg\~\*\]\:pl-7 {
     &>svg~* {
       padding-left: calc(var(--spacing) * 7);

package/package.json

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