npm - @yahoo/uds - Versions diffs - 3.133.0-beta.2 → 3.133.0-beta.3 - Mend

@yahoo/uds 3.133.0-beta.2 → 3.133.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/cli/runner.cjs +40 -0
package/dist/cli/runner.js +40 -0
package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
package/dist/styles/styler.d.cts +31 -31
package/dist/styles/styler.d.ts +31 -31
package/dist/uds/generated/componentData.cjs +610 -610
package/dist/uds/generated/componentData.js +610 -610
package/generated/componentData.json +802 -802
package/package.json +1 -1

package/generated/componentData.json CHANGED Viewed

@@ -691,6 +691,92 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
+  "Spinner": {
+    "name": "Spinner",
+    "defaultProps": {
+      "color": "primary",
+      "size": "lg"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "self-center",
+      "relative",
+      "sr-only"
+    ],
+    "internalComponents": [
+      "Icon"
+    ],
+    "internalComponentProps": {
+      "Icon": {
+        "role": [
+          "img"
+        ],
+        "className": [
+          "animate-spin"
+        ],
+        "aria-hidden": [
+          "true"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Table.mocks": {
+    "name": "Table.mocks",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "Table": {
+    "name": "Table",
+    "defaultProps": {
+      "display": "table-cell",
+      "overflow": "hidden",
+      "borderColor": "muted",
+      "borderRadius": "md",
+      "spacing": "3",
+      "borderBottomColor": "muted",
+      "borderBottomWidth": "thin",
+      "color": "primary"
+    },
+    "getStylesLiterals": {
+      "textAlign": "start"
+    },
+    "cxLiterals": [],
+    "internalComponents": [
+      "CellComponent",
+      "Box",
+      "Text",
+      "Table.Root",
+      "Table.Header",
+      "Table.Row",
+      "Table.Cell",
+      "Table.Body"
+    ],
+    "internalComponentProps": {
+      "Table.Cell": {
+        "asHeaderCell": [
+          "column"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
   "AnimateHeightChange": {
     "name": "AnimateHeightChange",
     "defaultProps": {},
@@ -1192,31 +1278,83 @@
       "--uds-motion-smooth-3-"
     ]
   },
-  "Spinner": {
-    "name": "Spinner",
+  "Accordion": {
+    "name": "Accordion",
     "defaultProps": {
-      "color": "primary",
-      "size": "lg"
+      "spacingHorizontal": "4",
+      "spacingVertical": "4"
     },
     "getStylesLiterals": {},
     "cxLiterals": [
-      "self-center",
-      "relative",
-      "sr-only"
+      "hover:bg-secondary/80",
+      "w-full"
     ],
     "internalComponents": [
-      "Icon"
+      "Icon",
+      "SpringMotionConfig",
+      "Pressable",
+      "Text",
+      "HStack",
+      "AnimatePresence",
+      "VStack"
     ],
     "internalComponentProps": {
       "Icon": {
-        "role": [
-          "img"
+        "variant": [
+          "fill"
         ],
-        "className": [
-          "animate-spin"
+        "size": [
+          "sm"
         ],
-        "aria-hidden": [
-          "true"
+        "color": [
+          "primary"
+        ]
+      },
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "smooth"
+        ],
+        "layoutSpeed": [
+          "3"
+        ]
+      },
+      "Pressable": {
+        "display": [
+          "flex"
+        ],
+        "flexDirection": [
+          "row"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "borderRadius": [
+          "md"
+        ]
+      },
+      "Text": {
+        "variant": [
+          "title4"
+        ],
+        "color": [
+          "primary"
+        ]
+      },
+      "HStack": {
+        "display": [
+          "flex"
+        ],
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
+        ],
+        "columnGap": [
+          "2.5"
         ]
       }
     },
@@ -1224,10 +1362,12 @@
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
+    "motionVarPrefixes": [
+      "--uds-motion-smooth-3-"
+    ]
   },
-  "Table.mocks": {
-    "name": "Table.mocks",
+  "AvoidMotionLibraryProvider": {
+    "name": "AvoidMotionLibraryProvider",
     "defaultProps": {},
     "getStylesLiterals": {},
     "cxLiterals": [],
@@ -1239,123 +1379,88 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Table": {
-    "name": "Table",
-    "defaultProps": {
-      "display": "table-cell",
-      "overflow": "hidden",
-      "borderColor": "muted",
-      "borderRadius": "md",
-      "spacing": "3",
-      "borderBottomColor": "muted",
-      "borderBottomWidth": "thin",
-      "color": "primary"
-    },
-    "getStylesLiterals": {
-      "textAlign": "start"
-    },
-    "cxLiterals": [],
+  "Modal": {
+    "name": "Modal",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "inset-8",
+      "top-[250px]",
+      "z-50",
+      "mx-auto",
+      "h-fit",
+      "w-[600px]",
+      "origin-center",
+      "scale-95",
+      "opacity-0",
+      "transition",
+      "duration-150",
+      "data-[enter]:scale-100",
+      "data-[enter]:opacity-100",
+      "data-[enter]:bg-primary",
+      "backdrop-blur-0",
+      "data-[enter]:opacity-60",
+      "data-[enter]:backdrop-blur-sm"
+    ],
     "internalComponents": [
-      "CellComponent",
-      "Box",
+      "IconButton",
+      "Dialog",
+      "HStack",
       "Text",
-      "Table.Root",
-      "Table.Header",
-      "Table.Row",
-      "Table.Cell",
-      "Table.Body"
+      "VStack"
     ],
     "internalComponentProps": {
-      "Table.Cell": {
-        "asHeaderCell": [
-          "column"
+      "IconButton": {
+        "aria-label": [
+          "Close"
+        ],
+        "size": [
+          "sm"
+        ],
+        "variant": [
+          "tertiary"
         ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "AvatarImage": {
-    "name": "AvatarImage",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AvatarImageNoFallback",
-      "AvatarText",
-      "AvatarIcon"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheet": {
-    "name": "BottomSheet",
-    "defaultProps": {
-      "variant": "default"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "fixed",
-      "overflow-hidden",
-      "inset-x-0",
-      "bottom-0",
-      "z-50",
-      "[will-change:transform]",
-      "touch-none",
-      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
-      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
-      "transition-transform",
-      "duration-500",
-      "ease-[cubic-bezier(0.32,0.72,0,1)]",
-      "motion-reduce:transition-none",
-      "top-[-4px]",
-      "z-[1]",
-      "touch-pan-y"
-    ],
-    "internalComponents": [
-      "Scrim",
-      "BottomSheetHandle",
-      "Dialog",
-      "Box",
-      "BottomSheetInternalContext.Provider"
-    ],
-    "internalComponentProps": {
-      "BottomSheetHandle": {
-        "ariaLabel": [
-          "Resize sheet"
+      },
+      "HStack": {
+        "alignItems": [
+          "center"
+        ],
+        "justifyContent": [
+          "space-between"
         ]
       },
-      "Dialog": {
-        "data-testid": [
-          "bottom-sheet"
+      "Text": {
+        "variant": [
+          "headline1"
+        ],
+        "color": [
+          "primary"
         ]
       },
-      "Box": {
-        "display": [
-          "block",
-          "flex"
+      "VStack": {
+        "borderRadius": [
+          "md"
         ],
         "position": [
-          "absolute"
+          "fixed"
         ],
-        "flexDirection": [
-          "column"
+        "backgroundColor": [
+          "primary"
         ],
-        "className": [
-          "absolute inset-0 min-h-0 p-[inherit]"
+        "dropShadow": [
+          "md"
+        ],
+        "spacing": [
+          "8"
+        ],
+        "overflow": [
+          "hidden"
         ]
       }
     },
     "propToVariantKeys": {
-      "variant": [
-        "bottomsheetVariantRoot"
+      "handleClose": [
+        "onClick"
       ]
     },
     "runtimeConfigDefaultProps": {},
@@ -1363,82 +1468,386 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetContent": {
-    "name": "BottomSheetContent",
-    "defaultProps": {},
-    "getStylesLiterals": {},
+  "SegmentedControl": {
+    "name": "SegmentedControl",
+    "defaultProps": {
+      "textVariant": "label2"
+    },
+    "getStylesLiterals": {
+      "display": "flex",
+      "alignItems": "center",
+      "backgroundColor": "primary",
+      "spacingVertical": "1",
+      "spacingHorizontal": "3",
+      "columnGap": "1.5",
+      "borderWidth": "thin",
+      "borderRadius": "full",
+      "borderColor": "muted",
+      "borderColor:1": "transparent",
+      "color": "primary",
+      "color:1": "tertiary",
+      "color:2": "muted"
+    },
     "cxLiterals": [
-      "min-h-0",
-      "touch-pan-y"
+      "uds-ring",
+      "cursor-not-allowed",
+      "opacity-50",
+      "pointer-events-none",
+      "hover:bg-primary"
     ],
     "internalComponents": [
-      "Box",
-      "VStack"
+      "TextVariant",
+      "Radio",
+      "Icon",
+      "RadioProvider",
+      "HStack",
+      "RadioGroup",
+      "Pressable",
+      "Text"
     ],
     "internalComponentProps": {
-      "Box": {
-        "display": [
-          "block"
+      "Icon": {
+        "size": [
+          "sm"
         ],
-        "flex": [
+        "color": [
+          "current"
+        ],
+        "aria-hidden": [
+          "true"
+        ]
+      },
+      "HStack": {
+        "spacing": [
           "1"
+        ],
+        "gap": [
+          "1"
+        ],
+        "backgroundColor": [
+          "secondary"
+        ],
+        "borderRadius": [
+          "full"
+        ],
+        "display": [
+          "inline-flex"
         ]
       },
-      "VStack": {
-        "className": [
-          "pb-[calc(env(safe-area-inset-bottom))]"
+      "Text": {
+        "color": [
+          "current"
         ]
       }
     },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "BottomSheetDismiss": {
-    "name": "BottomSheetDismiss",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "AriakitDialogDismiss"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
+    "propToVariantKeys": {
+      "value": [
+        "key"
+      ],
+      "label": [
+        "aria-label"
+      ],
+      "textVariant": [
+        "variant"
+      ]
+    },
     "runtimeConfigDefaultProps": {},
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "BottomSheetHandle": {
-    "name": "BottomSheetHandle",
+  "SwitchV2": {
+    "name": "SwitchV2",
     "defaultProps": {
-      "variant": "default"
+      "labelPosition": "start",
+      "size": "md"
+    },
+    "getStylesLiterals": {
+      "switchVariantRoot": "default",
+      "switchVariantActiveRoot": "on",
+      "switchVariantActiveRoot:1": "off",
+      "switchVariantSwitch": "default",
+      "switchVariantActiveSwitch": "on",
+      "switchVariantActiveSwitch:1": "off",
+      "switchVariantActiveHandle": "on",
+      "switchVariantActiveHandle:1": "off",
+      "switchVariantHandle": "default",
+      "switchVariantHandleIcon": "default",
+      "switchVariantActiveHandleIcon": "on",
+      "switchVariantActiveHandleIcon:1": "off"
     },
-    "getStylesLiterals": {},
     "cxLiterals": [
+      "group",
+      "flex",
+      "items-center",
+      "flex-row",
+      "flex-row-reverse",
+      "uds-ring",
+      "uds-ring-within",
       "relative",
-      "h-5",
-      "w-16",
-      "outline-none",
-      "focus-visible:outline-none",
-      "[touch-action:pan-y]",
+      "uds-border-radius-full",
+      "transition-[background-color,box-shadow]",
+      "pointer-events-none",
+      "w-full",
+      "h-full",
       "absolute",
-      "left-1/2",
+      "top-0",
+      "bottom-0",
+      "right-0",
+      "left-0",
+      "overflow-hidden",
+      "group-hover:scale-105",
+      "opacity-95",
+      "group-hover:opacity-100",
+      "transition-[transform,opacity]",
+      "opacity-0",
       "top-1/2",
-      "-translate-x-1/2",
-      "-translate-y-1/2",
-      "h-1",
-      "w-8",
-      "rounded-full"
+      "left-1/2",
+      "transform",
+      "translate-x-[-50%]",
+      "translate-y-[-50%]",
+      "transition-opacity",
+      "cursor-[inherit]",
+      "w-[calc(100%+2px)]",
+      "h-[calc(100%+2px)]",
+      "text-start",
+      "text-end",
+      "opacity-100"
     ],
     "internalComponents": [
-      "Box"
-    ],
-    "internalComponentProps": {
-      "Box": {
-        "display": [
+      "IconSlot",
+      "Box",
+      "FormLabel",
+      "SpringMotionConfig",
+      "RootElement",
+      "MotionBox"
+    ],
+    "internalComponentProps": {
+      "IconSlot": {
+        "data-testid": [
+          "on-icon",
+          "off-icon"
+        ]
+      },
+      "FormLabel": {
+        "as": [
+          "div"
+        ],
+        "variant": [
+          "inherit"
+        ],
+        "color": [
+          "inherit"
+        ]
+      },
+      "SpringMotionConfig": {
+        "layoutVariant": [
+          "bouncy"
+        ],
+        "layoutSpeed": [
+          "4"
+        ]
+      },
+      "RootElement": {
+        "data-testid": [
+          "switch-root"
+        ]
+      },
+      "MotionBox": {
+        "layout": [
+          "position"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "size": [
+        "switchSizeRoot",
+        "switchSizeSwitch",
+        "switchSizeHandle",
+        "switchSizeHandleIcon"
+      ],
+      "onIcon": [
+        "icon"
+      ],
+      "offIcon": [
+        "icon"
+      ],
+      "reduceMotion": [
+        "reducedMotion"
+      ],
+      "isOn": [
+        "layoutDependency"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": [
+      "--uds-motion-bouncy-4-",
+      "--uds-motion-smooth-3-"
+    ]
+  },
+  "AvatarImage": {
+    "name": "AvatarImage",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AvatarImageNoFallback",
+      "AvatarText",
+      "AvatarIcon"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheet": {
+    "name": "BottomSheet",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "fixed",
+      "overflow-hidden",
+      "inset-x-0",
+      "bottom-0",
+      "z-50",
+      "[will-change:transform]",
+      "touch-none",
+      "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
+      "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
+      "transition-transform",
+      "duration-500",
+      "ease-[cubic-bezier(0.32,0.72,0,1)]",
+      "motion-reduce:transition-none",
+      "top-[-4px]",
+      "z-[1]",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Scrim",
+      "BottomSheetHandle",
+      "Dialog",
+      "Box",
+      "BottomSheetInternalContext.Provider"
+    ],
+    "internalComponentProps": {
+      "BottomSheetHandle": {
+        "ariaLabel": [
+          "Resize sheet"
+        ]
+      },
+      "Dialog": {
+        "data-testid": [
+          "bottom-sheet"
+        ]
+      },
+      "Box": {
+        "display": [
+          "block",
+          "flex"
+        ],
+        "position": [
+          "absolute"
+        ],
+        "flexDirection": [
+          "column"
+        ],
+        "className": [
+          "absolute inset-0 min-h-0 p-[inherit]"
+        ]
+      }
+    },
+    "propToVariantKeys": {
+      "variant": [
+        "bottomsheetVariantRoot"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetContent": {
+    "name": "BottomSheetContent",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "min-h-0",
+      "touch-pan-y"
+    ],
+    "internalComponents": [
+      "Box",
+      "VStack"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
+          "block"
+        ],
+        "flex": [
+          "1"
+        ]
+      },
+      "VStack": {
+        "className": [
+          "pb-[calc(env(safe-area-inset-bottom))]"
+        ]
+      }
+    },
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetDismiss": {
+    "name": "BottomSheetDismiss",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "AriakitDialogDismiss"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "BottomSheetHandle": {
+    "name": "BottomSheetHandle",
+    "defaultProps": {
+      "variant": "default"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "relative",
+      "h-5",
+      "w-16",
+      "outline-none",
+      "focus-visible:outline-none",
+      "[touch-action:pan-y]",
+      "absolute",
+      "left-1/2",
+      "top-1/2",
+      "-translate-x-1/2",
+      "-translate-y-1/2",
+      "h-1",
+      "w-8",
+      "rounded-full"
+    ],
+    "internalComponents": [
+      "Box"
+    ],
+    "internalComponentProps": {
+      "Box": {
+        "display": [
           "block",
           "flex"
         ],
@@ -1770,26 +2179,212 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Menu.Content": {
-    "name": "Menu.Content",
+  "Input": {
+    "name": "Input",
     "defaultProps": {
-      "size": "default",
-      "variant": "default",
-      "gutter": "1"
+      "type": "text",
+      "size": "md",
+      "width": "full"
     },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "uds-menu-content",
-      "transition-shadow",
-      "duration-200",
-      "ease-in-out",
-      "min-w-60",
-      "max-w-lg",
-      "max-h-96",
-      "overflow-auto",
-      "uds-ring",
-      "z-10",
-      "group"
+    "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-clip-text",
+      "focus: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",
+        "inputSizeInputWrapper",
+        "inputSizeInput",
+        "inputSizeLabel",
+        "inputSizeStartIcon",
+        "inputSizeEndIcon"
+      ],
+      "startIcon": [
+        "icon"
+      ],
+      "endIcon": [
+        "icon"
+      ],
+      "slotProps": [
+        "helperTextSlotProps"
+      ],
+      "helperTextIcon": [
+        "startIcon"
+      ]
+    },
+    "runtimeConfigDefaultProps": {},
+    "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": []
+  },
+  "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": []
+  },
+  "Menu.Content": {
+    "name": "Menu.Content",
+    "defaultProps": {
+      "size": "default",
+      "variant": "default",
+      "gutter": "1"
+    },
+    "getStylesLiterals": {},
+    "cxLiterals": [
+      "uds-menu-content",
+      "transition-shadow",
+      "duration-200",
+      "ease-in-out",
+      "min-w-60",
+      "max-w-lg",
+      "max-h-96",
+      "overflow-auto",
+      "uds-ring",
+      "z-10",
+      "group"
     ],
     "internalComponents": [
       "AriakitMenu",
@@ -2041,214 +2636,28 @@
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
   },
-  "Input": {
-    "name": "Input",
-    "defaultProps": {
-      "type": "text",
-      "size": "md",
-      "width": "full"
+  "Popover": {
+    "name": "Popover",
+    "defaultProps": {},
+    "getStylesLiterals": {},
+    "cxLiterals": [],
+    "internalComponents": [
+      "PopoverInternalContext.Provider",
+      "PopoverProvider"
+    ],
+    "internalComponentProps": {},
+    "propToVariantKeys": {},
+    "runtimeConfigDefaultProps": {
+      "size": "popover.defaultSize",
+      "variant": "popover.defaultVariant"
     },
-    "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-clip-text",
-      "focus: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",
-        "inputSizeInputWrapper",
-        "inputSizeInput",
-        "inputSizeLabel",
-        "inputSizeStartIcon",
-        "inputSizeEndIcon"
-      ],
-      "startIcon": [
-        "icon"
-      ],
-      "endIcon": [
-        "icon"
-      ],
-      "slotProps": [
-        "helperTextSlotProps"
-      ],
-      "helperTextIcon": [
-        "startIcon"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "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": []
-  },
-  "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": []
-  },
-  "Popover": {
-    "name": "Popover",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [
-      "PopoverInternalContext.Provider",
-      "PopoverProvider"
-    ],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {
-      "size": "popover.defaultSize",
-      "variant": "popover.defaultVariant"
-    },
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "PopoverContent": {
-    "name": "PopoverContent",
-    "defaultProps": {},
+    "runtimeConfigGetStyles": {},
+    "runtimeConfigInternalComponentProps": {},
+    "motionVarPrefixes": []
+  },
+  "PopoverContent": {
+    "name": "PopoverContent",
+    "defaultProps": {},
     "getStylesLiterals": {
       "popoverSizeRoot": "default",
       "popoverVariantRoot": "default",
@@ -3074,414 +3483,5 @@
     "runtimeConfigGetStyles": {},
     "runtimeConfigInternalComponentProps": {},
     "motionVarPrefixes": []
-  },
-  "Accordion": {
-    "name": "Accordion",
-    "defaultProps": {
-      "spacingHorizontal": "4",
-      "spacingVertical": "4"
-    },
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "hover:bg-secondary/80",
-      "w-full"
-    ],
-    "internalComponents": [
-      "Icon",
-      "SpringMotionConfig",
-      "Pressable",
-      "Text",
-      "HStack",
-      "AnimatePresence",
-      "VStack"
-    ],
-    "internalComponentProps": {
-      "Icon": {
-        "variant": [
-          "fill"
-        ],
-        "size": [
-          "sm"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
-      "SpringMotionConfig": {
-        "layoutVariant": [
-          "smooth"
-        ],
-        "layoutSpeed": [
-          "3"
-        ]
-      },
-      "Pressable": {
-        "display": [
-          "flex"
-        ],
-        "flexDirection": [
-          "row"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "borderRadius": [
-          "md"
-        ]
-      },
-      "Text": {
-        "variant": [
-          "title4"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
-      "HStack": {
-        "display": [
-          "flex"
-        ],
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ],
-        "columnGap": [
-          "2.5"
-        ]
-      }
-    },
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-smooth-3-"
-    ]
-  },
-  "AvoidMotionLibraryProvider": {
-    "name": "AvoidMotionLibraryProvider",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [],
-    "internalComponents": [],
-    "internalComponentProps": {},
-    "propToVariantKeys": {},
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "Modal": {
-    "name": "Modal",
-    "defaultProps": {},
-    "getStylesLiterals": {},
-    "cxLiterals": [
-      "inset-8",
-      "top-[250px]",
-      "z-50",
-      "mx-auto",
-      "h-fit",
-      "w-[600px]",
-      "origin-center",
-      "scale-95",
-      "opacity-0",
-      "transition",
-      "duration-150",
-      "data-[enter]:scale-100",
-      "data-[enter]:opacity-100",
-      "data-[enter]:bg-primary",
-      "backdrop-blur-0",
-      "data-[enter]:opacity-60",
-      "data-[enter]:backdrop-blur-sm"
-    ],
-    "internalComponents": [
-      "IconButton",
-      "Dialog",
-      "HStack",
-      "Text",
-      "VStack"
-    ],
-    "internalComponentProps": {
-      "IconButton": {
-        "aria-label": [
-          "Close"
-        ],
-        "size": [
-          "sm"
-        ],
-        "variant": [
-          "tertiary"
-        ]
-      },
-      "HStack": {
-        "alignItems": [
-          "center"
-        ],
-        "justifyContent": [
-          "space-between"
-        ]
-      },
-      "Text": {
-        "variant": [
-          "headline1"
-        ],
-        "color": [
-          "primary"
-        ]
-      },
-      "VStack": {
-        "borderRadius": [
-          "md"
-        ],
-        "position": [
-          "fixed"
-        ],
-        "backgroundColor": [
-          "primary"
-        ],
-        "dropShadow": [
-          "md"
-        ],
-        "spacing": [
-          "8"
-        ],
-        "overflow": [
-          "hidden"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "handleClose": [
-        "onClick"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "SegmentedControl": {
-    "name": "SegmentedControl",
-    "defaultProps": {
-      "textVariant": "label2"
-    },
-    "getStylesLiterals": {
-      "display": "flex",
-      "alignItems": "center",
-      "backgroundColor": "primary",
-      "spacingVertical": "1",
-      "spacingHorizontal": "3",
-      "columnGap": "1.5",
-      "borderWidth": "thin",
-      "borderRadius": "full",
-      "borderColor": "muted",
-      "borderColor:1": "transparent",
-      "color": "primary",
-      "color:1": "tertiary",
-      "color:2": "muted"
-    },
-    "cxLiterals": [
-      "uds-ring",
-      "cursor-not-allowed",
-      "opacity-50",
-      "pointer-events-none",
-      "hover:bg-primary"
-    ],
-    "internalComponents": [
-      "TextVariant",
-      "Radio",
-      "Icon",
-      "RadioProvider",
-      "HStack",
-      "RadioGroup",
-      "Pressable",
-      "Text"
-    ],
-    "internalComponentProps": {
-      "Icon": {
-        "size": [
-          "sm"
-        ],
-        "color": [
-          "current"
-        ],
-        "aria-hidden": [
-          "true"
-        ]
-      },
-      "HStack": {
-        "spacing": [
-          "1"
-        ],
-        "gap": [
-          "1"
-        ],
-        "backgroundColor": [
-          "secondary"
-        ],
-        "borderRadius": [
-          "full"
-        ],
-        "display": [
-          "inline-flex"
-        ]
-      },
-      "Text": {
-        "color": [
-          "current"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "value": [
-        "key"
-      ],
-      "label": [
-        "aria-label"
-      ],
-      "textVariant": [
-        "variant"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": []
-  },
-  "SwitchV2": {
-    "name": "SwitchV2",
-    "defaultProps": {
-      "labelPosition": "start",
-      "size": "md"
-    },
-    "getStylesLiterals": {
-      "switchVariantRoot": "default",
-      "switchVariantActiveRoot": "on",
-      "switchVariantActiveRoot:1": "off",
-      "switchVariantSwitch": "default",
-      "switchVariantActiveSwitch": "on",
-      "switchVariantActiveSwitch:1": "off",
-      "switchVariantActiveHandle": "on",
-      "switchVariantActiveHandle:1": "off",
-      "switchVariantHandle": "default",
-      "switchVariantHandleIcon": "default",
-      "switchVariantActiveHandleIcon": "on",
-      "switchVariantActiveHandleIcon:1": "off"
-    },
-    "cxLiterals": [
-      "group",
-      "flex",
-      "items-center",
-      "flex-row",
-      "flex-row-reverse",
-      "uds-ring",
-      "uds-ring-within",
-      "relative",
-      "uds-border-radius-full",
-      "transition-[background-color,box-shadow]",
-      "pointer-events-none",
-      "w-full",
-      "h-full",
-      "absolute",
-      "top-0",
-      "bottom-0",
-      "right-0",
-      "left-0",
-      "overflow-hidden",
-      "group-hover:scale-105",
-      "opacity-95",
-      "group-hover:opacity-100",
-      "transition-[transform,opacity]",
-      "opacity-0",
-      "top-1/2",
-      "left-1/2",
-      "transform",
-      "translate-x-[-50%]",
-      "translate-y-[-50%]",
-      "transition-opacity",
-      "cursor-[inherit]",
-      "w-[calc(100%+2px)]",
-      "h-[calc(100%+2px)]",
-      "text-start",
-      "text-end",
-      "opacity-100"
-    ],
-    "internalComponents": [
-      "IconSlot",
-      "Box",
-      "FormLabel",
-      "SpringMotionConfig",
-      "RootElement",
-      "MotionBox"
-    ],
-    "internalComponentProps": {
-      "IconSlot": {
-        "data-testid": [
-          "on-icon",
-          "off-icon"
-        ]
-      },
-      "FormLabel": {
-        "as": [
-          "div"
-        ],
-        "variant": [
-          "inherit"
-        ],
-        "color": [
-          "inherit"
-        ]
-      },
-      "SpringMotionConfig": {
-        "layoutVariant": [
-          "bouncy"
-        ],
-        "layoutSpeed": [
-          "4"
-        ]
-      },
-      "RootElement": {
-        "data-testid": [
-          "switch-root"
-        ]
-      },
-      "MotionBox": {
-        "layout": [
-          "position"
-        ]
-      }
-    },
-    "propToVariantKeys": {
-      "size": [
-        "switchSizeRoot",
-        "switchSizeSwitch",
-        "switchSizeHandle",
-        "switchSizeHandleIcon"
-      ],
-      "onIcon": [
-        "icon"
-      ],
-      "offIcon": [
-        "icon"
-      ],
-      "reduceMotion": [
-        "reducedMotion"
-      ],
-      "isOn": [
-        "layoutDependency"
-      ]
-    },
-    "runtimeConfigDefaultProps": {},
-    "runtimeConfigGetStyles": {},
-    "runtimeConfigInternalComponentProps": {},
-    "motionVarPrefixes": [
-      "--uds-motion-bouncy-4-",
-      "--uds-motion-smooth-3-"
-    ]
   }
 }