@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.58.2-beta.1",
+  "version": "3.59.0-beta.2",
   "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "bin": {
     "uds": "./cli/uds-cli.js"
   },
@@ -37,52 +40,52 @@
     },
     "./client": {
       "import": {
-        "types": "./dist/client/index.d.ts",
-        "default": "./dist/client/index.js"
+        "types": "./dist/components/client/index.d.ts",
+        "default": "./dist/components/client/index.js"
       },
       "require": {
-        "types": "./dist/client/index.d.cts",
-        "default": "./dist/client/index.cjs"
+        "types": "./dist/components/client/index.d.cts",
+        "default": "./dist/components/client/index.cjs"
       }
     },
-    "./client/Menu": {
+    "./experimental": {
       "import": {
-        "types": "./dist/client/Menu.d.ts",
-        "default": "./dist/client/Menu.js"
+        "types": "./dist/components/experimental/index.d.ts",
+        "default": "./dist/components/experimental/index.js"
       },
       "require": {
-        "types": "./dist/client/Menu.d.cts",
-        "default": "./dist/client/Menu.cjs"
+        "types": "./dist/components/experimental/index.d.cts",
+        "default": "./dist/components/experimental/index.cjs"
       }
     },
-    "./experimental": {
+    "./experimental/client": {
       "import": {
-        "types": "./dist/experimental/index.d.ts",
-        "default": "./dist/experimental/index.js"
+        "types": "./dist/components/experimental/client/index.d.ts",
+        "default": "./dist/components/experimental/client/index.js"
       },
       "require": {
-        "types": "./dist/experimental/index.d.cts",
-        "default": "./dist/experimental/index.cjs"
+        "types": "./dist/components/experimental/client/index.d.cts",
+        "default": "./dist/components/experimental/client/index.cjs"
       }
     },
-    "./experimental/client": {
+    "./__private/motionFeatures/domMax": {
       "import": {
-        "types": "./dist/experimental/client/index.d.ts",
-        "default": "./dist/experimental/client/index.js"
+        "types": "./dist/components/client/motionFeatures/domMax.d.ts",
+        "default": "./dist/components/client/motionFeatures/domMax.js"
       },
       "require": {
-        "types": "./dist/experimental/client/index.d.cts",
-        "default": "./dist/experimental/client/index.cjs"
+        "types": "./dist/components/client/motionFeatures/domMax.d.cts",
+        "default": "./dist/components/client/motionFeatures/domMax.cjs"
       }
     },
-    "./experimental/client/SwitchV2": {
+    "./__private/motionFeatures/domAnimation": {
       "import": {
-        "types": "./dist/experimental/client/SwitchV2.d.ts",
-        "default": "./dist/experimental/client/SwitchV2.js"
+        "types": "./dist/components/client/motionFeatures/domAnimation.d.ts",
+        "default": "./dist/components/client/motionFeatures/domAnimation.js"
       },
       "require": {
-        "types": "./dist/experimental/client/SwitchV2.d.cts",
-        "default": "./dist/experimental/client/SwitchV2.cjs"
+        "types": "./dist/components/client/motionFeatures/domAnimation.d.cts",
+        "default": "./dist/components/client/motionFeatures/domAnimation.cjs"
       }
     },
     "./fixtures": {
@@ -106,32 +109,32 @@
     "./styles/*": "./dist/styles/*",
     "./tailwind/plugin": {
       "import": {
-        "types": "./dist/tailwind/plugin.d.ts",
-        "default": "./dist/tailwind/plugin.js"
+        "types": "./dist/tailwind/tailwindPlugin.d.ts",
+        "default": "./dist/tailwind/tailwindPlugin.js"
       },
       "require": {
-        "types": "./dist/tailwind/plugin.d.cts",
-        "default": "./dist/tailwind/plugin.cjs"
+        "types": "./dist/tailwind/tailwindPlugin.d.cts",
+        "default": "./dist/tailwind/tailwindPlugin.cjs"
       }
     },
-    "./tailwind/utils": {
+    "./tailwind/purger": {
       "import": {
-        "types": "./dist/tailwind/utils.d.ts",
-        "default": "./dist/tailwind/utils.js"
+        "types": "./dist/tailwind/purger/index.d.ts",
+        "default": "./dist/tailwind/purger/index.js"
       },
       "require": {
-        "types": "./dist/tailwind/utils.d.cts",
-        "default": "./dist/tailwind/utils.cjs"
+        "types": "./dist/tailwind/purger/index.d.cts",
+        "default": "./dist/tailwind/purger/index.cjs"
       }
     },
-    "./tailwind/purger": {
+    "./tailwind/utils": {
       "import": {
-        "types": "./dist/tailwind/purger.d.ts",
-        "default": "./dist/tailwind/purger.js"
+        "types": "./dist/tailwind/utils/index.d.ts",
+        "default": "./dist/tailwind/utils/index.js"
       },
       "require": {
-        "types": "./dist/tailwind/purger.d.cts",
-        "default": "./dist/tailwind/purger.cjs"
+        "types": "./dist/tailwind/utils/index.d.cts",
+        "default": "./dist/tailwind/utils/index.cjs"
       }
     },
     "./tailwind/tsMorph": {
@@ -166,12 +169,12 @@
     },
     "./tokens/automation/configs": {
       "import": {
-        "types": "./dist/tokens/automation/configs.d.ts",
-        "default": "./dist/tokens/automation/configs.js"
+        "types": "./dist/tokens/automation/configs/index.d.ts",
+        "default": "./dist/tokens/automation/configs/index.js"
       },
       "require": {
-        "types": "./dist/tokens/automation/configs.d.cts",
-        "default": "./dist/tokens/automation/configs.cjs"
+        "types": "./dist/tokens/automation/configs/index.d.cts",
+        "default": "./dist/tokens/automation/configs/index.cjs"
       }
     },
     "./tokens/automation/properties": {
@@ -204,7 +207,7 @@
     "dev": "concurrently bun:dev:*",
     "dev:fixtures": "bun run ./scripts/buildFixtures.ts --watch",
     "dev:purgeCSSData": "bun run ./scripts/generatePurgeCSSData.ts --watch",
-    "dev:ts": "tsup --watch",
+    "dev:ts": "tsdown --watch",
     "format:pkg": "bun --cwd ../../ syncpack format",
     "lint": "eslint -c eslint.config.mjs .",
     "lint:fix": "bun run lint --fix",
@@ -231,6 +234,7 @@
     "bluebun": "^0.0.34",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "motion": "^12.23.12",
     "prompts": "^2.4.2",
     "react-toastify": "^11.0.5",
@@ -244,6 +248,7 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.0",
     "@next/env": "^14.2.15",
+    "@optimize-lodash/transform": "^3.0.6",
     "@types/bun": "1.2.17",
     "@types/lodash": "^4.17.20",
     "@types/prompts": "^2.4.9",
@@ -259,7 +264,7 @@
     "tailwindcss": "^3.4.13",
     "terser": "^5.43.1",
     "tsconfig": "workspace:*",
-    "tsup": "^8.5.0"
+    "tsdown": "^0.16.0"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",

package/cli/FlattenButtonVariant.mock.tsx

@@ -1,17 +0,0 @@
-import { Button, HStack, IconButton } from '@yahoo/uds';
-import { Cross } from '@yahoo/uds-icons';
-
-export const PageA = () => {
-  return (
-    <HStack>
-     <Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
-<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
-<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
-<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
-<Button>Click me</Button><IconButton name={Cross} />
-<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
-<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
-<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
-    </HStack>
-  );
-}

package/dist/Box-BRt6Pz9T.d.cts

@@ -1,34 +0,0 @@
-import * as react from 'react';
-import { b as UniversalBoxProps } from './types-BYXLHi7_.cjs';
-
-type DivProps = React.HTMLAttributes<HTMLDivElement>;
-interface BoxProps extends UniversalBoxProps, DivProps {
-}
-/**
- * **📦 A layout component that can be used to compose other components**
- *
- * @description
- * The most simple component we ship - a div. But with all the power of the UDS design system.
- * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
- * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
- *
- * @example
- * ```tsx
- * import { Box } from '@yahoo/uds';
- *
- * <Box backgroundColor="primary" spacing="6">
- *   Any kind of content can go here!
- * </Box>
- * ```
- *
- * @usage
- * - If you need to div-like container to apply padding, shapes, or other styling.
- * - If you're creating card components.
- *
- * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
- *
- * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
- */
-declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
-
-export { type BoxProps as B, type DivProps as D, Box as a };

package/dist/Box-D6q2Ess3.d.cts

@@ -1,34 +0,0 @@
-import * as react from 'react';
-import { b as UniversalBoxProps } from './types-DG52l0qP.cjs';
-
-type DivProps = React.HTMLAttributes<HTMLDivElement>;
-interface BoxProps extends UniversalBoxProps, DivProps {
-}
-/**
- * **📦 A layout component that can be used to compose other components**
- *
- * @description
- * The most simple component we ship - a div. But with all the power of the UDS design system.
- * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
- * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
- *
- * @example
- * ```tsx
- * import { Box } from '@yahoo/uds';
- *
- * <Box backgroundColor="primary" spacing="6">
- *   Any kind of content can go here!
- * </Box>
- * ```
- *
- * @usage
- * - If you need to div-like container to apply padding, shapes, or other styling.
- * - If you're creating card components.
- *
- * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
- *
- * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
- */
-declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
-
-export { type BoxProps as B, type DivProps as D, Box as a };

package/dist/Pressable-Ds6pDWDQ.d.cts

@@ -1,44 +0,0 @@
-import * as react from 'react';
-import { a as UniversalPressableProps } from './types-DG52l0qP.cjs';
-
-type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
-interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
-}
-/**
- * **🖲️ A primitive component for creating button interactions with accessibility support**
- *
- * @componentType Client component
- *
- * @description
- * The Pressable component is a primitive component that can be used
- * to create button interactions with accessibility support. It can be used
- * to trigger an action, such as submitting a form, navigating to a new page,
- * or adding interactivity to a section or card.
- *
- * @example
- * ```tsx
- * import { Pressable } from '@yahoo/uds';
- *
- * <Pressable
- *   backgroundColor="secondary"
- *   borderWidth="thin"
- *   borderColor="primary"
- *   borderRadius="lg"
- *   onPress={() => console.log('Pressed!')}
- *  >
- *    <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
- * </Pressable>
- * ```
- *
- * @usage
- * - If you need to add interactivity to a section or card.
- * - If you need a highly customized version of [Button](./button)
- *
- * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
- *
- * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
- *
- */
-declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type PressableProps as P, Pressable as a };

package/dist/Pressable-m_MkO-q6.d.ts

@@ -1,44 +0,0 @@
-import * as react from 'react';
-import { a as UniversalPressableProps } from './types-DG52l0qP.js';
-
-type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
-interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
-}
-/**
- * **🖲️ A primitive component for creating button interactions with accessibility support**
- *
- * @componentType Client component
- *
- * @description
- * The Pressable component is a primitive component that can be used
- * to create button interactions with accessibility support. It can be used
- * to trigger an action, such as submitting a form, navigating to a new page,
- * or adding interactivity to a section or card.
- *
- * @example
- * ```tsx
- * import { Pressable } from '@yahoo/uds';
- *
- * <Pressable
- *   backgroundColor="secondary"
- *   borderWidth="thin"
- *   borderColor="primary"
- *   borderRadius="lg"
- *   onPress={() => console.log('Pressed!')}
- *  >
- *    <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
- * </Pressable>
- * ```
- *
- * @usage
- * - If you need to add interactivity to a section or card.
- * - If you need a highly customized version of [Button](./button)
- *
- * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
- *
- * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
- *
- */
-declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { type PressableProps as P, Pressable as a };

package/dist/Text-BPYuh9n7.d.cts

@@ -1,88 +0,0 @@
-import * as react from 'react';
-import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-DG52l0qP.cjs';
-
-type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
-type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
-type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
-type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TagName;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & JSX.IntrinsicElements[TagName] & Omit<UniversalTextProps, 'variant' | 'color'>;
-/**
- * **💬 A text element that can be used to display text**
- *
- * @description
- * By default, the `Text` component uses text primary color and selects the
- * correct font, weight, and leading. It also choices appropriate semantic
- * HTML element based on the `variant` prop. For example, `body1` will use a
- * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
- * with the `as` prop.
- *
- *
- * @example
- * ```tsx
- * import { Text } from '@yahoo/uds';
- *
- * <Text variant="body1" color="primary">
- *   Text goes here
- * </Text>
- * ```
- *
- * @usage
- * - Use `Text` to display text in your app.
- * - Use `variant` to change the size and weight of the text.
- * - Use `color` to change the color of the text.
- * - Use `as` to change the HTML tag used to render the text.
- *
- * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
- */
-declare const Text: react.ForwardRefExoticComponent<(Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLHeadingElement> & react.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLLabelElement> & react.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLParagraphElement> & react.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
-
-export { Text as T, type TextProps as a };

package/dist/Text-DL4hTwPk.d.ts

@@ -1,88 +0,0 @@
-import * as react from 'react';
-import { Ref } from 'react';
-import { U as UniversalTextProps } from './types-DG52l0qP.js';
-
-type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
-type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
-type VariantWithInherit = Exclude<UniversalTextProps['variant'], undefined> | 'inherit';
-type TextProps<TagName extends TextElementTagName = TextElementTagName> = {
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TagName;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & JSX.IntrinsicElements[TagName] & Omit<UniversalTextProps, 'variant' | 'color'>;
-/**
- * **💬 A text element that can be used to display text**
- *
- * @description
- * By default, the `Text` component uses text primary color and selects the
- * correct font, weight, and leading. It also choices appropriate semantic
- * HTML element based on the `variant` prop. For example, `body1` will use a
- * `<p>` tag, `title1` uses an `<h1>`, etc. This behavior can be overridden
- * with the `as` prop.
- *
- *
- * @example
- * ```tsx
- * import { Text } from '@yahoo/uds';
- *
- * <Text variant="body1" color="primary">
- *   Text goes here
- * </Text>
- * ```
- *
- * @usage
- * - Use `Text` to display text in your app.
- * - Use `variant` to change the size and weight of the text.
- * - Use `color` to change the color of the text.
- * - Use `as` to change the HTML tag used to render the text.
- *
- * @see The {@link https://uds.build/docs/components/text Text Docs} for more info
- */
-declare const Text: react.ForwardRefExoticComponent<(Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLElement> & react.HTMLAttributes<HTMLElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLHeadingElement> & react.HTMLAttributes<HTMLHeadingElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLLabelElement> & react.LabelHTMLAttributes<HTMLLabelElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLLIElement> & react.LiHTMLAttributes<HTMLLIElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLParagraphElement> & react.HTMLAttributes<HTMLParagraphElement> & Omit<UniversalTextProps, "color" | "variant">, "ref"> | Omit<{
-    /** Ref passed to the inner container. */
-    ref?: Ref<HTMLElement>;
-    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
-    as?: TextElementTagName | undefined;
-    variant?: VariantWithInherit;
-    color?: ColorWithInherit;
-} & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
-
-export { Text as T, type TextProps as a };