@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/tabs.cjs

@@ -30,27 +30,112 @@ __webpack_require__.d(__webpack_exports__, {
     TabsContent: ()=>TabsContent
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Tabs = react_tabs_namespaceObject.Root;
-const TabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.List, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
-        ...props
-    }));
+const TabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.List, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsList.displayName = react_tabs_namespaceObject.List.displayName;
-const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
-        ...props
-    }));
+const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsTrigger.displayName = react_tabs_namespaceObject.Trigger.displayName;
-const TabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
-        ...props
-    }));
+const TabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsContent.displayName = react_tabs_namespaceObject.Content.displayName;
 exports.Tabs = __webpack_exports__.Tabs;
 exports.TabsContent = __webpack_exports__.TabsContent;

package/dist/components/ui/tabs.js

@@ -1,24 +1,109 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Tabs = Root;
-const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
-        ref: ref,
-        className: cn('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className),
-        ...props
-    }));
+const TabsList = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(List, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsList.displayName = List.displayName;
-const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
-        ref: ref,
-        className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
-        ...props
-    }));
+const TabsTrigger = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Trigger, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsTrigger.displayName = Trigger.displayName;
-const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        className: cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className),
-        ...props
-    }));
+const TabsContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            className: t1,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 TabsContent.displayName = Content.displayName;
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/ui/textarea.cjs

@@ -27,13 +27,42 @@ __webpack_require__.d(__webpack_exports__, {
     Textarea: ()=>Textarea
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
-        className: (0, index_cjs_namespaceObject.cn)('flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors 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', className),
-        ref: ref,
-        ...props
-    }));
+const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors 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", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+            className: t1,
+            ref: ref,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 Textarea.displayName = 'Textarea';
 exports.Textarea = __webpack_exports__.Textarea;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ui/textarea.js

@@ -1,10 +1,39 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const Textarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("textarea", {
-        className: cn('flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors 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', className),
-        ref: ref,
-        ...props
-    }));
+const Textarea = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(9);
+    let className;
+    let props;
+    if ($[0] !== t0) {
+        ({ className, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = props;
+    } else {
+        className = $[1];
+        props = $[2];
+    }
+    let t1;
+    if ($[3] !== className) {
+        t1 = cn("flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors 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", className);
+        $[3] = className;
+        $[4] = t1;
+    } else t1 = $[4];
+    let t2;
+    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+        t2 = /*#__PURE__*/ jsx("textarea", {
+            className: t1,
+            ref: ref,
+            ...props
+        });
+        $[5] = props;
+        $[6] = ref;
+        $[7] = t1;
+        $[8] = t2;
+    } else t2 = $[8];
+    return t2;
+});
 Textarea.displayName = 'Textarea';
 export { Textarea };

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

@@ -28,6 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
     ToggleGroupItem: ()=>ToggleGroupItem
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const react_toggle_group_namespaceObject = require("@radix-ui/react-toggle-group");
 const external_react_namespaceObject = require("react");
 const external_toggle_cjs_namespaceObject = require("./toggle.cjs");
@@ -36,30 +37,122 @@ const ToggleGroupContext = /*#__PURE__*/ external_react_namespaceObject.createCo
     size: 'default',
     variant: 'default'
 });
-const ToggleGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('flex items-center justify-center gap-1', className),
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToggleGroupContext.Provider, {
-            value: {
-                variant,
-                size
-            },
+const ToggleGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(19);
+    let children;
+    let className;
+    let props;
+    let size;
+    let variant;
+    if ($[0] !== t0) {
+        ({ className, variant, size, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = size;
+        $[5] = variant;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        size = $[4];
+        variant = $[5];
+    }
+    let t1;
+    if ($[6] !== className) {
+        t1 = (0, index_cjs_namespaceObject.cn)("flex items-center justify-center gap-1", className);
+        $[6] = className;
+        $[7] = t1;
+    } else t1 = $[7];
+    let t2;
+    if ($[8] !== size || $[9] !== variant) {
+        t2 = {
+            variant,
+            size
+        };
+        $[8] = size;
+        $[9] = variant;
+        $[10] = t2;
+    } else t2 = $[10];
+    let t3;
+    if ($[11] !== children || $[12] !== t2) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToggleGroupContext.Provider, {
+            value: t2,
             children: children
-        })
-    }));
+        });
+        $[11] = children;
+        $[12] = t2;
+        $[13] = t3;
+    } else t3 = $[13];
+    let t4;
+    if ($[14] !== props || $[15] !== ref || $[16] !== t1 || $[17] !== t3) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: t3
+        });
+        $[14] = props;
+        $[15] = ref;
+        $[16] = t1;
+        $[17] = t3;
+        $[18] = t4;
+    } else t4 = $[18];
+    return t4;
+});
 ToggleGroup.displayName = react_toggle_group_namespaceObject.Root.displayName;
-const ToggleGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, variant, size, ...props }, ref)=>{
+const ToggleGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(17);
+    let children;
+    let className;
+    let props;
+    let size;
+    let variant;
+    if ($[0] !== t0) {
+        ({ className, children, variant, size, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = size;
+        $[5] = variant;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        size = $[4];
+        variant = $[5];
+    }
     const context = external_react_namespaceObject.useContext(ToggleGroupContext);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Item, {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)((0, external_toggle_cjs_namespaceObject.toggleVariants)({
+    let t1;
+    if ($[6] !== className || $[7] !== context.size || $[8] !== context.variant || $[9] !== size || $[10] !== variant) {
+        t1 = (0, index_cjs_namespaceObject.cn)((0, external_toggle_cjs_namespaceObject.toggleVariants)({
             variant: context.variant || variant,
             size: context.size || size
-        }), className),
-        ...props,
-        children: children
-    });
+        }), className);
+        $[6] = className;
+        $[7] = context.size;
+        $[8] = context.variant;
+        $[9] = size;
+        $[10] = variant;
+        $[11] = t1;
+    } else t1 = $[11];
+    let t2;
+    if ($[12] !== children || $[13] !== props || $[14] !== ref || $[15] !== t1) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Item, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[12] = children;
+        $[13] = props;
+        $[14] = ref;
+        $[15] = t1;
+        $[16] = t2;
+    } else t2 = $[16];
+    return t2;
 });
 ToggleGroupItem.displayName = react_toggle_group_namespaceObject.Item.displayName;
 exports.ToggleGroup = __webpack_exports__.ToggleGroup;

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

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Item, Root } from "@radix-ui/react-toggle-group";
 import { createContext, forwardRef, useContext } from "react";
 import { toggleVariants } from "./toggle.js";
@@ -7,30 +8,122 @@ const ToggleGroupContext = /*#__PURE__*/ createContext({
     size: 'default',
     variant: 'default'
 });
-const ToggleGroup = /*#__PURE__*/ forwardRef(({ className, variant, size, children, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        ref: ref,
-        className: cn('flex items-center justify-center gap-1', className),
-        ...props,
-        children: /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
-            value: {
-                variant,
-                size
-            },
+const ToggleGroup = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(19);
+    let children;
+    let className;
+    let props;
+    let size;
+    let variant;
+    if ($[0] !== t0) {
+        ({ className, variant, size, children, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = size;
+        $[5] = variant;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        size = $[4];
+        variant = $[5];
+    }
+    let t1;
+    if ($[6] !== className) {
+        t1 = cn("flex items-center justify-center gap-1", className);
+        $[6] = className;
+        $[7] = t1;
+    } else t1 = $[7];
+    let t2;
+    if ($[8] !== size || $[9] !== variant) {
+        t2 = {
+            variant,
+            size
+        };
+        $[8] = size;
+        $[9] = variant;
+        $[10] = t2;
+    } else t2 = $[10];
+    let t3;
+    if ($[11] !== children || $[12] !== t2) {
+        t3 = /*#__PURE__*/ jsx(ToggleGroupContext.Provider, {
+            value: t2,
             children: children
-        })
-    }));
+        });
+        $[11] = children;
+        $[12] = t2;
+        $[13] = t3;
+    } else t3 = $[13];
+    let t4;
+    if ($[14] !== props || $[15] !== ref || $[16] !== t1 || $[17] !== t3) {
+        t4 = /*#__PURE__*/ jsx(Root, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: t3
+        });
+        $[14] = props;
+        $[15] = ref;
+        $[16] = t1;
+        $[17] = t3;
+        $[18] = t4;
+    } else t4 = $[18];
+    return t4;
+});
 ToggleGroup.displayName = Root.displayName;
-const ToggleGroupItem = /*#__PURE__*/ forwardRef(({ className, children, variant, size, ...props }, ref)=>{
+const ToggleGroupItem = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(17);
+    let children;
+    let className;
+    let props;
+    let size;
+    let variant;
+    if ($[0] !== t0) {
+        ({ className, children, variant, size, ...props } = t0);
+        $[0] = t0;
+        $[1] = children;
+        $[2] = className;
+        $[3] = props;
+        $[4] = size;
+        $[5] = variant;
+    } else {
+        children = $[1];
+        className = $[2];
+        props = $[3];
+        size = $[4];
+        variant = $[5];
+    }
     const context = useContext(ToggleGroupContext);
-    return /*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn(toggleVariants({
+    let t1;
+    if ($[6] !== className || $[7] !== context.size || $[8] !== context.variant || $[9] !== size || $[10] !== variant) {
+        t1 = cn(toggleVariants({
             variant: context.variant || variant,
             size: context.size || size
-        }), className),
-        ...props,
-        children: children
-    });
+        }), className);
+        $[6] = className;
+        $[7] = context.size;
+        $[8] = context.variant;
+        $[9] = size;
+        $[10] = variant;
+        $[11] = t1;
+    } else t1 = $[11];
+    let t2;
+    if ($[12] !== children || $[13] !== props || $[14] !== ref || $[15] !== t1) {
+        t2 = /*#__PURE__*/ jsx(Item, {
+            ref: ref,
+            className: t1,
+            ...props,
+            children: children
+        });
+        $[12] = children;
+        $[13] = props;
+        $[14] = ref;
+        $[15] = t1;
+        $[16] = t2;
+    } else t2 = $[16];
+    return t2;
 });
 ToggleGroupItem.displayName = Item.displayName;
 export { ToggleGroup, ToggleGroupItem };