@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/cjs/components/pill/Pill.d.ts

@@ -0,0 +1,143 @@
+import { AriaAttributes } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const pill: import('tailwind-variants').TVReturnType<{
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}, undefined, "uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small", import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}>, {
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}, undefined, "uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small", import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        critical: string;
+        info: string;
+        neutral: string;
+    };
+    shape: {
+        circle: string;
+        pill: string;
+    };
+    isVisible: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+export type PillProps = Partial<Pick<HTMLDivElement, 'id'>> & Required<Pick<AriaAttributes, 'aria-label'>> & Pick<AriaAttributes, 'aria-details' | 'aria-describedby' | 'aria-live'> & {
+    /** The value to be displayed inside the Pill */
+    value: number;
+    /**
+     * The variant of the Pill, determining its color scheme
+     * @default 'critical'
+     */
+    variant?: VariantProps<typeof pill>['variant'];
+    /**
+     * Determines if the Pill is visible or not
+     * @default true
+     */
+    isVisible?: VariantProps<typeof pill>['isVisible'];
+    /**
+     * The maximum number of digits to display. If the value exceeds this limit, it will be truncated and a '+' will be appended
+     * @default 2
+     */
+    maxDigits?: number;
+};
+/**
+ * The Pill component displays a count of notifications or other numerical values.
+ */
+declare const Pill: import('react').ForwardRefExoticComponent<Partial<Pick<HTMLDivElement, "id">> & Required<Pick<AriaAttributes, "aria-label">> & Pick<AriaAttributes, "aria-describedby" | "aria-details" | "aria-live"> & {
+    /** The value to be displayed inside the Pill */
+    value: number;
+    /**
+     * The variant of the Pill, determining its color scheme
+     * @default 'critical'
+     */
+    variant?: VariantProps<typeof pill>["variant"];
+    /**
+     * Determines if the Pill is visible or not
+     * @default true
+     */
+    isVisible?: VariantProps<typeof pill>["isVisible"];
+    /**
+     * The maximum number of digits to display. If the value exceeds this limit, it will be truncated and a '+' will be appended
+     * @default 2
+     */
+    maxDigits?: number;
+} & import('react').RefAttributes<HTMLSpanElement>>;
+export { Pill };

package/dist/cjs/components/pill/Pill.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),y=require("tailwind-variants"),d=y.tv({base:"uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small",variants:{variant:{critical:"uy-bg-surface-danger uy-text-content-inverted",info:"uy-bg-surface-primary uy-text-content-inverted",neutral:"uy-bg-surface-neutral-lowest uy-text-content-neutral"},shape:{circle:"uy-rounded-circle",pill:"uy-rounded-pill uy-px-50"},isVisible:{true:"uy-visible",false:"uy-invisible"}},defaultVariants:{variant:"critical",shape:"pill",isVisible:!0}}),p=(e,i)=>{const t=10**i-1;return e>t?`${t}+`:e.toString()},a=o.forwardRef(({variant:e="critical",isVisible:i=!0,maxDigits:t=2,value:l,...n},u)=>{const r=p(Math.abs(l),t),s=d({variant:e,isVisible:i,shape:r.length===1?"circle":"pill"});return c.jsx("span",{...n,ref:u,role:"status",className:s,"aria-atomic":"true",children:r})});a.displayName="Pill";exports.Pill=a;

package/dist/cjs/components/progress-bar/ProgressBar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),m=require("react-aria-components"),f=require("tailwind-variants"),b=f.tv({slots:{base:"uy-rounded-150 uy-bg-surface-neutral-disabled uy-h-150 uy-top-[50%] uy-transform uy-translate-y-[-50%] uy-w-full",meter:"uy-rounded-l-150 uy-absolute uy-h-full uy-top-[50%] uy-transform uy-translate-y-[-50%] uy-rounded-full uy-bg-surface-success"},variants:{isFull:{true:{meter:"uy-rounded-r-150"}}},defaultVariants:{isFull:!1}}),a=d.forwardRef(({value:r,range:t=[0,100],...u},l)=>{const[n,s]=t,o=r>=s,{base:i,meter:y}=b({isFull:o});return e.jsx(m.ProgressBar,{ref:l,value:r,minValue:n,maxValue:s,"aria-label":u["aria-label"],children:({percentage:c})=>e.jsx("div",{className:i(),children:e.jsx("div",{className:y(),style:{width:`${c}%`}})})})});a.displayName="ProgressBar";exports.ProgressBar=a;

package/dist/cjs/components/spinner/Spinner.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export type SpinnerProps = Pick<HTMLAttributes<HTMLDivElement>, 'aria-hidden'> & {
+    /** The label text for the spinner */
+    label: string;
+    /** The size of the spinner, can be 'small' for 16px size or 'medium' for 24px size */
+    size: 'small' | 'medium';
+    /** Te spinner's color, can be 'primary', 'inverted', or 'inherit', which will make it take the element's `currentColor` */
+    color?: 'primary' | 'inverted' | 'inherit';
+};
+export declare const Spinner: import('react').ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "aria-hidden"> & {
+    /** The label text for the spinner */
+    label: string;
+    /** The size of the spinner, can be 'small' for 16px size or 'medium' for 24px size */
+    size: "small" | "medium";
+    /** Te spinner's color, can be 'primary', 'inverted', or 'inherit', which will make it take the element's `currentColor` */
+    color?: "primary" | "inverted" | "inherit";
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/spinner/Spinner.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),y=require("tailwind-variants"),p=require("../../hooks/use-id.js"),m=require("./Spinner.module.css.js"),b=y.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function n({label:r,color:a,size:i,...l},s){const t=`uy-spinner-label-${p()}`,{base:o,indicator:c,label:d}=b({size:i,color:a});return e.jsxs("div",{...l,ref:s,role:"status",className:o(),"aria-labelledby":t,"aria-live":"polite",children:[e.jsxs("svg",{viewBox:"0 0 100 100","aria-hidden":"true",className:c(),children:[e.jsx("title",{children:"Loading"}),e.jsx("circle",{className:m.default.spinnerCircle,cx:"50",cy:"50",r:"45",fill:"none",stroke:"currentColor"})]}),e.jsx("span",{id:t,className:d(),"aria-hidden":i!=="small",children:r})]})}n.displayName="Spinner";const x=u.forwardRef(n);exports.Spinner=x;

package/dist/cjs/components/spinner/Spinner.module.css.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_spinnerCircle_16ssj_25",e="_spin_16ssj_25",n={spinnerCircle:s,"arc-shrink":"_arc-shrink_16ssj_1",spin:e};exports.default=n;exports.spin=e;exports.spinnerCircle=s;

package/dist/cjs/components/spinner/dynamic-content.d.ts

@@ -0,0 +1,2 @@
+declare const DynamicContent: () => JSX.Element;
+export default DynamicContent;

package/dist/cjs/components/stepper/Stepper.context.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+interface StepperContextValue {
+    currentStep: number;
+}
+export declare const StepperContext: import('react').Context<StepperContextValue>;
+export declare function StepperProvider({ children, currentStep, }: PropsWithChildren<StepperContextValue>): JSX.Element;
+export declare function useStepperContext(): StepperContextValue;
+export {};

package/dist/cjs/components/tabs/Tabs.context.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { tabsVariant } from './Tabs.variant.js';
+interface TabsContextValue {
+    variant: VariantProps<typeof tabsVariant>['variant'];
+    scrollable: boolean;
+}
+export declare const TabsContext: import('react').Context<TabsContextValue>;
+export declare function TabsProvider({ children, variant, scrollable, }: PropsWithChildren<TabsContextValue>): JSX.Element;
+export declare function useTabsContext(): TabsContextValue;
+export {};

package/dist/cjs/components/tabs/Tabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),b=require("react-aria-components"),u=require("./Tabs.context.js"),T=require("./Tabs.variant.js"),t=c.forwardRef(({children:a,variant:e,scrollable:s=!1,...n},o)=>{const{base:i}=T.tabsVariant({variant:e,scrollable:s});return r.jsx(u.TabsProvider,{variant:e,scrollable:s,children:r.jsx(b.Tabs,{ref:o,className:i(),...n,children:a})})});t.displayName="Tabs";exports.Tabs=t;

package/dist/cjs/components/tabs/Tabs.variant.d.ts

@@ -0,0 +1,139 @@
+export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}, {
+    base: string;
+    tabList: string;
+    tab: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}, {
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}>, {
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}, {
+    base: string;
+    tabList: string;
+    tab: string[];
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}, {
+    base: string;
+    tabList: string;
+    tab: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}, {
+    variant: {
+        primary: {
+            tab: string;
+        };
+        neutral: {
+            tab: string;
+        };
+    };
+    scrollable: {
+        true: {
+            tabList: string;
+        };
+        false: {
+            base: string;
+            tabList: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/components/tabs/Tabs.variant.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;

package/dist/cjs/components/tabs/parts/NavigationButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from 'react-aria-components';
+type Direction = 'left' | 'right';
+interface NavigationButtonProps extends Pick<ButtonProps, 'onPress'> {
+    direction: Direction;
+}
+declare const NavigationButton: ({ direction, onPress }: NavigationButtonProps) => JSX.Element;
+export { NavigationButton };

package/dist/cjs/components/tabs/parts/NavigationButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react-aria-components"),s=require("tailwind-variants"),a=require("../../icon/Icon.js"),l=s.tv({slots:{base:"uy-absolute uy-pt-150 uy-pb-150",button:"uy-rounded-circle hover:uy-text-content-neutral-hover focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",icon:"uy-text-content-neutral-enabled"},variants:{direction:{left:{base:"uy-top-0 uy-left-0 uy-z-10 uy-bg-gradient-to-r uy-from-surface-inverted/0 uy-from-surface-inverted/100 uy-pl-50 uy-pr-200"},right:{base:"uy-right-0 uy-top-0 uy-z-10 uy-bg-gradient-to-l uy-from-surface-inverted/100 uy-from-surface-inverted/0 uy-pl-200 uy-pr-50"}}}}),c=({direction:t,onPress:u})=>{const{base:r,button:n,icon:o}=l({direction:t});return e.jsx("div",{className:r(),children:e.jsx(i.Button,{id:`scroll-${t}`,className:n(),"aria-label":`Scroll ${t}`,onPress:u,children:e.jsx(a.Icon,{className:o(),"aria-labelledby":`scroll-${t}`,src:t==="left"?"CaretLeftOutlined":"CaretRightOutlined"})})})};exports.NavigationButton=c;

package/dist/cjs/components/tabs/parts/Tab.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { TabProps as AriaTabProps } from 'react-aria-components';
+export interface TabProps extends Omit<AriaTabProps, 'isDisabled' | 'className' | 'style' | 'download' | 'ping' | 'routerOptions'> {
+    suffix?: ReactNode;
+}
+declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Tab };

package/dist/cjs/components/tabs/parts/Tab.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),l=require("react-aria-components"),u=require("../Tabs.context.js"),T=require("../Tabs.variant.js"),a=b.forwardRef(({children:r,suffix:e,...s},n)=>{const{variant:o,scrollable:c}=u.useTabsContext(),{tab:i}=T.tabsVariant({variant:o,scrollable:c});return t.jsxs(l.Tab,{ref:n,...s,className:i(),children:[r,e?t.jsx("span",{children:e}):null]})});a.displayName="Tab";exports.Tab=a;

package/dist/cjs/components/tabs/parts/TabList.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("react-aria-components"),g=require("../Tabs.context.js"),L=require("../Tabs.variant.js"),u=require("./NavigationButton.js"),b=20,d=s.forwardRef(({children:o},a)=>{const r=s.useRef(null),[f,v]=s.useState(!1),[h,m]=s.useState(!0),{variant:x,scrollable:n}=g.useTabsContext(),{tabList:l}=L.tabsVariant({variant:x,scrollable:n}),y=t=>{const{scrollLeft:i,scrollWidth:S,clientWidth:T}=t.currentTarget;v(i>0),m(i+T<S)};return n?e.jsxs("div",{className:"uy-relative",children:[f&&e.jsx(u.NavigationButton,{direction:"left",onPress:()=>{var t;(t=r.current)==null||t.scrollBy({behavior:"smooth",left:-b})}}),e.jsx("div",{ref:r,"data-testid":"scrollable-tab-list",className:"uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-b-border-form-enabled",onScroll:y,children:e.jsx(c.TabList,{ref:a,className:l(),children:o})}),h&&e.jsx(u.NavigationButton,{direction:"right",onPress:()=>{var t;(t=r.current)==null||t.scrollBy({behavior:"smooth",left:b})}})]}):e.jsx(c.TabList,{ref:a,className:l(),children:o})});d.displayName="TabList";exports.TabList=d;

package/dist/cjs/components/text/Text.d.ts

@@ -0,0 +1,84 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { text } from './Text.variants.js';
+type ValidTextElements = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'em' | 'strong' | 'small';
+export type TextProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * The HTML element to render the text as. Defaults to a recommended element based on the variant.
+     * @default 'span'
+     */
+    asElement?: ValidTextElements;
+    /**
+     * The language of the text content See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
+     */
+    lang?: HTMLSpanElement['lang'];
+    /**
+     * The typography variant to use.
+     * @default 'inherit'
+     */
+    variant?: VariantProps<typeof text>['variant'];
+    /**
+     * The text's color. This can be any token under the `content` colors namespace.
+     * @default 'inherit'
+     */
+    color?: VariantProps<typeof text>['color'];
+    /**
+     * Whether the text should be truncated to one line and have an ellipsis.
+     * @default false
+     */
+    isTruncated?: boolean;
+    /**
+     * The number of lines to clamp the text to.
+     * @default undefined
+     */
+    lineClamp?: number;
+    /**
+     * Additional class names to apply to the text.
+     * @default undefined
+     */
+    className?: string;
+}>;
+/**
+ * The `Text` component is used to render text with different variants and colors.
+ */
+declare const Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * The HTML element to render the text as. Defaults to a recommended element based on the variant.
+     * @default 'span'
+     */
+    asElement?: ValidTextElements;
+    /**
+     * The language of the text content See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
+     */
+    lang?: HTMLSpanElement["lang"];
+    /**
+     * The typography variant to use.
+     * @default 'inherit'
+     */
+    variant?: VariantProps<typeof text>["variant"];
+    /**
+     * The text's color. This can be any token under the `content` colors namespace.
+     * @default 'inherit'
+     */
+    color?: VariantProps<typeof text>["color"];
+    /**
+     * Whether the text should be truncated to one line and have an ellipsis.
+     * @default false
+     */
+    isTruncated?: boolean;
+    /**
+     * The number of lines to clamp the text to.
+     * @default undefined
+     */
+    lineClamp?: number;
+    /**
+     * Additional class names to apply to the text.
+     * @default undefined
+     */
+    className?: string;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export { Text };

package/dist/cjs/components/text/Text.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),g=require("react"),u=require("./Text.variants.js"),b={inherit:"span",h1:"h1",h2:"h2",h3:"h3",h4:"h4",overline:"h6",subtitle:"h5",displayTitle:"h1",displayBody:"p",body:"p",bodyStrong:"strong",bodySmall:"small",bodySmallStrong:"strong",bodyLarge:"p",bodyLargeStrong:"strong",action:"span",actionLarge:"span",actionSmall:"span"},s=g.forwardRef(({children:o,variant:e,color:n,isTruncated:a,lineClamp:t,asElement:r,className:l,...i},c)=>{const d=t!==void 0,m=u.text({variant:e,color:n,isTruncated:a,isLineClamped:d,className:l}),y=b[e??"inherit"],h=r??y;return p.jsx(h,{...i,ref:c,className:m,style:{"--uy-text-line-clamp":t},children:o})});s.displayName="Text";exports.Text=s;