@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/tanstack.js

@@ -1,103 +1,103 @@
 import { t as logger } from "./logger-CqZjM-sn.js";
-import { t as DropdownMenu } from "./DropdownMenu-DH7E2aXb.js";
-import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-nMoCa6N5.js";
-import { i as useDeepCompareMemo, n as useDeepCompareEffect, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { t as Tooltip } from "./Tooltip-CMigoyri.js";
-import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-CUINwVTR.js";
-import { a as useKeyInteractions, i as getKeyInteractionAction, o as useDebounceCallback, r as createKeyInteractionsHandler } from "./Select-Br_3eecr.js";
+import { t as DropdownMenu } from "./DropdownMenu-DtZdv5mo.js";
+import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-BMkiHEuY.js";
+import { i as useDeepCompareMemo, n as useDeepCompareEffect, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
+import { t as PaginationList } from "./PaginationList-vfqgyTIP.js";
+import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-DoTYVxqG.js";
+import { a as useKeyInteractions, i as getKeyInteractionAction, o as useDebounceCallback, r as createKeyInteractionsHandler } from "./Select-BAlYMh4h.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { t as Breadcrumbs } from "./Breadcrumbs-AbUBqBTq.js";
-import { t as Accordion } from "./Accordion-DQRdeDs1.js";
-import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-DPwJJK_D.js";
-import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
-import { i as tooltipTextDefinition, n as tooltipPointerHorizontalDefinition, r as tooltipPointerVerticalDefinition, t as tooltipDefinition } from "./tooltip.cva-ClcaR72U.js";
-import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as Breadcrumbs } from "./Breadcrumbs-V-Bea_bs.js";
+import { t as Accordion } from "./Accordion-DycXjzGK.js";
+import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-DCAdmxWR.js";
+import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-CS5Q2b_3.js";
+import { i as tooltipTextDefinition, n as tooltipPointerHorizontalDefinition, r as tooltipPointerVerticalDefinition, t as tooltipDefinition } from "./tooltip.cva-Clfcn_r2.js";
+import { t as typographyDefinition } from "./typography.cva-CXolEQdT.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";
-import { n as spinnerDefinition, r as spinnerWrapperDefinition, t as Spinner } from "./Spinner-BeVTUzzx.js";
+import { n as spinnerDefinition, r as spinnerWrapperDefinition, t as Spinner } from "./Spinner-CFj5Iu77.js";
 import { n as ObjectUtils, t as isEqual } from "./isEqual-LFw0W5rU.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-vO0fPUTn.js";
-import { t as Button } from "./Button-DER_6cxv.js";
+import { i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-fkUW5b2d.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
 import { IconButton } from "./components/icon-button.js";
-import { n as badgeButtonContentDefinition, r as badgeButtonDefinition } from "./badgeButton.cva-BPyVejxO.js";
+import { n as badgeButtonContentDefinition, r as badgeButtonDefinition } from "./badgeButton.cva-C1BuYx1N.js";
 import { BadgeButton } from "./components/badge-button.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { SplitButton } from "./components/split-button.js";
 import { ToggleButton } from "./components/toggle-button.js";
 import { i as useFormValue, r as useFormState, t as useForm } from "./useForm-eW4KpH1u.js";
-import { a as checkboxGroupLabelDefinition, i as checkboxDefinition, n as checkboxContentRowDefinition, o as checkboxIconDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-D-D9Qgaf.js";
-import { t as formFieldErrorDefinition } from "./formFieldError.cva-CTl0VeyG.js";
-import { t as Checkbox } from "./Checkbox.bound-CMZnF2_d.js";
-import { i as formFieldHeaderDefinition, n as labelDefinition, t as formFieldHelperDefinition } from "./formFieldHelper.cva-CxAmrG2H.js";
-import { t as FormField } from "./FormField-D7KKJ6kG.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
-import { t as CheckboxGroup } from "./CheckboxGroup.bound-CTCdezUN.js";
-import { n as useScrollableListBox } from "./Calendar-DRQ536wk.js";
+import { a as checkboxGroupLabelDefinition, i as checkboxDefinition, n as checkboxContentRowDefinition, o as checkboxIconDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-DCVi4-4z.js";
+import { t as formFieldErrorDefinition } from "./formFieldError.cva-Cc-dELdU.js";
+import { t as Checkbox } from "./Checkbox.bound-DN4OVaMs.js";
+import { i as formFieldHeaderDefinition, n as labelDefinition, t as formFieldHelperDefinition } from "./formFieldHelper.cva-5YaiUEcL.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
+import { t as CheckboxGroup } from "./CheckboxGroup.bound-8hjoP-xP.js";
+import { n as useScrollableListBox } from "./Calendar-ChmIflXX.js";
 import { t as useAsyncList } from "./useAsyncList-yHz7twsj.js";
 import { n as resources, t as ns } from "./i18n-BjNKHh_D.js";
-import { r as useLongPressRepeat } from "./datePickerValue.utils-OAQBDk1R.js";
+import { r as useLongPressRepeat } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
-import { t as DatePicker } from "./DatePicker.bound-Yqckg7Mk.js";
-import { n as switchDefinition } from "./switch.cva-BsJ4iAFl.js";
-import { t as tagDefinition } from "./tag.cva-BCCH7ku3.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
+import { t as DatePicker } from "./DatePicker.bound-CtBL5w-8.js";
+import { n as switchDefinition } from "./switch.cva-C9bO_QI-.js";
+import { t as tagDefinition } from "./tag.cva-BVa0EWBU.js";
 import { Tag } from "./components/tag.js";
-import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-RzxvSBkd.js";
-import { t as selectListBoxItemDefinition } from "./selectItem.cva-BWfEkNs_.js";
+import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
 import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as DateRangePicker } from "./DateRangePicker.bound-C1klxYW0.js";
-import { t as DateTimePicker } from "./DateTimePicker.bound-BDyUzidV.js";
-import { t as TimePicker } from "./TimePicker.bound-B-BVLNbk.js";
+import { t as DateRangePicker } from "./DateRangePicker.bound-GeRw9Iuj.js";
+import { t as DateTimePicker } from "./DateTimePicker.bound-ByjHsAnf.js";
+import { t as TimePicker } from "./TimePicker.bound-3i1DJgrU.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
-import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D7iiX6Lh.js";
-import { t as Progress } from "./Progress-De76pCfX.js";
-import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-ujmStxB1.js";
-import { t as FileUpload } from "./FileUpload.bound-DQ6uuH2W.js";
+import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D0PKV_ET.js";
+import { t as Progress } from "./Progress-ZsKwo9ne.js";
+import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-DVJcCCYz.js";
+import { t as FileUpload } from "./FileUpload.bound-DqqPejvc.js";
 import { FileUploadContainer } from "./components/file-upload-container.js";
-import { i as fileInputDropZoneDefinition, r as fileInputButtonDefinition } from "./FileInput-CqRrQRM-.js";
-import { t as FileInput } from "./FileInput.bound-BZ7-g-dq.js";
-import { t as NumberField } from "./NumberField.bound-zySl-v_q.js";
-import { t as NumberRangeInput } from "./NumberRangeInput.bound-CKywKEKI.js";
-import { t as Input } from "./Input.bound-jZx8gJro.js";
-import { t as PasswordInput } from "./PasswordInput.bound-CrXKvfil.js";
+import { i as fileInputDropZoneDefinition, r as fileInputButtonDefinition } from "./FileInput-Bpm2HJSB.js";
+import { t as FileInput } from "./FileInput.bound-B6oGPCP8.js";
+import { t as NumberField } from "./NumberField.bound-DiDYEZM4.js";
+import { t as NumberRangeInput } from "./NumberRangeInput.bound-B0e7yUDI.js";
+import { t as Input } from "./Input.bound-CnqI-L-b.js";
+import { t as PasswordInput } from "./PasswordInput.bound-Bj3WO1zC.js";
 import { t as textAreaWrapperDefinition } from "./TextArea.cva-Bb73hriz.js";
-import { t as TextArea } from "./TextArea.bound-BJZ9m_FE.js";
-import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./radio.cva-Ctdop1xV.js";
-import { t as RadioGroup } from "./RadioGroup.bound-CN4K9dV2.js";
-import { t as Autocomplete } from "./Autocomplete.bound-D0pgmsHB.js";
-import { t as Select } from "./Select.bound-CgLKMzLn.js";
-import { t as Slider } from "./Slider.bound-Bp7Zrs9_.js";
-import { t as Switch } from "./Switch.bound-Dk-BmxJd.js";
-import { a as accordionHeadingTitleDefinition, c as accordionPanelContentDefinition, i as accordionHeadingSubtitleDefinition, l as accordionPanelDefinition, n as accordionDefinition, o as accordionIconDefinition, r as accordionHeadingDefinition, s as accordionItemDefinition, t as accordionChevronDefinition, u as accordionTriggerDefinition } from "./accordion.cva-CeBWV9EO.js";
-import { a as stepperSeparatorDefinition, i as stepperNumberDefinition, n as stepperIconDefinition, o as stepperSubtextDefinition, r as stepperItemDefinition, s as stepperTitleDefinition, t as stepperDefinition } from "./stepper.cva-CpRi0fGb.js";
-import { t as Stepper } from "./Stepper-CMw6QnCu.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-sioU_5R7.js";
-import { t as Dialog } from "./Dialog-DSl1Fkqi.js";
+import { t as TextArea } from "./TextArea.bound-DPALjcvO.js";
+import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./radio.cva-Dn2Auqxw.js";
+import { t as RadioGroup } from "./RadioGroup.bound-aK3GC6i7.js";
+import { t as Autocomplete } from "./Autocomplete.bound-e5WbxlBm.js";
+import { t as Select } from "./Select.bound-CQPG2sWV.js";
+import { t as Slider } from "./Slider.bound-BoIYW8I5.js";
+import { t as Switch } from "./Switch.bound-Brw5UUA6.js";
+import { a as accordionHeadingTitleDefinition, c as accordionPanelContentDefinition, i as accordionHeadingSubtitleDefinition, l as accordionPanelDefinition, n as accordionDefinition, o as accordionIconDefinition, r as accordionHeadingDefinition, s as accordionItemDefinition, t as accordionChevronDefinition, u as accordionTriggerDefinition } from "./accordion.cva-C-gUiXk5.js";
+import { a as stepperSeparatorDefinition, i as stepperNumberDefinition, n as stepperIconDefinition, o as stepperSubtextDefinition, r as stepperItemDefinition, s as stepperTitleDefinition, t as stepperDefinition } from "./stepper.cva-CQGechUm.js";
+import { t as Stepper } from "./Stepper-DlyScdAM.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-DzJlaK5a.js";
+import { t as Dialog } from "./Dialog-COvYzwNU.js";
 import { AlertDialog } from "./components/alert-dialog.js";
 import { Drawer } from "./components/drawer.js";
 import { Popover } from "./components/popover.js";
 import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
-import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-CEhjMT4j.js";
-import { t as ToggleGroup } from "./ToggleGroup.bound-DEc7rdNF.js";
-import { t as PaginationList } from "./PaginationList-PjOxNQwB.js";
+import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-C9Y5-kpk.js";
+import { t as ToggleGroup } from "./ToggleGroup.bound-DjwakG--.js";
 import { Pagination } from "./components/pagination.js";
-import { n as statusSeparatorDefinition, r as alertDefinition, t as statusIconDefinition } from "./status.cva-BFGMKZO_.js";
+import { n as statusSeparatorDefinition, r as alertDefinition, t as statusIconDefinition } from "./status.cva-CUpcOT4W.js";
 import { Alert } from "./components/alert.js";
-import { a as toastDefinition, n as statusIconDefinition$1, r as statusSeparatorDefinition$1 } from "./toast.cva-aC4NMpLb.js";
-import { r as Toast } from "./dist-CAFUM34b.js";
-import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-BDvta6st.js";
+import { a as toastDefinition, n as statusIconDefinition$1, r as statusSeparatorDefinition$1 } from "./toast.cva-BMOx7_9f.js";
+import { r as Toast } from "./dist-D35rjADF.js";
+import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-D1Jl3PPk.js";
 import { useToast } from "./components/use-toast.js";
-import { a as tableHeadRowDefinition, i as tableHeadDataDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-DFQM8VbM.js";
+import { a as tableHeadRowDefinition, i as tableHeadDataDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-BMIizuGy.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
-import { t as linkDefinition } from "./link.cva-D3XRgcAv.js";
+import { t as linkDefinition } from "./link.cva-isgDrId6.js";
 import { Link } from "./components/link.js";
 import { Badge } from "./components/badge.js";
 import { t as Confirmation } from "./confirmation.context-BSn1s-ip.js";

package/dist/{toast.cva-L0k_TBiW.d.ts → toast.cva-B8i61tEN.d.ts}

@@ -1,12 +1,12 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
-import "./button.cva-CBckM91c.js";
+import "./style-definitions-DzsmGccZ.js";
+import "./button.cva-YpNNY6C-.js";
 //#region src/components/status/Toast/toast.cva.d.ts
 declare const toastDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      readonly outlined: "border bg-surface-default-card text-content-primary";
+      readonly outlined: "";
       readonly contained: "";
     };
     readonly color: {
@@ -32,7 +32,7 @@ declare const statusIconDefinition: {
   config: StyleMergeUtils.Config<{
     readonly variant: {
       readonly outlined: "";
-      readonly contained: "text-inherit";
+      readonly contained: "text-current";
     };
     readonly color: {
       readonly neutral: "";
@@ -47,13 +47,13 @@ declare const statusSeparatorDefinition: {
   config: StyleMergeUtils.Config<{
     readonly variant: {
       readonly outlined: "";
-      readonly contained: "hidden";
+      readonly contained: "";
     };
     readonly color: {
-      readonly neutral: "bg-border-default-subtle";
-      readonly success: "bg-status-success-accent";
-      readonly warning: "bg-status-warning-accent";
-      readonly error: "bg-status-destructive-accent";
+      readonly neutral: "bg-border";
+      readonly success: "bg-success/30";
+      readonly warning: "bg-warning/30";
+      readonly error: "bg-destructive/30";
     };
   }>;
 };

package/dist/{toast.cva-aC4NMpLb.js → toast.cva-BMOx7_9f.js}

@@ -3,7 +3,7 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 //#region src/components/status/Toast/toast.cva.ts
 const toastContainerDefinition = UIOverrides.defineConfig({
-	base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
+	base: ["m-4 w-auto gap-3.5 p-0 md:m-6"],
 	config: { variants: { position: {
 		"bottom-right": "right-0 bottom-0",
 		"bottom-left": "bottom-0 left-0",
@@ -15,11 +15,11 @@ const toastContainerDefinition = UIOverrides.defineConfig({
 });
 const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
 const toastDefinition = UIOverrides.defineConfig({
-	base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
+	base: ["m-0 flex w-89 max-w-[calc(100vw-2rem)] items-center gap-1.5 rounded-md border p-4 text-sm shadow-lg"],
 	config: {
 		variants: {
 			variant: {
-				outlined: "border bg-surface-default-card text-content-primary",
+				outlined: "",
 				contained: ""
 			},
 			color: {
@@ -40,43 +40,27 @@ const toastDefinition = UIOverrides.defineConfig({
 		compoundVariants: [
 			{
 				variant: "outlined",
-				color: "neutral",
-				className: "border-border-default-subtle"
-			},
-			{
-				variant: "outlined",
-				color: "success",
-				className: "border-status-success-accent"
-			},
-			{
-				variant: "outlined",
-				color: "warning",
-				className: "border-status-warning-accent"
-			},
-			{
-				variant: "outlined",
-				color: "error",
-				className: "border-border-destructive-base"
+				className: "border-border bg-popover text-popover-foreground"
 			},
 			{
 				variant: "contained",
 				color: "neutral",
-				className: "bg-surface-inverted-card text-content-inverted-primary"
+				className: "border-border bg-muted text-foreground"
 			},
 			{
 				variant: "contained",
 				color: "success",
-				className: "bg-status-success-background text-status-success-foreground"
+				className: "border-success/30 bg-[color-mix(in_oklab,var(--success)_10%,var(--popover))] text-success"
 			},
 			{
 				variant: "contained",
 				color: "warning",
-				className: "bg-status-warning-background text-status-warning-foreground"
+				className: "border-warning/30 bg-[color-mix(in_oklab,var(--warning)_10%,var(--popover))] text-warning"
 			},
 			{
 				variant: "contained",
 				color: "error",
-				className: "bg-status-destructive-background text-status-destructive-foreground"
+				className: "border-destructive/30 bg-[color-mix(in_oklab,var(--destructive)_10%,var(--popover))] text-destructive"
 			}
 		],
 		defaultVariants: {
@@ -90,7 +74,7 @@ const buttonColorVariant = compoundMapper({
 		variant: "contained",
 		value: {
 			color: "primary",
-			inverted: true
+			inverted: false
 		}
 	}],
 	default: {
@@ -99,12 +83,12 @@ const buttonColorVariant = compoundMapper({
 	}
 });
 const statusIconDefinition = UIOverrides.defineConfig({
-	base: ["size-icons-size shrink-0"],
+	base: ["size-4 shrink-0 translate-y-0.5"],
 	config: {
 		variants: {
 			variant: {
 				outlined: "",
-				contained: "text-inherit"
+				contained: "text-current"
 			},
 			color: {
 				neutral: "",
@@ -117,22 +101,22 @@ const statusIconDefinition = UIOverrides.defineConfig({
 			{
 				variant: "outlined",
 				color: "neutral",
-				className: "text-content-secondary"
+				className: "text-current"
 			},
 			{
 				variant: "outlined",
 				color: "success",
-				className: "text-status-success-accent"
+				className: "text-success"
 			},
 			{
 				variant: "outlined",
 				color: "warning",
-				className: "text-status-warning-accent"
+				className: "text-warning"
 			},
 			{
 				variant: "outlined",
 				color: "error",
-				className: "text-status-destructive-accent"
+				className: "text-destructive"
 			}
 		],
 		defaultVariants: {
@@ -142,18 +126,18 @@ const statusIconDefinition = UIOverrides.defineConfig({
 	}
 });
 const statusSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
+	base: ["hidden"],
 	config: {
 		variants: {
 			variant: {
 				outlined: "",
-				contained: "hidden"
+				contained: ""
 			},
 			color: {
-				neutral: "bg-border-default-subtle",
-				success: "bg-status-success-accent",
-				warning: "bg-status-warning-accent",
-				error: "bg-status-destructive-accent"
+				neutral: "bg-border",
+				success: "bg-success/30",
+				warning: "bg-warning/30",
+				error: "bg-destructive/30"
 			}
 		},
 		defaultVariants: { color: "neutral" }

package/dist/{toast.runtime-DKOeUnk6.js → toast.runtime-D18gn2Ty.js}

@@ -1,4 +1,4 @@
-import { n as y, r as Toast } from "./dist-CAFUM34b.js";
+import { n as y, r as Toast } from "./dist-D35rjADF.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/status/Toast/toast.runtime.tsx
 const showToast = (id, color, params, options) => {

package/dist/toggleGroup.cva-C9Y5-kpk.js

@@ -0,0 +1,26 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
+//#region src/components/ToggleGroup/toggleGroup.cva.ts
+const toggleGroupDefinition = UIOverrides.defineConfig({ base: ["group/segment grid w-fit items-center rounded-md"] });
+const toggleGroupItemDefinition = UIOverrides.defineConfig({
+	base: [
+		"inline-flex h-9 min-w-0 shrink-0 items-center justify-center gap-2 whitespace-nowrap px-2",
+		"rounded-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10",
+		"bg-transparent text-sm font-medium transition-[color,box-shadow]",
+		uiOutlineClass,
+		"focus-visible:border-ring",
+		"hover:bg-muted hover:text-muted-foreground",
+		"selected:bg-accent selected:text-accent-foreground",
+		"disabled:pointer-events-none disabled:opacity-50",
+		"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40"
+	],
+	config: {
+		variants: { iconOnly: {
+			true: "",
+			false: ""
+		} },
+		defaultVariants: { iconOnly: false }
+	}
+});
+//#endregion
+export { toggleGroupItemDefinition as n, toggleGroupDefinition as t };

package/dist/{tooltip.cva-ClcaR72U.js → tooltip.cva-Clfcn_r2.js}

@@ -2,14 +2,14 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/overlays/Tooltip/tooltip.cva.ts
 const tooltipDefinition = UIOverrides.defineConfig({
 	base: [
-		"group flex max-w-64 items-center justify-center gap-2 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2",
+		"group flex max-w-64 items-center justify-center gap-2 rounded-md px-3 py-1.5",
 		"transition-[opacity,scale] duration-100 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 motion-reduce:transition-none",
 		"data-[placement=top]:origin-bottom data-[placement=bottom]:origin-top data-[placement=left]:origin-right data-[placement=right]:origin-left"
 	],
 	config: {
 		variants: { color: {
-			default: ["bg-interactive-secondary-background"],
-			error: ["w-max bg-status-destructive-background"]
+			default: ["w-fit bg-foreground"],
+			error: ["w-max bg-destructive"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -18,8 +18,8 @@ const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
 	base: ["h-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180 group-placement-bottom:translate-y-2 group-placement-top:-translate-y-2"],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-secondary-background"],
-			error: ["text-status-destructive-background"]
+			default: ["text-foreground"],
+			error: ["text-destructive"]
 		} },
 		defaultVariants: { color: "default" }
 	}
@@ -28,18 +28,18 @@ const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
 	base: ["w-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180 group-placement-left:-translate-x-2 group-placement-right:translate-x-2"],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-secondary-background"],
-			error: ["text-status-destructive-background"]
+			default: ["text-foreground"],
+			error: ["text-destructive"]
 		} },
 		defaultVariants: { color: "default" }
 	}
 });
 const tooltipTextDefinition = UIOverrides.defineConfig({
-	base: [],
+	base: ["text-balance"],
 	config: {
 		variants: { color: {
-			default: ["text-interactive-secondary-foreground"],
-			error: ["text-status-destructive-foreground"]
+			default: ["text-background"],
+			error: ["text-white"]
 		} },
 		defaultVariants: { color: "default" }
 	}

package/dist/typography.cva-CKCCpIMj.d.ts

@@ -0,0 +1,36 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-DzsmGccZ.js";
+//#region src/components/text/Typography/typography.cva.d.ts
+declare const typographyDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "headline-l": "md:text-3xl md:tracking-tight";
+      readonly h1: "md:text-2xl md:tracking-tight";
+      readonly h2: "md:text-xl";
+      readonly h3: "md:text-lg";
+      readonly h4: "md:text-base";
+      readonly lead: "md:text-base";
+      readonly small: "md:text-xs";
+      readonly large: "md:text-sm";
+      readonly body: "md:text-sm";
+    };
+    readonly sizeMobile: {
+      readonly "headline-l": "text-3xl tracking-tight";
+      readonly h1: "text-2xl tracking-tight";
+      readonly h2: "text-xl";
+      readonly h3: "text-lg";
+      readonly h4: "text-base";
+      readonly lead: "text-base";
+      readonly small: "text-xs";
+      readonly large: "text-sm";
+      readonly body: "text-sm";
+    };
+  }>;
+};
+type TypographyConfig = NonNullable<typeof typographyDefinition.config>;
+interface TypographyVariantProps extends UIOverrides.VariantProps<TypographyConfig> {
+  className?: string;
+}
+//#endregion
+export { typographyDefinition as n, TypographyVariantProps as t };

package/dist/typography.cva-CXolEQdT.js

@@ -0,0 +1,31 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/text/Typography/typography.cva.ts
+const typographyDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: { variants: {
+		size: {
+			"headline-l": "md:text-3xl md:tracking-tight",
+			h1: "md:text-2xl md:tracking-tight",
+			h2: "md:text-xl",
+			h3: "md:text-lg",
+			h4: "md:text-base",
+			lead: "md:text-base",
+			small: "md:text-xs",
+			large: "md:text-sm",
+			body: "md:text-sm"
+		},
+		sizeMobile: {
+			"headline-l": "text-3xl tracking-tight",
+			h1: "text-2xl tracking-tight",
+			h2: "text-xl",
+			h3: "text-lg",
+			h4: "text-base",
+			lead: "text-base",
+			small: "text-xs",
+			large: "text-sm",
+			body: "text-sm"
+		}
+	} }
+});
+//#endregion
+export { typographyDefinition as t };

package/dist/{uiConfig.context-CQU9Tzq_.d.ts → uiConfig.context-B1SCCG5j.d.ts}

@@ -1,12 +1,12 @@
-import { t as TypographyVariantProps } from "./typography.cva-GpC6QQNx.js";
-import { n as ButtonVariantProps } from "./button.cva-CBckM91c.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { r as TypographyPropsCva } from "./Typography-D2FfZr7a.js";
-import { t as ToastVariantProps } from "./toast.cva-L0k_TBiW.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
-import { t as RadioVariantProps } from "./radio.cva-DO3UEac-.js";
-import { t as SwitchVariantProps } from "./switch.cva-psw67dK9.js";
-import { n as TableVariant } from "./table.cva-CmfeWLyW.js";
+import { t as TypographyVariantProps } from "./typography.cva-CKCCpIMj.js";
+import { n as ButtonVariantProps } from "./button.cva-YpNNY6C-.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { r as TypographyPropsCva } from "./Typography-BD-MSuTp.js";
+import { t as ToastVariantProps } from "./toast.cva-B8i61tEN.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
+import { t as RadioVariantProps } from "./radio.cva-VUie6k1Y.js";
+import { t as SwitchVariantProps } from "./switch.cva-x4SdjrQp.js";
+import { n as TableVariant } from "./table.cva-HHTd92di.js";
 import { FC, PropsWithChildren, ReactElement, SVGProps } from "react";
 import { ToastPosition } from "react-toastify";
 //#region src/config/uiConfig.types.d.ts

package/dist/{uiConfig.context-CT9EVqC5.js → uiConfig.context-dxsO9puE.js}

@@ -188,9 +188,9 @@ let UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
-			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-5" }),
-			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-5" }),
-			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-6 text-inherit" }),
+			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-4" }),
+			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-4" }),
+			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-4 text-inherit" }),
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",
@@ -201,8 +201,8 @@ let UIConfig;
 		},
 		alertDialog: {
 			titleTypography: {
-				size: "lead",
-				className: "font-bold"
+				size: "h3",
+				className: "font-semibold leading-none"
 			},
 			descriptionTypography: { size: "body" }
 		},
@@ -211,13 +211,13 @@ let UIConfig;
 			closeVelocityThreshold: 200,
 			hideThumb: false,
 			headerTypography: {
-				size: "small",
-				className: "font-bold"
+				size: "body",
+				className: "font-semibold"
 			}
 		},
 		table: { variant: "inner" },
-		tableHeaderText: { size: "large" },
-		tableCellText: { size: "large" },
+		tableHeaderText: { size: "body" },
+		tableCellText: { size: "body" },
 		tag: { textSize: "small" },
 		toast: {
 			variant: "outlined",

package/dist/{useBreakpoint-BzYqQEBO.js → useBreakpoint-DOUmXVZ2.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useBreakpoint.ts
@@ -6,10 +6,10 @@ let breakpoints = null;
 function getBreakpoints() {
 	if (breakpoints) return breakpoints;
 	if (typeof window === "undefined") return {
-		sm: "23.75rem",
-		md: "37.5rem",
-		lg: "80rem",
-		xl: "105rem"
+		sm: "40rem",
+		md: "48rem",
+		lg: "64rem",
+		xl: "80rem"
 	};
 	const cs = getComputedStyle(document.documentElement);
 	const entries = [