rimecms 0.26.7 → 0.26.8

package/dist/panel/components/ui/sheet/sheet.css

@@ -3,77 +3,77 @@
 /**************************************/
 
 .rz-sheet-content {
-	--ease: cubic-bezier(0.445, 0.05, 0.55, 0.95);
-	position: fixed;
-	z-index: 1010;
-	gap: var(--rz-size-4);
-	background-color: hsl(var(--rz-color-bg));
-	padding: var(--rz-size-6);
-	box-shadow: var(--rz-shadow-xl);
-	overflow-y: auto;
-
-	&[data-state='closed'] {
-		animation: exit 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
-	}
-	&[data-state='open'] {
-		animation: enter 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
-	}
-
-	width: 100%;
-	padding: 0;
-	@media (min-width: 640px) {
-		width: 75%;
-	}
-
-	@media (min-width: 1024px) {
-		width: 50%;
-	}
+  --ease: cubic-bezier(0.445, 0.05, 0.55, 0.95);
+  position: fixed;
+  z-index: 1010;
+  gap: var(--rz-size-4);
+  background-color: hsl(var(--rz-color-bg));
+  padding: var(--rz-size-6);
+  box-shadow: var(--rz-shadow-xl);
+  overflow-y: auto;
+
+  &[data-state='closed'] {
+    animation: exit 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+  }
+  &[data-state='open'] {
+    animation: enter 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
+  }
+
+  width: 100%;
+  padding: 0;
+  @media (min-width: 640px) {
+    width: 75%;
+  }
+
+  @media (min-width: 1024px) {
+    width: 50%;
+  }
 }
 
 @keyframes exit {
-	from {
-		opacity: 1;
-		transform: translate3d(0%, 0, 0);
-	}
-	to {
-		opacity: 0;
-		transform: translate3d(100%, 0, 0);
-	}
+  from {
+    opacity: 1;
+    transform: translate3d(0%, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
 }
 
 @keyframes enter {
-	from {
-		opacity: 0;
-		transform: translate3d(100%, 0, 0);
-	}
-	to {
-		opacity: 1;
-		transform: translate3d(0%, 0, 0);
-	}
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0%, 0, 0);
+  }
 }
 
 .rz-sheet-content__close {
-	position: absolute;
-	z-index: 1010;
-	right: var(--rz-size-4);
-	top: var(--rz-size-4);
+  position: absolute;
+  z-index: 1010;
+  right: var(--rz-size-4);
+  top: var(--rz-size-4);
 }
 
 .rz-sheet-content__close:focus-visible {
-	outline: none;
-	/* --rz-ring-offset: 2px; */
-	border-radius: var(--rz-radius-sm);
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  outline: none;
+  /* --rz-ring-offset: 2px; */
+  border-radius: var(--rz-radius-sm);
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
 
 .rz-sheet-content--right {
-	height: 100%;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	border-left: var(--rz-border);
+  height: 100%;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  border-left: var(--rz-border);
 }
 
 /**************************************/
@@ -81,8 +81,8 @@
 /**************************************/
 
 .rz-sheet-description {
-	color: hsl(var(--rz-color-fg) / 0.7);
-	font-size: var(--rz-text-sm);
+  color: hsl(var(--rz-color-fg) / 0.7);
+  font-size: var(--rz-text-sm);
 }
 
 /**************************************/
@@ -90,15 +90,15 @@
 /**************************************/
 
 .rz-sheet-footer {
-	display: flex;
-	flex-direction: column-reverse;
+  display: flex;
+  flex-direction: column-reverse;
 }
 @media (min-width: 640px) {
-	.rz-sheet-footer > * + * {
-		margin-left: var(--rz-size-2);
-		justify-content: end;
-		flex-direction: row;
-	}
+  .rz-sheet-footer > * + * {
+    margin-left: var(--rz-size-2);
+    justify-content: end;
+    flex-direction: row;
+  }
 }
 
 /**************************************/
@@ -106,17 +106,17 @@
 /**************************************/
 
 .rz-sheet-header {
-	display: flex;
-	flex-direction: column;
-	text-align: center;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
 }
 .rz-sheet-header > * + * {
-	margin-top: var(--rz-size-2);
+  margin-top: var(--rz-size-2);
 }
 @media (min-width: 640px) {
-	.rz-sheet-header {
-		text-align: left;
-	}
+  .rz-sheet-header {
+    text-align: left;
+  }
 }
 
 /**************************************/
@@ -124,12 +124,12 @@
 /**************************************/
 
 .rz-sheet-overlay {
-	background-color: var(--rz-overlay-color);
-	position: fixed;
-	inset: 0;
-	z-index: 100;
-	-webkit-backdrop-filter: blur(var(--rz-overlay-blur));
-	        backdrop-filter: blur(var(--rz-overlay-blur));
+  background-color: var(--rz-overlay-color);
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  -webkit-backdrop-filter: blur(var(--rz-overlay-blur));
+          backdrop-filter: blur(var(--rz-overlay-blur));
 }
 
 /**************************************/
@@ -137,7 +137,7 @@
 /**************************************/
 
 .rz-sheet-title {
-	font-size: var(--rz-text-lg);
-	font-variation-settings: 'wght' 600;
-	font-weight: 600;
+  font-size: var(--rz-text-lg);
+  font-variation-settings: 'wght' 600;
+  font-weight: 600;
 }

package/dist/panel/components/ui/sheet/sheet.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { Dialog as SheetPrimitive, type DialogRootProps } from 'bits-ui';
-	import './sheet.css';
-	type Props = DialogRootProps;
-	let { children, open = $bindable(), ...restProps }: Props = $props();
+  import { Dialog as SheetPrimitive, type DialogRootProps } from 'bits-ui';
+  import './sheet.css';
+  type Props = DialogRootProps;
+  let { children, open = $bindable(), ...restProps }: Props = $props();
 </script>
 
 <SheetPrimitive.Root bind:open {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </SheetPrimitive.Root>

package/dist/panel/components/ui/sonner/sonner.css

@@ -1,21 +1,21 @@
 .rz-toaster__toast[data-sonner-toast][data-sonner-toast][data-styled='true'] {
-	background-color: hsl(var(--rz-color-bg));
-	border: var(--rz-border);
-	color: var(--rz-gray-2);
+  background-color: hsl(var(--rz-color-bg));
+  border: var(--rz-border);
+  color: var(--rz-gray-2);
 
-	&.rz-toaster__success svg {
-		fill: hsl(var(--rz-color-success));
-	}
-	&.rz-toaster__error svg {
-		fill: hsl(var(--rz-color-alert));
-	}
+  &.rz-toaster__success svg {
+    fill: hsl(var(--rz-color-success));
+  }
+  &.rz-toaster__error svg {
+    fill: hsl(var(--rz-color-alert));
+  }
 }
 
 .rz-toaster__description {
-	color: hsl(var(--rz-color-fg));
+  color: hsl(var(--rz-color-fg));
 }
 
 .rz-toaster__cancel {
-	background-color: hsl(var(--rz-gray-5));
-	color: hsl(var(--rz-color-fg) / 0.7);
+  background-color: hsl(var(--rz-gray-5));
+  color: hsl(var(--rz-color-fg) / 0.7);
 }

package/dist/panel/components/ui/sonner/sonner.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-	import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
-	import './sonner.css';
+  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
+  import './sonner.css';
 
-	let restProps: SonnerProps = $props();
+  let restProps: SonnerProps = $props();
 </script>
 
 <Sonner
-	class="rz-toaster"
-	toastOptions={{
-		classes: {
-			toast: 'rz-toaster__toast',
-			description: 'rz-toaster__description',
-			success: 'rz-toaster__success',
-			error: 'rz-toaster__error',
-			actionButton: 'rz-toaster__action',
-			cancelButton: 'rz-toaster__cancel'
-		}
-	}}
-	{...restProps}
+  class="rz-toaster"
+  toastOptions={{
+    classes: {
+      toast: 'rz-toaster__toast',
+      description: 'rz-toaster__description',
+      success: 'rz-toaster__success',
+      error: 'rz-toaster__error',
+      actionButton: 'rz-toaster__action',
+      cancelButton: 'rz-toaster__cancel'
+    }
+  }}
+  {...restProps}
 />

package/dist/panel/components/ui/spin-loader/SpinLoader.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { LoaderCircle } from '@lucide/svelte';
-	import './spin-loader.css';
+  import { LoaderCircle } from '@lucide/svelte';
+  import './spin-loader.css';
 </script>
 
 <LoaderCircle class="rz-spin-loader" size="13" />

package/dist/panel/components/ui/spin-loader/spin-loader.css

@@ -1,14 +1,14 @@
 .rz-spin-loader {
-	animation-name: spin;
-	animation-duration: 1000ms;
-	animation-iteration-count: infinite;
-	animation-timing-function: linear;
+  animation-name: spin;
+  animation-duration: 1000ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
 }
 @keyframes spin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }

package/dist/panel/components/ui/switch/switch.css

@@ -1,65 +1,65 @@
 :root {
-	--rz-switch-color-thumb: light-dark(hsl(var(--rz-gray-19)), hsl(var(--rz-gray-16)));
-	--rz-switch-color-bg: light-dark(hsl(var(--rz-gray-13)), hsl(var(--rz-input-bg)));
-	--rz-switch-color-bg--active: hsl(var(--rz-color-spot));
+  --rz-switch-color-thumb: light-dark(hsl(var(--rz-gray-19)), hsl(var(--rz-gray-16)));
+  --rz-switch-color-bg: light-dark(hsl(var(--rz-gray-13)), hsl(var(--rz-input-bg)));
+  --rz-switch-color-bg--active: hsl(var(--rz-color-spot));
 }
 
 .rz-switch {
-	/* --rz-ring-offset: 1px; */
-	display: inline-flex;
-	height: 16px;
-	width: 26px;
-	flex-shrink: 0;
-	cursor: pointer;
-	align-items: center;
-	border-radius: var(--rz-radius-full);
-	border: 2px solid transparent;
-	box-shadow: var(--rz-shadow-sm);
-	transition: all 0.1s ease;
-	outline: none;
+  /* --rz-ring-offset: 1px; */
+  display: inline-flex;
+  height: 16px;
+  width: 26px;
+  flex-shrink: 0;
+  cursor: pointer;
+  align-items: center;
+  border-radius: var(--rz-radius-full);
+  border: 2px solid transparent;
+  box-shadow: var(--rz-shadow-sm);
+  transition: all 0.1s ease;
+  outline: none;
 }
 
 .rz-switch[data-state='checked'] {
-	background-color: var(--rz-switch-color-bg--active);
+  background-color: var(--rz-switch-color-bg--active);
 }
 
 .rz-switch[data-state='unchecked'] {
-	background-color: var(--rz-switch-color-bg);
+  background-color: var(--rz-switch-color-bg);
 }
 
 .rz-switch[data-error] {
-	background-color: hsl(var(--rz-color-alert));
+  background-color: hsl(var(--rz-color-alert));
 }
 
 .rz-switch:focus-visible {
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
 
 .rz-switch:disabled {
-	cursor: not-allowed;
-	opacity: 0.5;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 .rz-switch__thumb {
-	height: 12px;
-	width: 12px;
-	pointer-events: none;
-	display: block;
-	transition: translate 0.25s ease;
-	border-radius: var(--rz-radius-full);
-	box-shadow: var(--rz-shadow-lg);
-	background-color: var(--rz-switch-color-thumb);
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 0) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  height: 12px;
+  width: 12px;
+  pointer-events: none;
+  display: block;
+  transition: translate 0.25s ease;
+  border-radius: var(--rz-radius-full);
+  box-shadow: var(--rz-shadow-lg);
+  background-color: var(--rz-switch-color-thumb);
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 0) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
 
 .rz-switch__thumb[data-state='checked'] {
-	translate: 10px;
+  translate: 10px;
 }
 
 .rz-switch__thumb[data-state='unchecked'] {
-	translate: 0px;
+  translate: 0px;
 }

package/dist/panel/components/ui/switch/switch.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { Switch as SwitchPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
-	import './switch.css';
+  import { Switch as SwitchPrimitive, type WithoutChildrenOrChild } from 'bits-ui';
+  import './switch.css';
 
-	let {
-		ref = $bindable(null),
-		class: className,
-		checked = $bindable(false),
-		...restProps
-	}: WithoutChildrenOrChild<SwitchPrimitive.RootProps> = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    checked = $bindable(false),
+    ...restProps
+  }: WithoutChildrenOrChild<SwitchPrimitive.RootProps> = $props();
 </script>
 
 <SwitchPrimitive.Root bind:ref bind:checked class="rz-switch {className}" {...restProps}>
-	<SwitchPrimitive.Thumb class="rz-switch__thumb" />
+  <SwitchPrimitive.Thumb class="rz-switch__thumb" />
 </SwitchPrimitive.Root>

package/dist/panel/components/ui/tabs/tabs-content.svelte

@@ -1,7 +1,11 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
+  import { Tabs as TabsPrimitive } from 'bits-ui';
 
-	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ContentProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: TabsPrimitive.ContentProps = $props();
 </script>
 
 <TabsPrimitive.Content bind:ref class="rz-tabs-content {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs-list.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
+  import { Tabs as TabsPrimitive } from 'bits-ui';
 
-	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
+  let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.ListProps = $props();
 </script>
 
 <TabsPrimitive.List bind:ref class="rz-tabs-list {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs-trigger.svelte

@@ -1,7 +1,11 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive } from 'bits-ui';
+  import { Tabs as TabsPrimitive } from 'bits-ui';
 
-	let { ref = $bindable(null), class: className, ...restProps }: TabsPrimitive.TriggerProps = $props();
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: TabsPrimitive.TriggerProps = $props();
 </script>
 
 <TabsPrimitive.Trigger bind:ref class="rz-tabs-trigger {className}" {...restProps} />

package/dist/panel/components/ui/tabs/tabs.css

@@ -1,8 +1,6 @@
-
-
 .rz-tabs[data-tabs-root] {
-	margin-left: calc(-1 * var(--rz-fields-padding));
-	margin-right: calc(-1 * var(--rz-fields-padding));
+  margin-left: calc(-1 * var(--rz-fields-padding));
+  margin-right: calc(-1 * var(--rz-fields-padding));
 }
 
 /**************************************/
@@ -10,47 +8,47 @@
 /**************************************/
 
 .rz-tabs-trigger {
-	display: inline-flex;
-	height: 100%;
-	align-items: center;
-	justify-content: center;
-	white-space: nowrap;
-	text-transform: capitalize;
-	transition: all 0.2s ease;
-	border-bottom: 2px solid transparent;
-	--rz-ring-opacity: 0;
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
-	font-variation-settings: 'wght' 600;
-	font-weight: 600;
+  display: inline-flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  text-transform: capitalize;
+  transition: all 0.2s ease;
+  border-bottom: 2px solid transparent;
+  --rz-ring-opacity: 0;
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  font-variation-settings: 'wght' 600;
+  font-weight: 600;
 }
 
 .rz-tabs-trigger[data-state='active'] {
-	border-color: hsl(var(--rz-color-fg));
-	position: relative;
+  border-color: hsl(var(--rz-color-fg));
+  position: relative;
 }
 
 .rz-tabs-trigger[data-state='active']:not([data-error='true']) {
-	color: hsl(var(--rz-color-fg));
+  color: hsl(var(--rz-color-fg));
 }
 .rz-tabs-trigger[data-error='true'] {
-	color: hsl(var(--rz-color-alert) / 1);
+  color: hsl(var(--rz-color-alert) / 1);
 }
 .rz-tabs-trigger[data-state='inactive'] {
-	opacity: 0.8;
+  opacity: 0.8;
 }
 
 .rz-tabs-trigger:focus-visible {
-	--rz-ring-opacity: 1;
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
-	outline: none;
+  --rz-ring-opacity: 1;
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  outline: none;
 }
 .rz-tabs-trigger:disabled {
-	pointer-events: none;
-	opacity: 0.5;
+  pointer-events: none;
+  opacity: 0.5;
 }
 
 /**************************************/
@@ -58,16 +56,16 @@
 /**************************************/
 
 .rz-tabs-content {
-	margin-top: var(--rz-size-2);
+  margin-top: var(--rz-size-2);
 }
 .rz-tabs-content:focus-visible {
-	outline: none;
-	border-radius: var(--rz-radius-sm);
-	--rz-ring-offset: 8px;
-	--rz-ring-offset-bg: var(--rz-color-bg);
-	box-shadow:
-		0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
-		0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
+  outline: none;
+  border-radius: var(--rz-radius-sm);
+  --rz-ring-offset: 8px;
+  --rz-ring-offset-bg: var(--rz-color-bg);
+  box-shadow:
+    0 0 0 var(--rz-ring-offset, 0px) hsl(var(--rz-ring-offset-bg, var(--rz-gray-6)) / 1),
+    0 0 0 calc(var(--rz-ring-offset, 0px) + 1px) hsl(var(--rz-color-ring) / var(--rz-ring-opacity, 1));
 }
 
 /**************************************/
@@ -75,15 +73,15 @@
 /**************************************/
 
 .rz-tabs-list {
-	overflow-x: auto;
-	overflow-y: visible;
-	background-color: hsl(var(--rz-color-bg));
-	color: hsl(var(--rz-ground-2) / 1);
-	height: var(--rz-size-10);
-	width: 100%;
-	display: inline-flex;
-	align-items: center;
-	gap: var(--rz-size-6);
-	justify-content: flex-start;
-	/* border-bottom: 1px solid hsl(var(--rz-color-border)); */
+  overflow-x: auto;
+  overflow-y: visible;
+  background-color: hsl(var(--rz-color-bg));
+  color: hsl(var(--rz-ground-2) / 1);
+  height: var(--rz-size-10);
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rz-size-6);
+  justify-content: flex-start;
+  /* border-bottom: 1px solid hsl(var(--rz-color-border)); */
 }

package/dist/panel/components/ui/tabs/tabs.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { Tabs as TabsPrimitive, type TabsRootProps } from 'bits-ui';
-	import './tabs.css';
+  import { Tabs as TabsPrimitive, type TabsRootProps } from 'bits-ui';
+  import './tabs.css';
 
-	type Props = TabsRootProps;
-	const { children, class: className, ...restProps }: Props = $props();
+  type Props = TabsRootProps;
+  const { children, class: className, ...restProps }: Props = $props();
 </script>
 
 <TabsPrimitive.Root class="rz-tabs {className}" {...restProps}>
-	{@render children?.()}
+  {@render children?.()}
 </TabsPrimitive.Root>