@yahoo/uds 3.157.0 → 3.158.0

package/generated/componentData.json

@@ -1121,6 +1121,7 @@
       "uds-ring",
       "uds-hit-target",
       "inline-flex",
+      "max-w-full",
       "overflow-hidden",
       "justify-center",
       "items-center",
@@ -1137,8 +1138,10 @@
       "withIcon",
       "uds-button-with-gap",
       "animate-spin",
+      "min-w-0",
       "truncate",
       "flex",
+      "shrink-0",
       "overflow-clip",
       "uds-button-icon-container"
     ],
@@ -1527,6 +1530,7 @@
       "menuitemItemVariantRoot": "default",
       "menuitemItemVariantActiveRoot": "on",
       "menuitemItemVariantActiveRoot:1": "off",
+      "menuitemSizeText": "default",
       "menuitemItemVariantText": "default",
       "menuitemItemVariantActiveText": "on",
       "menuitemItemVariantActiveText:1": "off",
@@ -2253,198 +2257,146 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "UDSConfigProvider": {
-    "name": "UDSConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigProvider",
-      "UDSBottomSheetConfigProvider",
-      "UDSToastConfigProvider",
-      "UDSTooltipConfigProvider",
-      "UDSPopoverConfigProvider",
-      "UDSModalConfigProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "UDSBreakpointsConfigProvider": {
-    "name": "UDSBreakpointsConfigProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "UDSBreakpointsConfigContext.Provider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "TabList": {
-    "name": "TabList",
+  "Select": {
+    "name": "Select",
     "defaultProps": {
-      "variant": "primary"
+      "size": "md",
+      "width": "full",
+      "defaultValue": ""
     },
     "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "on"
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled",
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
     },
     "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!m-0",
-      "!p-0",
-      "!gap-0",
-      "box-border",
-      "z-0",
-      "min-w-0",
-      "min-h-0",
+      "opacity-50",
       "flex",
-      "flex-row",
+      "w-full",
       "items-center",
-      "overflow-x-auto",
-      "overflow-y-clip",
-      "scrollbar-none",
-      "[overflow-clip-margin:6px]",
-      "overflow-clip",
-      "[overflow-clip-margin:8px]",
-      "relative",
-      "left",
-      "240ms",
-      "cubic-bezier(0.2,",
-      "0,",
-      "1),",
-      "top",
-      "width",
-      "height",
-      "1)",
-      "--uds-tab-underline-color",
-      "--uds-tab-underline-width"
+      "min-w-[200px]",
+      "uds-ring-shadow",
+      "uds-ring-within",
+      "uds-select-field-trigger",
+      "grow",
+      "bg-transparent",
+      "bg-clip-text",
+      "text-left",
+      "focus-visible:outline-none",
+      "cursor-not-allowed",
+      "cursor-pointer",
+      "text-muted"
     ],
     "internalComponents": [
-      "AriakitTabList"
+      "SelectTrigger",
+      "SelectHelpText",
+      "SelectFieldContext.Provider",
+      "VStack",
+      "Box",
+      "SpringMotionConfig",
+      "AriakitSelectProvider",
+      "SelectRoot"
     ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {
-      "variant": [
-        "tabsVariantRoot",
-        "tabVariantRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Tabs": {
-    "name": "Tabs",
-    "defaultProps": {
-      "variant": "primary"
+    "internalComponentProps": {
+      "Box": {
+        "spacingBottom": [
+          "2"
+        ],
+        "columnGap": [
+          "0.5"
+        ],
+        "alignItems": [
+          "flex-end"
+        ]
+      },
+      "SpringMotionConfig": {
+        "reducedMotion": [
+          "user"
+        ]
+      }
     },
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "TabsContext.Provider",
-      "TabProvider"
-    ],
-    "internalComponentProps": {},
     "propToVariantKeys": {
-      "onSelectionChange": [
-        "setSelectedId"
+      "size": [
+        "inputSizeRoot",
+        "inputSizeLabel",
+        "inputSizeInputWrapperStatic",
+        "inputSizeInputWrapperDynamic",
+        "inputSizeInput",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon",
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
       ]
     },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-subtle-3-",
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "Tab": {
-    "name": "Tab",
+  "SelectContent": {
+    "name": "SelectContent",
     "defaultProps": {
-      "variant": "primary"
-    },
-    "getStylesLiterals": {
-      "tabSizeRoot": "default",
-      "tabVariantActiveRoot": "off",
-      "tabVariantActiveRoot:1": "on",
-      "tabSizeIcon": "default"
+      "size": "default",
+      "variant": "default"
     },
+    "getStylesLiterals": {},
     "cxLiterals": [
-      "pointer-events-none",
-      "absolute",
-      "bottom-0",
-      "left-0",
-      "right-0",
-      "h-[var(--uds-tab-underline-width,0px)]",
-      "bg-[var(--uds-tab-underline-color,transparent)]",
-      "transition-[height,background-color]",
-      "duration-[240ms]",
-      "ease-[cubic-bezier(0.2,0,0,1)]",
-      "!bg-transparent",
-      "!shadow-none",
-      "inline-flex",
-      "items-center",
-      "shrink-0",
-      "box-border",
-      "relative",
-      "z-[1]",
-      "cursor-pointer",
-      "select-none",
-      "whitespace-nowrap",
-      "uds-ring",
-      "opacity-50",
-      "cursor-default",
-      "border-solid",
-      "border-b-solid",
-      "transition-colors"
+      "z-50",
+      "focus:outline-none"
     ],
     "internalComponents": [
-      "IconSlot",
-      "AriakitTab",
-      "Text"
+      "SelectPopover",
+      "VStack"
     ],
     "internalComponentProps": {
-      "Text": {
-        "variant": [
-          "inherit"
+      "VStack": {
+        "elevation": [
+          "3"
         ],
-        "as": [
-          "span"
+        "overflow": [
+          "auto"
         ],
-        "color": [
-          "current"
+        "borderRadius": [
+          "md"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "tabVariantRoot",
-        "tabVariantIcon"
-      ],
-      "activeState": [
-        "tabVariantActiveIcon"
-      ],
-      "startIcon": [
-        "icon"
+      "size": [
+        "selectcontentSizeRoot"
       ],
-      "endIcon": [
-        "icon"
+      "variant": [
+        "selectcontentVariantRoot"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -2452,17 +2404,562 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "TabPanel": {
-    "name": "TabPanel",
+  "SelectHelpText": {
+    "name": "SelectHelpText",
     "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitTabPanel"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled",
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
+    },
+    "cxLiterals": [
+      "opacity-50",
+      "flex",
+      "w-full",
+      "items-center",
+      "min-w-[200px]",
+      "uds-ring-shadow",
+      "uds-ring-within",
+      "uds-select-field-trigger",
+      "grow",
+      "bg-transparent",
+      "bg-clip-text",
+      "text-left",
+      "focus-visible:outline-none",
+      "cursor-not-allowed",
+      "cursor-pointer",
+      "text-muted"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AnimateHeightChange",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "AnimateHeightChange": {
+        "layoutVariant": [
+          "bouncy"
+        ]
+      },
+      "HStack": {
+        "gap": [
+          "1"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "spacingTop": [
+          "2"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot",
+        "inputSizeLabel",
+        "inputSizeInputWrapperStatic",
+        "inputSizeInputWrapperDynamic",
+        "inputSizeInput",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon",
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "helperTextIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "SelectValue": {
+    "name": "SelectValue",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitSelectValue"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "SelectTrigger": {
+    "name": "SelectTrigger",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled",
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
+    },
+    "cxLiterals": [
+      "flex",
+      "w-full",
+      "min-w-0",
+      "items-center",
+      "border-0",
+      "bg-transparent",
+      "rounded-[inherit]",
+      "outline-none",
+      "shadow-none",
+      "uds-hit-target",
+      "cursor-not-allowed",
+      "cursor-pointer",
+      "self-stretch",
+      "truncate",
+      "text-left",
+      "opacity-50",
+      "min-w-[200px]",
+      "uds-ring-shadow",
+      "uds-ring-within",
+      "uds-select-field-trigger",
+      "grow",
+      "bg-clip-text",
+      "focus-visible:outline-none",
+      "text-muted"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "StartIcon",
+      "SelectValue",
+      "EndIcon",
+      "Box",
+      "AriakitSelect",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "position": [
+          "relative"
+        ],
+        "display": [
+          "flex"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "width": [
+          "full"
+        ]
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "gap": [
+          "1"
+        ],
+        "className": [
+          "shrink-0"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot",
+        "inputSizeLabel",
+        "inputSizeInputWrapperStatic",
+        "inputSizeInputWrapperDynamic",
+        "inputSizeInput",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon",
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "placeholder": [
+        "fallback"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "SelectItem": {
+    "name": "SelectItem",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "selectitemItemVariantRoot": "default",
+      "selectitemItemVariantActiveRoot": "on",
+      "selectitemItemVariantActiveRoot:1": "off",
+      "selectitemSizeText": "default",
+      "selectitemItemVariantText": "default",
+      "selectitemItemVariantActiveText": "on",
+      "selectitemItemVariantActiveText:1": "off",
+      "selectitemItemVariantIcon": "default",
+      "selectitemItemVariantActiveIcon": "on",
+      "selectitemItemVariantActiveIcon:1": "off",
+      "textAlign": "start",
+      "selectitemSizeRoot": "default",
+      "flexDirection": "row",
+      "spacing": "0",
+      "spacingHorizontal": "4",
+      "spacingVertical": "3.5",
+      "columnGap": "2",
+      "alignItems": "center",
+      "justifyContent": "space-between",
+      "width": "full",
+      "selectitemSizeStartIcon": "default",
+      "selectitemSizeEndIcon": "default"
+    },
+    "cxLiterals": [
+      "uds-select-item",
+      "flex",
+      "cursor-pointer",
+      "outline-none",
+      "data-[active-item]:z-10",
+      "uds-ring",
+      "!-outline-offset-2",
+      "duration-20",
+      "transition-[font-variation-settings]",
+      "ease-in-out",
+      "z-0",
+      "opacity-50",
+      "cursor-not-allowed",
+      "truncate",
+      "uds-start-icon",
+      "inline-flex",
+      "shrink-0",
+      "items-center",
+      "uds-end-icon"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AriakitSelectItem",
+      "HStack",
+      "AnimatePresence"
+    ],
+    "internalComponentProps": {
+      "HStack": {
+        "gap": [
+          "2"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "width": [
+          "full"
+        ]
+      },
+      "AnimatePresence": {
+        "mode": [
+          "popLayout"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "startIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "SelectDivider": {
+    "name": "SelectDivider",
+    "defaultProps": {
+      "contentPosition": "start",
+      "gap": "4"
+    },
+    "getStylesLiterals": {
+      "selectitemDividerVariantRoot": "default",
+      "selectitemDividerVariantText": "default",
+      "selectitemDividerVariantLine": "default"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "Divider"
+    ],
+    "internalComponentProps": {
+      "Divider": {
+        "variant": [
+          "inherit"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSConfigProvider": {
+    "name": "UDSConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigProvider",
+      "UDSBottomSheetConfigProvider",
+      "UDSToastConfigProvider",
+      "UDSTooltipConfigProvider",
+      "UDSPopoverConfigProvider",
+      "UDSModalConfigProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "UDSBreakpointsConfigProvider": {
+    "name": "UDSBreakpointsConfigProvider",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "UDSBreakpointsConfigContext.Provider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TabList": {
+    "name": "TabList",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "on"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!m-0",
+      "!p-0",
+      "!gap-0",
+      "box-border",
+      "z-0",
+      "min-w-0",
+      "min-h-0",
+      "flex",
+      "flex-row",
+      "items-center",
+      "overflow-x-auto",
+      "overflow-y-clip",
+      "scrollbar-none",
+      "[overflow-clip-margin:6px]",
+      "overflow-clip",
+      "[overflow-clip-margin:8px]",
+      "relative",
+      "left",
+      "240ms",
+      "cubic-bezier(0.2,",
+      "0,",
+      "1),",
+      "top",
+      "width",
+      "height",
+      "1)",
+      "--uds-tab-underline-color",
+      "--uds-tab-underline-width"
+    ],
+    "internalComponents": [
+      "AriakitTabList"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "variant": [
+        "tabsVariantRoot",
+        "tabVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tabs": {
+    "name": "Tabs",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "TabsContext.Provider",
+      "TabProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {
+      "onSelectionChange": [
+        "setSelectedId"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Tab": {
+    "name": "Tab",
+    "defaultProps": {
+      "variant": "primary"
+    },
+    "getStylesLiterals": {
+      "tabSizeRoot": "default",
+      "tabVariantActiveRoot": "off",
+      "tabVariantActiveRoot:1": "on",
+      "tabSizeIcon": "default"
+    },
+    "cxLiterals": [
+      "pointer-events-none",
+      "absolute",
+      "bottom-0",
+      "left-0",
+      "right-0",
+      "h-[var(--uds-tab-underline-width,0px)]",
+      "bg-[var(--uds-tab-underline-color,transparent)]",
+      "transition-[height,background-color]",
+      "duration-[240ms]",
+      "ease-[cubic-bezier(0.2,0,0,1)]",
+      "!bg-transparent",
+      "!shadow-none",
+      "inline-flex",
+      "items-center",
+      "shrink-0",
+      "box-border",
+      "relative",
+      "z-[1]",
+      "cursor-pointer",
+      "select-none",
+      "whitespace-nowrap",
+      "uds-ring",
+      "opacity-50",
+      "cursor-default",
+      "border-solid",
+      "border-b-solid",
+      "transition-colors"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "AriakitTab",
+      "Text"
+    ],
+    "internalComponentProps": {
+      "Text": {
+        "variant": [
+          "inherit"
+        ],
+        "as": [
+          "span"
+        ],
+        "color": [
+          "current"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "tabVariantRoot",
+        "tabVariantIcon"
+      ],
+      "activeState": [
+        "tabVariantActiveIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "TabPanel": {
+    "name": "TabPanel",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitTabPanel"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
@@ -2903,248 +3400,39 @@
         ]
       }
     },
-    "motionVarPrefixes": []
-  },
-  "PopoverContext": {
-    "name": "PopoverContext",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PopoverTrigger": {
-    "name": "PopoverTrigger",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverDisclosure"
-    ],
-    "internalComponentProps": {
-      "PopoverDisclosure": {
-        "className": [
-          "inline"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "children": [
-        "render"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Popover": {
-    "name": "Popover",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds:popover-open"
-    ],
-    "internalComponents": [
-      "PopoverInternalContext.Provider",
-      "PopoverProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "popover.defaultSize",
-      "variant": "popover.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "InputHelpText": {
-    "name": "InputHelpText",
-    "defaultProps": {
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled"
-    },
-    "cxLiterals": [],
-    "internalComponents": [
-      "InputHelpTextInternal",
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "spacingTop": [
-          "2"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Input": {
-    "name": "Input",
-    "defaultProps": {
-      "type": "text",
-      "size": "md",
-      "width": "full"
-    },
-    "getStylesLiterals": {
-      "inputVariantRoot": "default",
-      "inputVariantValueRoot": "empty",
-      "inputVariantValueRoot:1": "filled",
-      "inputVariantInputWrapper": "default",
-      "inputVariantValueInputWrapper": "empty",
-      "inputVariantValueInputWrapper:1": "filled",
-      "inputVariantInput": "default",
-      "inputVariantValueInput": "empty",
-      "inputVariantValueInput:1": "filled",
-      "inputVariantInputPlaceholder": "default",
-      "inputVariantValueInputPlaceholder": "empty",
-      "inputVariantValueInputPlaceholder:1": "filled",
-      "inputVariantLabel": "default",
-      "inputVariantValueLabel": "empty",
-      "inputVariantValueLabel:1": "filled",
-      "inputVariantLabelRequired": "default",
-      "inputVariantValueLabelRequired": "empty",
-      "inputVariantValueLabelRequired:1": "filled",
-      "inputVariantStartIcon": "default",
-      "inputVariantValueStartIcon": "empty",
-      "inputVariantValueStartIcon:1": "filled",
-      "inputVariantEndIcon": "default",
-      "inputVariantValueEndIcon": "empty",
-      "inputVariantValueEndIcon:1": "filled"
-    },
-    "cxLiterals": [
-      "opacity-50",
-      "min-w-[200px]",
-      "grow",
-      "uds-hit-target",
-      "bg-transparent",
-      "bg-clip-text",
-      "focus-visible:outline-none",
-      "cursor-text",
-      "cursor-not-allowed"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "StartIcon",
-      "EndIcon",
-      "HelpTextContent",
-      "Box",
-      "InputHelpTextInternal",
-      "VStack",
-      "HStack",
-      "AnimateHeightChange"
-    ],
-    "internalComponentProps": {
-      "HelpTextContent": {
-        "spacingTop": [
-          "2"
-        ]
-      },
-      "Box": {
-        "spacingBottom": [
-          "2"
-        ],
-        "columnGap": [
-          "0.5"
-        ],
-        "alignItems": [
-          "flex-end",
-          "center"
-        ],
-        "position": [
-          "relative"
-        ]
-      },
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "gap": [
-          "1"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "inputSizeRoot",
-        "inputSizeInputWrapperStatic",
-        "inputSizeInputWrapperDynamic",
-        "inputSizeInput",
-        "inputSizeLabel",
-        "inputSizeStartIcon",
-        "inputSizeEndIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ],
-      "slotProps": [
-        "helperTextSlotProps"
-      ],
-      "helperTextIcon": [
-        "startIcon"
-      ]
-    },
+    "motionVarPrefixes": []
+  },
+  "PopoverContext": {
+    "name": "PopoverContext",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "InputHelpTextInternal": {
-    "name": "InputHelpTextInternal",
+  "PopoverTrigger": {
+    "name": "PopoverTrigger",
     "defaultProps": {},
-    "getStylesLiterals": {
-      "inputVariantHelperText": "default",
-      "inputVariantValueHelperText": "empty",
-      "inputVariantValueHelperText:1": "filled",
-      "inputVariantHelperIcon": "default",
-      "inputVariantValueHelperIcon": "empty",
-      "inputVariantValueHelperIcon:1": "filled"
-    },
+    "getStylesLiterals": {},
     "cxLiterals": [],
     "internalComponents": [
-      "IconSlot",
-      "HStack"
+      "PopoverDisclosure"
     ],
     "internalComponentProps": {
-      "HStack": {
-        "gap": [
-          "1"
-        ],
-        "alignItems": [
-          "center"
+      "PopoverDisclosure": {
+        "className": [
+          "inline"
         ]
       }
     },
     "propToVariantKeys": {
-      "size": [
-        "inputSizeHelperText",
-        "inputSizeHelperIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
+      "children": [
+        "render"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -3152,6 +3440,27 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "Popover": {
+    "name": "Popover",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds:popover-open"
+    ],
+    "internalComponents": [
+      "PopoverInternalContext.Provider",
+      "PopoverProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
+    },
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "ChipButton": {
     "name": "ChipButton",
     "defaultProps": {
@@ -3353,6 +3662,196 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "InputHelpText": {
+    "name": "InputHelpText",
+    "defaultProps": {
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "InputHelpTextInternal",
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "spacingTop": [
+          "2"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Input": {
+    "name": "Input",
+    "defaultProps": {
+      "type": "text",
+      "size": "md",
+      "width": "full"
+    },
+    "getStylesLiterals": {
+      "inputVariantRoot": "default",
+      "inputVariantValueRoot": "empty",
+      "inputVariantValueRoot:1": "filled",
+      "inputVariantInputWrapper": "default",
+      "inputVariantValueInputWrapper": "empty",
+      "inputVariantValueInputWrapper:1": "filled",
+      "inputVariantInput": "default",
+      "inputVariantValueInput": "empty",
+      "inputVariantValueInput:1": "filled",
+      "inputVariantInputPlaceholder": "default",
+      "inputVariantValueInputPlaceholder": "empty",
+      "inputVariantValueInputPlaceholder:1": "filled",
+      "inputVariantLabel": "default",
+      "inputVariantValueLabel": "empty",
+      "inputVariantValueLabel:1": "filled",
+      "inputVariantLabelRequired": "default",
+      "inputVariantValueLabelRequired": "empty",
+      "inputVariantValueLabelRequired:1": "filled",
+      "inputVariantStartIcon": "default",
+      "inputVariantValueStartIcon": "empty",
+      "inputVariantValueStartIcon:1": "filled",
+      "inputVariantEndIcon": "default",
+      "inputVariantValueEndIcon": "empty",
+      "inputVariantValueEndIcon:1": "filled"
+    },
+    "cxLiterals": [
+      "opacity-50",
+      "min-w-[200px]",
+      "uds-ring-shadow",
+      "uds-ring-within",
+      "grow",
+      "uds-hit-target",
+      "bg-transparent",
+      "bg-clip-text",
+      "focus-visible:outline-none",
+      "cursor-text",
+      "cursor-not-allowed"
+    ],
+    "internalComponents": [
+      "IconSlot",
+      "StartIcon",
+      "EndIcon",
+      "HelpTextContent",
+      "Box",
+      "InputHelpTextInternal",
+      "VStack",
+      "HStack",
+      "AnimateHeightChange"
+    ],
+    "internalComponentProps": {
+      "HelpTextContent": {
+        "spacingTop": [
+          "2"
+        ]
+      },
+      "Box": {
+        "spacingBottom": [
+          "2"
+        ],
+        "columnGap": [
+          "0.5"
+        ],
+        "alignItems": [
+          "flex-end",
+          "center"
+        ],
+        "position": [
+          "relative"
+        ]
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "gap": [
+          "1"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeRoot",
+        "inputSizeInputWrapperStatic",
+        "inputSizeInputWrapperDynamic",
+        "inputSizeInput",
+        "inputSizeLabel",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "slotProps": [
+        "helperTextSlotProps"
+      ],
+      "helperTextIcon": [
+        "startIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "InputHelpTextInternal": {
+    "name": "InputHelpTextInternal",
+    "defaultProps": {},
+    "getStylesLiterals": {
+      "inputVariantHelperText": "default",
+      "inputVariantValueHelperText": "empty",
+      "inputVariantValueHelperText:1": "filled",
+      "inputVariantHelperIcon": "default",
+      "inputVariantValueHelperIcon": "empty",
+      "inputVariantValueHelperIcon:1": "filled"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "IconSlot",
+      "HStack"
+    ],
+    "internalComponentProps": {
+      "HStack": {
+        "gap": [
+          "1"
+        ],
+        "alignItems": [
+          "center"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "inputSizeHelperText",
+        "inputSizeHelperIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "AvatarImage": {
     "name": "AvatarImage",
     "defaultProps": {