@povio/ui 4.0.2 → 5.0.0-rc.1

package/dist/components/split-button.js

@@ -1,7 +1,7 @@
-import { t as DropdownMenu } from "../DropdownMenu-tuf1W-IL.js";
+import { t as DropdownMenu } from "../DropdownMenu-zrodtd44.js";
 import { t as ChevronDown } from "../chevron-down-B4Pr8bD3.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as Button } from "../Button-CcZBqoQp.js";
+import { t as Button } from "../Button-sn52l1Yv.js";
 import { IconButton } from "./icon-button.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/stepper.d.ts

@@ -1,2 +1,2 @@
-import { n as StepItem, r as StepperProps, t as Stepper } from "../Stepper-PcHlxDD5.js";
+import { n as StepItem, r as StepperProps, t as Stepper } from "../Stepper-hlhViuaK.js";
 export { type StepItem, Stepper, type StepperProps };

package/dist/components/stepper.js

@@ -1,2 +1,2 @@
-import { t as Stepper } from "../Stepper-BbO9TlOM.js";
+import { t as Stepper } from "../Stepper-C1YPgTBG.js";
 export { Stepper };

package/dist/components/switch.d.ts

@@ -1,2 +1,2 @@
-import { n as Switch, r as SwitchProps, t as ControlledSwitchProps } from "../Switch-C0S5Juhf.js";
+import { n as Switch, r as SwitchProps, t as ControlledSwitchProps } from "../Switch-DPftmB1b.js";
 export { ControlledSwitchProps, Switch, SwitchProps };

package/dist/components/switch.js

@@ -1,2 +1,2 @@
-import { t as Switch } from "../Switch-Cylpjatb.js";
+import { t as Switch } from "../Switch-JxRmH1dX.js";
 export { Switch };

package/dist/components/tag.d.ts

@@ -1,2 +1,2 @@
-import { n as TagProps, t as Tag } from "../Tag-CgPeLVXM.js";
+import { n as TagProps, t as Tag } from "../Tag-Cch_68QO.js";
 export { Tag, TagProps };

package/dist/components/tag.js

@@ -1,2 +1,2 @@
-import { t as Tag } from "../Tag-DNuHvt6J.js";
+import { t as Tag } from "../Tag-HiDH438e.js";
 export { Tag };

package/dist/components/text-area.d.ts

@@ -1,2 +1,2 @@
-import { n as TextArea, r as TextAreaProps, t as ControlledTextAreaProps } from "../TextArea-CBWJ7w-p.js";
+import { n as TextArea, r as TextAreaProps, t as ControlledTextAreaProps } from "../TextArea-BhrCBGbq.js";
 export { ControlledTextAreaProps, TextArea, TextAreaProps };

package/dist/components/text-area.js

@@ -1,2 +1,2 @@
-import { t as TextArea } from "../TextArea-DZv6XaT0.js";
+import { t as TextArea } from "../TextArea-gikUKKDl.js";
 export { TextArea };

package/dist/components/text-button.d.ts

@@ -1,2 +1,2 @@
-import { n as TextButtonProps, t as TextButton } from "../TextButton-D7e_YBLe.js";
+import { n as TextButtonProps, t as TextButton } from "../TextButton-DnXRykhF.js";
 export { TextButton, TextButtonProps };

package/dist/components/text-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-CcZBqoQp.js";
+import { t as Button } from "../Button-sn52l1Yv.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx
@@ -21,7 +21,6 @@ const TextButton = (t0) => {
 		t2 = /* @__PURE__ */ jsx(Button, {
 			...props,
 			variant: "text",
-			size: "none",
 			width: t1,
 			children
 		});

package/dist/components/time-picker.d.ts

@@ -1,2 +1,2 @@
-import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-BZ4WrI5Z.js";
+import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-CmT89X7v.js";
 export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-DAoHgk8U.js";
+import { t as TimePicker } from "../TimePicker-DtNTOOGr.js";
 export { TimePicker };

package/dist/components/toast.d.ts

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "../toast.cva-LU7TGprV.js";
-import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-DIlYlUQk.js";
+import { t as ToastVariantProps } from "../toast.cva-Cj6o2Rmu.js";
+import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-B4cXs2rj.js";
 import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-1H_IxvyH.js";
 export { Toast, type ToastAction, ToastContainer, type ToastProps, ToastProvider, type ToastVariantProps };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-import { r as Toast } from "../dist-C6GfeeEC.js";
-import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-8X5jGBe7.js";
+import { r as Toast } from "../dist-B8h0VT0E.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-BbsMIwtC.js";
 export { Toast, ToastContainer, ToastProvider };

package/dist/components/toggle-button.d.ts

@@ -1,2 +1,2 @@
-import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-D4y2fLmN.js";
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-BGuzPJDO.js";
 export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-CcZBqoQp.js";
+import { t as Button } from "../Button-sn52l1Yv.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx

package/dist/components/toggle-group.js

@@ -1,2 +1,2 @@
-import { t as ToggleGroup } from "../ToggleGroup-Cho_oRZh.js";
+import { t as ToggleGroup } from "../ToggleGroup-Cl0NS3fe.js";
 export { ToggleGroup };

package/dist/components/tooltip-ellipsis.js

@@ -1,4 +1,4 @@
-import { t as Tooltip } from "../Tooltip-D94a1IQl.js";
+import { t as Tooltip } from "../Tooltip-aE1Vswxz.js";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip.d.ts

@@ -1,2 +1,2 @@
-import { n as TooltipProps, t as Tooltip } from "../Tooltip-B-2AxyjP.js";
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-D7dNwGy9.js";
 export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../Tooltip-D94a1IQl.js";
+import { t as Tooltip } from "../Tooltip-aE1Vswxz.js";
 export { Tooltip };

package/dist/components/typography.d.ts

@@ -1,3 +1,3 @@
-import { t as TypographyVariantProps } from "../typography.cva-YaO6JLqU.js";
-import { n as TypographyProps, t as Typography } from "../Typography-BWmZd20e.js";
+import { t as TypographyVariantProps } from "../typography.cva-jtp6WWUH.js";
+import { n as TypographyProps, t as Typography } from "../Typography-BiuidzDC.js";
 export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -1,2 +1,2 @@
-import { t as Typography } from "../Typography-AcUd9df8.js";
+import { t as Typography } from "../Typography-B0Gp1lpc.js";
 export { Typography };

package/dist/components/use-toast.d.ts

@@ -1,2 +1,2 @@
-import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-NBGlVeFP.js";
+import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-DMSm59Y6.js";
 export { ToastOptions, ToastParams, useToast };

package/dist/components/use-toast.js

@@ -5,7 +5,7 @@ let nextToastId = 0;
 const enqueueToast = (color, params, options) => {
 	const id = `povio-toast-${++nextToastId}`;
 	activateToastRenderer();
-	import("../toast.runtime-QMYrNvoQ.js").then(({ showToast }) => showToast(id, color, params, options));
+	import("../toast.runtime-CIKvmkjo.js").then(({ showToast }) => showToast(id, color, params, options));
 	return id;
 };
 const useToast = () => {
@@ -22,7 +22,7 @@ const useToast = () => {
 		return enqueueToast("neutral", params_2, options_2);
 	}, []);
 	const closeToast = useCallback((id) => {
-		import("../toast.runtime-QMYrNvoQ.js").then(({ dismissToast }) => dismissToast(id));
+		import("../toast.runtime-CIKvmkjo.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/confirmation.d.ts

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-fKfUTsLF.js";
+import { t as Confirmation } from "../confirmation.context-DPAKsLYl.js";
 export { Confirmation };

package/dist/config/link-context.d.ts

@@ -1,3 +1,3 @@
-import { n as LinkNavigationProps } from "../Link-DS9-0Ijl.js";
-import { t as LinkContext } from "../link.context-C5ZgwVM5.js";
+import { n as LinkNavigationProps } from "../Link-QYpprkN1.js";
+import { t as LinkContext } from "../link.context-CDZn6oL2.js";
 export { LinkContext, type LinkNavigationProps };

package/dist/config/ui-config.d.ts

@@ -1,3 +1,3 @@
-import { a as DateRangeResolvedValue, i as DateRangeRelativeOption } from "../DateRangePicker-D1kjkFfS.js";
-import { t as UIConfig } from "../uiConfig.context-CIoMqe1_.js";
+import { a as DateRangeResolvedValue, i as DateRangeRelativeOption } from "../DateRangePicker-DKkc2B3n.js";
+import { t as UIConfig } from "../uiConfig.context-aoarCLYX.js";
 export { type DateRangeRelativeOption, type DateRangeResolvedValue, UIConfig };

package/dist/config/ui-config.js

@@ -1,2 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
 export { UIConfig };

package/dist/{confirmation.context-fKfUTsLF.d.ts → confirmation.context-DPAKsLYl.d.ts}

@@ -1,4 +1,4 @@
-import { n as AlertDialogProps } from "./AlertDialog-PjYM6lDo.js";
+import { n as AlertDialogProps } from "./AlertDialog-B6R2MbNg.js";
 import { PropsWithChildren } from "react";
 //#region src/config/confirmation.context.d.ts
 declare namespace Confirmation {

package/dist/{date-picker-MXt02b7Z.d.ts → date-picker-BYFWSbN8.d.ts}

@@ -1,4 +1,4 @@
-import { r as DatePickerProps } from "./DatePicker-CjmXaZ9T.js";
+import { r as DatePickerProps } from "./DatePicker-B3l9TEjW.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{date-range-picker-BjT0t21q.d.ts → date-range-picker-BaaXOObm.d.ts}

@@ -1,4 +1,4 @@
-import { r as DateRangePickerProps } from "./DateRangePicker-D1kjkFfS.js";
+import { r as DateRangePickerProps } from "./DateRangePicker-DKkc2B3n.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{date-time-picker-CMmIuZtT.d.ts → date-time-picker-D42cTCgx.d.ts}

@@ -1,4 +1,4 @@
-import { r as DateTimePickerProps } from "./DateTimePicker-CT_Pm3KB.js";
+import { r as DateTimePickerProps } from "./DateTimePicker-IHr-wPq8.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{datePickerValue.utils-GADbSu7a.js → datePickerValue.utils-CFCY-fRJ.js}

@@ -2,10 +2,10 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./useControlledState-DQxX6LMN.js";
-import { _ as $d51706f903be7eab$export$1315d136e6f7581, u as getPlaceholder, y as $7541913c0284d84b$export$4c842f6a241dc825 } from "./staticDateTimeSegments-BQoA94W-.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { _ as $d51706f903be7eab$export$1315d136e6f7581, u as getPlaceholder, y as $7541913c0284d84b$export$4c842f6a241dc825 } from "./staticDateTimeSegments-DR8bJw-F.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
+import { t as useBreakpoint } from "./useBreakpoint-BOA-MyoT.js";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { Time } from "@internationalized/date";
@@ -148,9 +148,8 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 			ref,
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				variant: "prominent-1",
-				size: "label-2",
-				className: "text-text-default-2",
+				size: "small",
+				className: "text-surface-default-foreground font-bold",
 				children: segment.text
 			})
 		});
@@ -160,7 +159,7 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			...isDesktop && segmentProps,
-			className: clsx("w-11 rounded-input-rounding-default bg-input-filled-idle py-input-height-extra-small text-center", "font-labels-default text-text-default-3", "border border-input-filled-idle border-solid", "hover:border-interactive-contained-primary-hover", "focus-within:border-interactive-contained-primary-idle focus-within:outline-none"),
+			className: clsx("w-11 rounded-input-rounding-default bg-surface-default-popover py-input-height-small text-center", "font-body font-bold text-surface-default-popover-foreground", "border border-border-default-input border-solid", "not-focus-within:hover:border-tint-border-default-input/80 not-focus-within:hover:bg-tint-surface-default-popover/80 not-focus-within:hover:text-tint-surface-default-popover-foreground/80", "focus-within:border-interactive-ring focus-within:bg-surface-default-background focus-within:text-surface-default-card-foreground focus-within:outline-none"),
 			children: getPlaceholder(segment) ?? segment.text
 		})
 	});
@@ -195,9 +194,8 @@ const TimeSegmentButton = ({ segment, state, type }) => {
 			className: "flex shrink-0",
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				variant: "prominent-1",
-				size: "label-2",
-				className: "invisible text-text-default-2",
+				size: "small",
+				className: "invisible text-surface-default-foreground font-bold",
 				"aria-hidden": true,
 				children: segment.text
 			})

package/dist/{dialog.cva-5qNq9YfM.js → dialog.cva---xiOXMQ.js}

@@ -4,7 +4,7 @@ const dialogContentDefinition = UIOverrides.defineConfig({
 	base: [
 		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
 		"w-fit max-w-full [&>*]:max-w-full",
-		"border-elevation-outline-default-1 bg-elevation-fill-default-1 outline-none",
+		"border-border-default-subtle bg-surface-default-card outline-none",
 		"pointer-events-auto"
 	],
 	config: {

package/dist/{dist-C6GfeeEC.js → dist-B8h0VT0E.js}

@@ -1,10 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
-import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { t as Spinner } from "./Spinner-BEYBu85B.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { t as Button } from "./Button-CcZBqoQp.js";
+import { t as Button } from "./Button-sn52l1Yv.js";
 import $ahdqC$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Toast/toast.cva.ts
@@ -25,8 +25,8 @@ const toastDefinition = UIOverrides.defineConfig({
 	config: {
 		variants: {
 			variant: {
-				outlined: "border bg-elevation-fill-default-1 text-text-default-1",
-				contained: "text-text-inverted-1"
+				outlined: "border bg-surface-default-card text-surface-default-card-foreground",
+				contained: ""
 			},
 			color: {
 				neutral: "",
@@ -47,42 +47,42 @@ const toastDefinition = UIOverrides.defineConfig({
 			{
 				variant: "outlined",
 				color: "neutral",
-				className: "border-elevation-outline-default-1"
+				className: "border-border-default-subtle"
 			},
 			{
 				variant: "outlined",
 				color: "success",
-				className: "border-elevation-outline-success-1"
+				className: "border-surface-success-base"
 			},
 			{
 				variant: "outlined",
 				color: "warning",
-				className: "border-elevation-outline-warning-1"
+				className: "border-surface-warning-base"
 			},
 			{
 				variant: "outlined",
 				color: "error",
-				className: "border-elevation-outline-error-1"
+				className: "border-surface-destructive-base"
 			},
 			{
 				variant: "contained",
 				color: "neutral",
-				className: "bg-elevation-fill-inverted-1"
+				className: "bg-surface-inverted-card text-surface-inverted-card-foreground"
 			},
 			{
 				variant: "contained",
 				color: "success",
-				className: "bg-elevation-fill-success-1"
+				className: "bg-surface-success-base text-surface-success-inverted-base"
 			},
 			{
 				variant: "contained",
 				color: "warning",
-				className: "bg-elevation-fill-warning-1"
+				className: "bg-surface-warning-base text-surface-warning-inverted-base"
 			},
 			{
 				variant: "contained",
 				color: "error",
-				className: "bg-elevation-fill-error-1"
+				className: "bg-surface-destructive-base text-surface-destructive-inverted-base"
 			}
 		],
 		defaultVariants: {
@@ -92,65 +92,17 @@ const toastDefinition = UIOverrides.defineConfig({
 	}
 });
 const buttonColorVariant = compoundMapper({
-	compoundVariants: [
-		{
-			variant: "outlined",
-			color: "neutral",
-			value: { color: "secondary" }
-		},
-		{
-			variant: "outlined",
-			color: "success",
-			value: { color: "success" }
-		},
-		{
-			variant: "outlined",
-			color: "warning",
-			value: { color: "warning" }
-		},
-		{
-			variant: "outlined",
-			color: "error",
-			value: { color: "error" }
-		},
-		{
-			variant: "contained",
-			color: "neutral",
-			value: {
-				color: "primary",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "success",
-			value: {
-				color: "success",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "warning",
-			value: {
-				color: "warning",
-				inverted: true
-			}
-		},
-		{
-			variant: "contained",
-			color: "error",
-			value: {
-				color: "error",
-				inverted: true
-			}
+	compoundVariants: [{
+		variant: "contained",
+		value: {
+			color: "primary",
+			inverted: true
 		}
-	],
-	defaultVariants: {
-		variant: "outlined",
-		color: "neutral"
-	},
-	default: { color: "secondary" }
+	}],
+	default: {
+		color: "primary",
+		inverted: false
+	}
 });
 const statusIconDefinition = UIOverrides.defineConfig({
 	base: ["size-6 shrink-0"],
@@ -158,7 +110,7 @@ const statusIconDefinition = UIOverrides.defineConfig({
 		variants: {
 			variant: {
 				outlined: "",
-				contained: "text-text-inverted-1"
+				contained: "text-inherit"
 			},
 			color: {
 				neutral: "",
@@ -171,22 +123,22 @@ const statusIconDefinition = UIOverrides.defineConfig({
 			{
 				variant: "outlined",
 				color: "neutral",
-				className: "text-text-default-2"
+				className: "text-surface-default-foreground"
 			},
 			{
 				variant: "outlined",
 				color: "success",
-				className: "text-text-success-1"
+				className: "text-surface-success-base"
 			},
 			{
 				variant: "outlined",
 				color: "warning",
-				className: "text-text-warning-1"
+				className: "text-surface-warning-base"
 			},
 			{
 				variant: "outlined",
 				color: "error",
-				className: "text-text-error-1"
+				className: "text-surface-destructive-base"
 			}
 		],
 		defaultVariants: {
@@ -204,10 +156,10 @@ const statusSeparatorDefinition = UIOverrides.defineConfig({
 				contained: "hidden"
 			},
 			color: {
-				neutral: "bg-elevation-outline-default-1",
-				success: "bg-elevation-outline-success-1",
-				warning: "bg-elevation-outline-warning-1",
-				error: "bg-elevation-outline-error-1"
+				neutral: "bg-border-default-subtle",
+				success: "bg-surface-success-base",
+				warning: "bg-surface-warning-base",
+				error: "bg-surface-destructive-base"
 			}
 		},
 		defaultVariants: { color: "neutral" }
@@ -237,7 +189,7 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 				}),
 				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
 				/* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
+					size: "small",
 					children: text
 				})
 			]
@@ -247,7 +199,7 @@ const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props })
 				onPress,
 				...buttonColor(variantProps),
 				variant: "text",
-				size: "none",
+				size: "sm",
 				width: "hug",
 				children: buttonText
 			}, buttonText))

package/dist/{dom.utils-D3mELNBA.js → dom.utils-DjuRTR6U.js}

@@ -1,4 +1,4 @@
-import { o as ObjectUtils } from "./uiConfig.context-RFvaQYzD.js";
+import { o as ObjectUtils } from "./uiConfig.context-D2eUIPHn.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useStateAndRef.ts