@yahoo/uds 3.126.0 → 3.127.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.126.0",
+  "version": "3.127.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -223,7 +223,7 @@
     "typecheck:uds": "tsc -p . --noEmit"
   },
   "dependencies": {
-    "@ariakit/react": "^0.4.20",
+    "@ariakit/react": "^0.4.25",
     "autoprefixer": "^10.4.27",
     "clsx": "^2.1.1",
     "fast-glob": "^3.3.3",
@@ -243,7 +243,7 @@
     "uuid": "^13.0.0"
   },
   "devDependencies": {
-    "@next/env": "^16.2.1",
+    "@next/env": "^16.2.3",
     "@optimize-lodash/transform": "^3.0.6",
     "@types/bun": "1.3.11",
     "@types/lodash": "^4.17.24",

package/dist/components/experimental/client/Tabs.cjs

@@ -1,76 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_styles_styler = require('../../../styles/styler.cjs');
-const require_utils_createSlot = require('../../../utils/createSlot.cjs');
-const require_components_client_Pressable = require('../../client/Pressable.cjs');
-const require_components_Icon = require('../../Icon.cjs');
-const require_components_Text = require('../../Text.cjs');
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _ariakit_react = require("@ariakit/react");
-
-//#region src/components/experimental/client/Tabs.tsx
-const Slot = require_utils_createSlot.createSlot();
-function Tabs(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TabProvider, { ...props });
-}
-Tabs.displayName = "Tabs";
-const TabList = (0, react.forwardRef)(function TabList({ className, ...props }, ref) {
-	const styles = require_styles_styler.getStyles({
-		display: "flex",
-		flexDirection: "row",
-		columnGap: "6",
-		className
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TabList, {
-		ref,
-		...props,
-		className: styles
-	});
-});
-TabList.displayName = "TabList";
-const Tab = function Tab({ asChild, label, value, startIcon }) {
-	const Comp = asChild ? Slot : "button";
-	const styles = require_styles_styler.getStyles({});
-	if (!(0, _ariakit_react.useTabContext)()) throw new Error("Tab must be wrapped in a Tabs component");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.Tab, {
-		id: value,
-		className: styles,
-		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Pressable.Pressable, {
-			borderBottomWidth: "medium",
-			spacingBottom: "1",
-			spacingTop: "4",
-			className: require_styles_styler.cx("text-tertiary", "border-b-transparent", "aria-selected:border-b-brand", "aria-selected:text-secondary"),
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Comp, { children: [startIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-				name: startIcon,
-				className: "text-current",
-				size: "md"
-			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-				className: "text-current",
-				variant: "headline1",
-				as: "span",
-				children: label
-			})] })
-		})
-	});
-};
-Tab.displayName = "Tab";
-const TabPanel = (0, react.forwardRef)(function TabPanel(props, ref) {
-	const store = (0, _ariakit_react.useTabContext)();
-	if (!store) throw new Error("TabPanel must be wrapped in a Tabs component");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TabPanel, {
-		ref,
-		tabId: store.useState("selectedId"),
-		...props
-	});
-});
-TabPanel.displayName = "TabPanel";
-
-//#endregion
-exports.Tab = Tab;
-exports.TabList = TabList;
-exports.TabPanel = TabPanel;
-exports.Tabs = Tabs;

package/dist/components/experimental/client/Tabs.d.cts

@@ -1,31 +0,0 @@
-
-import { IconProps } from "../../Icon.cjs";
-import "../../index.cjs";
-import * as react from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
-
-//#region src/components/experimental/client/Tabs.d.ts
-interface TabProps extends React.PropsWithChildren {
-  asChild?: boolean;
-  value: string;
-  label: string;
-  startIcon?: IconProps['name'];
-}
-declare function Tabs(props: TabsProps): react_jsx_runtime0.JSX.Element;
-declare namespace Tabs {
-  var displayName: string;
-}
-declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const Tab: {
-  ({
-    asChild,
-    label,
-    value,
-    startIcon
-  }: TabProps): react_jsx_runtime0.JSX.Element;
-  displayName: string;
-};
-declare const TabPanel: react.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/components/experimental/client/Tabs.d.ts

@@ -1,32 +0,0 @@
-
-"use client";
-import { IconProps } from "../../Icon.js";
-import "../../index.js";
-import * as react from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
-
-//#region src/components/experimental/client/Tabs.d.ts
-interface TabProps extends React.PropsWithChildren {
-  asChild?: boolean;
-  value: string;
-  label: string;
-  startIcon?: IconProps['name'];
-}
-declare function Tabs(props: TabsProps): react_jsx_runtime0.JSX.Element;
-declare namespace Tabs {
-  var displayName: string;
-}
-declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const Tab: {
-  ({
-    asChild,
-    label,
-    value,
-    startIcon
-  }: TabProps): react_jsx_runtime0.JSX.Element;
-  displayName: string;
-};
-declare const TabPanel: react.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/components/experimental/client/Tabs.js

@@ -1,71 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-import { cx, getStyles } from "../../../styles/styler.js";
-import { createSlot } from "../../../utils/createSlot.js";
-import { Pressable } from "../../client/Pressable.js";
-import { Icon } from "../../Icon.js";
-import { Text } from "../../Text.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, TabProvider, useTabContext } from "@ariakit/react";
-
-//#region src/components/experimental/client/Tabs.tsx
-const Slot = createSlot();
-function Tabs(props) {
-	return /* @__PURE__ */ jsx(TabProvider, { ...props });
-}
-Tabs.displayName = "Tabs";
-const TabList = forwardRef(function TabList({ className, ...props }, ref) {
-	const styles = getStyles({
-		display: "flex",
-		flexDirection: "row",
-		columnGap: "6",
-		className
-	});
-	return /* @__PURE__ */ jsx(TabList$1, {
-		ref,
-		...props,
-		className: styles
-	});
-});
-TabList.displayName = "TabList";
-const Tab = function Tab({ asChild, label, value, startIcon }) {
-	const Comp = asChild ? Slot : "button";
-	const styles = getStyles({});
-	if (!useTabContext()) throw new Error("Tab must be wrapped in a Tabs component");
-	return /* @__PURE__ */ jsx(Tab$1, {
-		id: value,
-		className: styles,
-		render: /* @__PURE__ */ jsx(Pressable, {
-			borderBottomWidth: "medium",
-			spacingBottom: "1",
-			spacingTop: "4",
-			className: cx("text-tertiary", "border-b-transparent", "aria-selected:border-b-brand", "aria-selected:text-secondary"),
-			asChild: true,
-			children: /* @__PURE__ */ jsxs(Comp, { children: [startIcon ? /* @__PURE__ */ jsx(Icon, {
-				name: startIcon,
-				className: "text-current",
-				size: "md"
-			}) : null, /* @__PURE__ */ jsx(Text, {
-				className: "text-current",
-				variant: "headline1",
-				as: "span",
-				children: label
-			})] })
-		})
-	});
-};
-Tab.displayName = "Tab";
-const TabPanel = forwardRef(function TabPanel(props, ref) {
-	const store = useTabContext();
-	if (!store) throw new Error("TabPanel must be wrapped in a Tabs component");
-	return /* @__PURE__ */ jsx(TabPanel$1, {
-		ref,
-		tabId: store.useState("selectedId"),
-		...props
-	});
-});
-TabPanel.displayName = "TabPanel";
-
-//#endregion
-export { Tab, TabList, TabPanel, Tabs };