@typlog/ui 0.11.2 → 0.11.3

package/dist/components.css

@@ -212,10 +212,10 @@
   --margin-bottom: 0px;
   --margin-left: 0px;
   overflow: hidden;
-  margin-top: var(--margin-top-override);
-  margin-right: var(--margin-right-override);
-  margin-bottom: var(--margin-bottom-override);
-  margin-left: var(--margin-left-override);
+  margin-top: var(--margin-top-override, var(--margin-top));
+  margin-right: var(--margin-right-override, var(--margin-right));
+  margin-bottom: var(--margin-bottom-override, var(--margin-bottom));
+  margin-left: var(--margin-left-override, var(--margin-left));
 }
 .ui-Inset > * {
   --margin-top-override: initial;
@@ -237,7 +237,7 @@
   --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
   --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
 }
-.ui-Inset:where(.inset-top) {
+.ui-Inset:where(.r-side-top) {
   --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
   --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
   --margin-bottom-override: var(--margin-bottom);
@@ -247,7 +247,7 @@
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-.ui-Inset:where(.inset-bottom) {
+.ui-Inset:where(.r-side-bottom) {
   --margin-top-override: var(--margin-top);
   --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
   --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
@@ -257,7 +257,7 @@
   border-bottom-left-radius: var(--inset-border-radius-calc);
   border-bottom-right-radius: var(--inset-border-radius-calc);
 }
-.ui-Inset:where(.inset-left) {
+.ui-Inset:where(.r-side-left) {
   --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
   --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
   --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
@@ -267,7 +267,7 @@
   border-bottom-left-radius: var(--inset-border-radius-calc);
   border-bottom-right-radius: 0px;
 }
-.ui-Inset:where(.inset-right) {
+.ui-Inset:where(.r-side-right) {
   --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
   --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
   --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
@@ -277,6 +277,27 @@
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: var(--inset-border-radius-calc);
 }
+.ui-Inset:where(.r-side-x) {
+  --margin-top-override: var(--margin-top);
+  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
+  --margin-bottom-override: var(--margin-bottom);
+  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
+  border-radius: 0px;
+}
+.ui-Inset:where(.r-side-y) {
+  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
+  --margin-right-override: var(--margin-right);
+  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
+  --margin-left-override: var(--margin-left);
+  border-radius: 0px;
+}
+.ui-Inset:where(.r-side-all) {
+  --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
+  --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
+  --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
+  --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
+  border-radius: var(--inset-border-radius-calc);
+}
 
 .ui-Card {
   display: block;
@@ -519,7 +540,7 @@
   background-color: var(--gray-a3);
 }
 .ui-Button:where(.r-variant-ghost) {
-  padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
+  padding: var(--button-ghost-padding-y) var(--button-padding-x);
 }
 @media (hover: hover) {
 .ui-Button:where(.r-variant-ghost):where(:hover) {
@@ -788,6 +809,31 @@
   background-color: var(--gray-a9);
 }
 
+.ui-DialogTitle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--dialog-content-padding);
+  background-color: var(--color-panel-solid);
+}
+.ui-DialogTitle:where(.r-variant-ghost) {
+  margin-bottom: 0;
+}
+.ui-DialogTitle:where(.r-variant-outline),
+.ui-DialogTitle:where(.r-variant-solid) {
+  border-bottom: 1px solid var(--gray-a4);
+  margin-bottom: var(--dialog-content-padding);
+}
+.ui-DialogTitle:where(.r-variant-solid),
+.ui-DialogTitle:where(.r-variant-surface) {
+  background-color: var(--gray-a2);
+  margin-bottom: var(--dialog-content-padding);
+}
+.ui-DialogTitleText {
+  flex-grow: 1;
+  font-weight: var(--font-weight-medium);
+}
+
 .ui-DialogOverlay {
   position: fixed;
   inset: 0;
@@ -798,61 +844,80 @@
   inset: 0;
   background-color: var(--color-overlay);
 }
-.ui-DialogScroll {
+.ui-DialogWrapper {
   display: flex;
-  overflow: auto;
+  overflow: hidden;
   position: absolute;
   inset: 0;
 }
-.ui-DialogScrollPadding {
+.ui-DialogContainer {
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
-  margin: auto;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  box-sizing: border-box;
   padding-top: var(--space-6);
-  padding-bottom: max(var(--space-6), 6vh);
-  padding-left: var(--space-4);
-  padding-right: var(--space-4);
-}
-.ui-DialogScrollPadding[data-align="start"] {
-  margin-top: 0;
-}
-.ui-DialogScrollPadding[data-align="center"] {
-  margin-top: auto;
 }
 .ui-DialogContent {
-  margin: auto;
+  --inset-padding-top: var(--dialog-content-padding);
+  --inset-padding-right: var(--dialog-content-padding);
+  --inset-padding-bottom: var(--dialog-content-padding);
+  --inset-padding-left: var(--dialog-content-padding);
+
   width: 100%;
   max-height: calc(100vh - var(--space-6) * 2);
   position: relative;
   box-sizing: border-box;
   overflow: auto;
   text-align: left;
-
-  --inset-padding-top: var(--dialog-content-padding);
-  --inset-padding-right: var(--dialog-content-padding);
-  --inset-padding-bottom: var(--dialog-content-padding);
-  --inset-padding-left: var(--dialog-content-padding);
   padding: var(--dialog-content-padding);
   box-sizing: border-box;
-
   background-color: var(--color-panel-solid);
-  box-shadow: var(--shadow-6);
   outline: none;
+  border-top-left-radius: var(--dialog-content-radius);
+  border-top-right-radius: var(--dialog-content-radius);
 }
-.ui-DialogContent[data-size="1"] {
+.ui-DialogContent:where(.r-size-1) {
+  --dialog-content-radius: var(--radius-4);
+  --dialog-content-padding: var(--space-2);
+}
+.ui-DialogContent:where(.r-size-2) {
+  --dialog-content-radius: var(--radius-4);
   --dialog-content-padding: var(--space-3);
-  border-radius: var(--radius-4);
 }
-.ui-DialogContent[data-size="2"] {
+.ui-DialogContent:where(.r-size-3) {
+  --dialog-content-radius: var(--radius-5);
   --dialog-content-padding: var(--space-4);
-  border-radius: var(--radius-4);
 }
-.ui-DialogContent[data-size="3"] {
+.ui-DialogContent:where(.r-size-4) {
+  --dialog-content-radius: var(--radius-5);
   --dialog-content-padding: var(--space-5);
-  border-radius: var(--radius-5);
 }
-.ui-DialogContent[data-size="4"] {
-  --dialog-content-padding: var(--space-6);
-  border-radius: var(--radius-5);
+.ui-DialogContent > h2[id^="reka-dialog-title"] {
+  font-size: var(--font-size-5);
+  font-weight: var(--font-weight-bold);
+  line-height: var(--line-height-4);
+  margin-bottom: var(--space-3);
+}
+.ui-DialogContent > p[id^="reka-dialog-description"] {
+  font-size: var(--font-size-2);
+  line-height: var(--line-height-2);
+  letter-spacing: var(--letter-spacing-2);
+}
+@media (min-width: 520px) {
+.ui-DialogContainer {
+    justify-content: center;
+    padding-bottom: max(var(--space-6), 6vh);
+    padding-left: var(--space-4);
+    padding-right: var(--space-4);
+}
+.ui-DialogContent {
+    box-shadow: var(--shadow-6);
+    border-bottom-left-radius: var(--dialog-content-radius);
+    border-bottom-right-radius: var(--dialog-content-radius);
+}
 }
 @media (prefers-reduced-motion: no-preference) {
 @keyframes ui-dialog-overlay-no-op {
@@ -865,22 +930,22 @@ to {
 }
 @keyframes ui-dialog-content-show {
 from {
-      opacity: 0;
-      transform: translateY(5px) scale(0.97);
+      opacity: 0.1;
+      transform: translateY(var(--space-6));
 }
 to {
       opacity: 1;
-      transform: translateY(0px) scale(1);
+      transform: translateY(0);
 }
 }
 @keyframes ui-dialog-content-hide {
 from {
       opacity: 1;
-      transform: translateY(0px) scale(1);
+      transform: translateY(0);
 }
 to {
-      opacity: 0;
-      transform: translateY(5px) scale(0.99);
+      opacity: 0.1;
+      transform: translateY(var(--space-6));
 }
 }
 .ui-DialogOverlay[data-state='closed'] {
@@ -892,23 +957,12 @@ to {
 .ui-DialogOverlay[data-state='closed']::before {
     animation: ui-fade-out 160ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.ui-DialogContent[data-state='open'] {
+.ui-DialogOverlay[data-state='open'] :where(.ui-DialogContent) {
     animation: ui-dialog-content-show 200ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.ui-DialogContent[data-state='closed'] {
-    animation: ui-dialog-content-hide 100ms cubic-bezier(0.16, 1, 0.3, 1);
-}
+.ui-DialogOverlay[data-state='closed'] :where(.ui-DialogContent) {
+    animation: ui-dialog-content-hide 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
-.ui-DialogContent > h2[id^="reka-dialog-title"] {
-  font-size: var(--font-size-5);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-4);
-  margin-bottom: var(--space-3);
-}
-.ui-DialogContent > p[id^="reka-dialog-description"] {
-  font-size: var(--font-size-2);
-  line-height: var(--line-height-2);
-  letter-spacing: var(--letter-spacing-2);
 }
 
 .ui-DialogHead {

package/dist/components.d.ts

@@ -30,7 +30,6 @@ import { DialogClose } from 'reka-ui';
 import { DialogContentProps as DialogContentProps_2 } from 'reka-ui';
 import { DialogDescription } from 'reka-ui';
 import { DialogRoot } from 'reka-ui';
-import { DialogTitle } from 'reka-ui';
 import { DialogTrigger } from 'reka-ui';
 import { DropdownMenuContentProps as DropdownMenuContentProps_2 } from 'reka-ui';
 import { DropdownMenuItemProps as DropdownMenuItemProps_2 } from 'reka-ui';
@@ -362,6 +361,12 @@ declare type __VLS_WithTemplateSlots_42<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_43<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_5<T, S> = T & {
     new (): {
         $slots: S;
@@ -392,19 +397,19 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const AccordionContent: __VLS_WithTemplateSlots_37<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionContent: __VLS_WithTemplateSlots_38<DefineComponent<AccordionContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { AccordionContentProps }
 
-export declare const AccordionItem: __VLS_WithTemplateSlots_36<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const AccordionItem: __VLS_WithTemplateSlots_37<DefineComponent<AccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { AccordionItemProps }
 
-export declare const AccordionRoot: __VLS_WithTemplateSlots_35<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const AccordionRoot: __VLS_WithTemplateSlots_36<DefineComponent<AccordionRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | string[] | undefined) => any;
 }, string, PublicProps, Readonly<AccordionRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
@@ -418,7 +423,7 @@ export declare interface AccordionRootProps extends AccordionRootProps_2 {
     size?: '1' | '2' | '3';
 }
 
-export declare const AccordionTrigger: __VLS_WithTemplateSlots_38<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
+export declare const AccordionTrigger: __VLS_WithTemplateSlots_39<DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
 indicator: "plus-minus" | "chevron";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -626,7 +631,7 @@ declare interface CheckboxGroupItemProps extends CheckboxProps {
     value: string;
 }
 
-export declare const CheckboxGroupRoot: __VLS_WithTemplateSlots_14<DefineComponent<    {
+export declare const CheckboxGroupRoot: __VLS_WithTemplateSlots_15<DefineComponent<    {
 modelValue?: any[];
 } & CheckboxGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any[]) => any;
@@ -658,7 +663,7 @@ declare interface ChevronIconProps {
     arrowTransform?: 'right-down' | 'right-up' | 'up-down' | 'down-up';
 }
 
-export declare const CollapsibleContent: __VLS_WithTemplateSlots_39<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const CollapsibleContent: __VLS_WithTemplateSlots_40<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export { CollapsibleRoot }
 
@@ -686,7 +691,7 @@ export declare interface ColorFieldProps {
 
 export declare type ColorType = 'gray' | 'gold' | 'bronze' | 'brown' | 'yellow' | 'amber' | 'orange' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'lime' | 'mint' | 'sky';
 
-export declare const ComboboxContent: __VLS_WithTemplateSlots_26<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxContent: __VLS_WithTemplateSlots_27<DefineComponent<ComboboxContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -712,7 +717,7 @@ export { ComboboxEmpty }
 
 export { ComboboxGroup }
 
-export declare const ComboboxInput: __VLS_WithTemplateSlots_25<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxInput: __VLS_WithTemplateSlots_26<DefineComponent<ComboboxInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (args_0: string) => any;
 }, string, PublicProps, Readonly<ComboboxInputProps> & Readonly<{
 "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
@@ -730,13 +735,13 @@ declare interface ComboboxInputProps extends ComboboxInputProps_2 {
     placeholder?: string;
 }
 
-export declare const ComboboxItem: __VLS_WithTemplateSlots_27<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const ComboboxItem: __VLS_WithTemplateSlots_28<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const ComboboxLabel: __VLS_WithTemplateSlots_28<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const ComboboxLabel: __VLS_WithTemplateSlots_29<DefineComponent<ComboboxLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ComboboxLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const ComboboxRoot: __VLS_WithTemplateSlots_24<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ComboboxRoot: __VLS_WithTemplateSlots_25<DefineComponent<ComboboxRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 highlight: (payload: {
@@ -763,7 +768,7 @@ export declare interface ComboboxRootProps extends ComboboxRootProps_2 {
     highContrast?: boolean;
 }
 
-declare const _default: __VLS_WithTemplateSlots_29<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots_30<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string) => any;
 }, string, PublicProps, Readonly<RadioGroupRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
@@ -778,7 +783,7 @@ export { _default as RadioGroupRoot }
 
 export { DialogClose }
 
-export declare const DialogContent: __VLS_WithTemplateSlots_10<DefineComponent<DialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DialogContent: __VLS_WithTemplateSlots_11<DefineComponent<DialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -794,7 +799,6 @@ onOpenAutoFocus?: ((event: Event) => any) | undefined;
 onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
 size: "1" | "2" | "3" | "4";
-align: string;
 maxWidth: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -802,8 +806,6 @@ maxWidth: string;
 
 export declare interface DialogContentProps extends DialogContentProps_2 {
     to?: string | HTMLElement;
-    align?: string;
-    class?: string;
     size?: '1' | '2' | '3' | '4';
     width?: string;
     minWidth?: string;
@@ -819,11 +821,21 @@ export declare const DialogHead: DefineComponent<__VLS_Props, {}, {}, {}, {}, Co
 
 export { DialogRoot }
 
-export { DialogTitle }
+export declare const DialogTitle: __VLS_WithTemplateSlots_10<DefineComponent<DialogTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {
+variant: "ghost" | "surface" | "solid" | "outline";
+as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+
+export declare interface DialogTitleProps extends PrimitiveProps {
+    variant?: 'ghost' | 'surface' | 'solid' | 'outline';
+    close?: boolean;
+}
 
 export { DialogTrigger }
 
-export declare const DropdownMenuContent: __VLS_WithTemplateSlots_11<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DropdownMenuContent: __VLS_WithTemplateSlots_12<DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -855,7 +867,7 @@ export declare interface DropdownMenuContentProps extends DropdownMenuContentPro
     highContrast?: boolean;
 }
 
-export declare const DropdownMenuItem: __VLS_WithTemplateSlots_12<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DropdownMenuItem: __VLS_WithTemplateSlots_13<DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (event: Event) => any;
 }, string, PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{
 onSelect?: ((event: Event) => any) | undefined;
@@ -919,22 +931,20 @@ export declare interface IconCircleProps {
 }
 
 export declare const Inset: __VLS_WithTemplateSlots_2<DefineComponent<InsetProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InsetProps> & Readonly<{}>, {
-side: "all" | "x" | "y" | "top" | "bottom" | "left" | "right";
+side: InsetSide;
 clip: "border-box" | "padding-box";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 
 export declare interface InsetProps {
-    side?: 'all' | 'x' | 'y' | 'top' | 'bottom' | 'left' | 'right';
-    top?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    right?: boolean;
+    side?: InsetSide;
     clip?: 'border-box' | 'padding-box';
 }
 
-export declare const Pagination: __VLS_WithTemplateSlots_40<DefineComponent<    {
+declare type InsetSide = 'all' | 'x' | 'y' | 'top' | 'bottom' | 'left' | 'right';
+
+export declare const Pagination: __VLS_WithTemplateSlots_41<DefineComponent<    {
 page: number;
 } & PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:page": (value: number) => any;
@@ -989,7 +999,7 @@ declare interface PlusMinusIconProps {
 
 export { PopoverClose }
 
-export declare const PopoverContent: __VLS_WithTemplateSlots_13<DefineComponent<PopoverContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const PopoverContent: __VLS_WithTemplateSlots_14<DefineComponent<PopoverContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 escapeKeyDown: (event: KeyboardEvent) => any;
 pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 focusOutside: (event: FocusOutsideEvent) => any;
@@ -1038,11 +1048,11 @@ variant: "surface" | "soft";
 size: "1" | "2" | "3";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
 
-export declare const RadioCardsItem: __VLS_WithTemplateSlots_31<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const RadioCardsItem: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
-export declare const RadioGroupItem: __VLS_WithTemplateSlots_30<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
+export declare const RadioGroupItem: __VLS_WithTemplateSlots_31<DefineComponent<RadioGroupItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RadioGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>, {
     default?(_: {}): any;
 }>;
 
@@ -1065,7 +1075,7 @@ export declare interface RadioProps {
 
 export { RadioTabsItem }
 
-export declare const RadioTabsList: __VLS_WithTemplateSlots_32<DefineComponent<RadioTabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const RadioTabsList: __VLS_WithTemplateSlots_33<DefineComponent<RadioTabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: string) => any;
 }, string, PublicProps, Readonly<RadioTabsListProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
@@ -1105,7 +1115,7 @@ export declare interface ScrollAreaProps extends ScrollAreaRootProps {
     scrollbars?: 'vertical' | 'horizontal' | 'both';
 }
 
-export declare const SelectContent: __VLS_WithTemplateSlots_20<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
+export declare const SelectContent: __VLS_WithTemplateSlots_21<DefineComponent<SelectContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {
 variant: "solid" | "soft";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -1118,19 +1128,19 @@ export declare interface SelectContentProps extends SelectContentProps_2 {
 
 export { SelectGroup }
 
-export declare const SelectItem: __VLS_WithTemplateSlots_22<DefineComponent<SelectItemProps<AcceptableValue>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectItemProps<AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectItem: __VLS_WithTemplateSlots_23<DefineComponent<SelectItemProps<AcceptableValue>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectItemProps<AcceptableValue>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { SelectItemProps }
 
-export declare const SelectLabel: __VLS_WithTemplateSlots_23<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const SelectLabel: __VLS_WithTemplateSlots_24<DefineComponent<SelectLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
 export { SelectLabelProps }
 
-export declare const SelectRoot: __VLS_WithTemplateSlots_19<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const SelectRoot: __VLS_WithTemplateSlots_20<DefineComponent<SelectRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: AcceptableValue) => any;
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<SelectRootProps> & Readonly<{
@@ -1150,7 +1160,7 @@ export declare interface SelectRootProps extends SelectRootProps_2 {
 
 export declare const SelectSeparator: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-export declare const SelectTrigger: __VLS_WithTemplateSlots_21<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
+export declare const SelectTrigger: __VLS_WithTemplateSlots_22<DefineComponent<SelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectTriggerProps> & Readonly<{}>, {
 variant: "surface" | "soft" | "ghost";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {
@@ -1225,7 +1235,7 @@ export declare interface SwitchProps extends SwitchRootProps {
     radius?: RadiusType;
 }
 
-export declare const Table: __VLS_WithTemplateSlots_41<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
+export declare const Table: __VLS_WithTemplateSlots_42<DefineComponent<TableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TableProps> & Readonly<{}>, {
 variant: "surface" | "ghost";
 size: "1" | "2" | "3";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
@@ -1240,7 +1250,7 @@ export declare interface TableProps {
 
 export { TabsContent }
 
-export declare const TabsList: __VLS_WithTemplateSlots_33<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
+export declare const TabsList: __VLS_WithTemplateSlots_34<DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {
 size: "1" | "2";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
@@ -1254,7 +1264,7 @@ export declare interface TabsListProps {
 
 export { TabsRoot }
 
-export declare const TabsTrigger: __VLS_WithTemplateSlots_34<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const TabsTrigger: __VLS_WithTemplateSlots_35<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const TextArea: DefineComponent<    {
 modelValue?: string;
@@ -1278,7 +1288,7 @@ export declare interface TextAreaProps {
     radius?: RadiusType;
 }
 
-export declare const TextField: __VLS_WithTemplateSlots_18<DefineComponent<    {
+export declare const TextField: __VLS_WithTemplateSlots_19<DefineComponent<    {
 modelValue?: any;
 } & TextFieldProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any) => any;
@@ -1307,7 +1317,7 @@ export declare interface TextFieldProps {
     type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'file';
 }
 
-export declare const Toggle: __VLS_WithTemplateSlots_15<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const Toggle: __VLS_WithTemplateSlots_16<DefineComponent<ToggleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: boolean) => any;
 }, string, PublicProps, Readonly<ToggleProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1318,9 +1328,9 @@ size: "1" | "2" | "3";
     default?(_: {}): any;
 }>;
 
-export declare const ToggleGroupItem: __VLS_WithTemplateSlots_17<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const ToggleGroupItem: __VLS_WithTemplateSlots_18<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_16<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ToggleGroupRoot: __VLS_WithTemplateSlots_17<DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (payload: AcceptableValue | AcceptableValue[]) => any;
 }, string, PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
 "onUpdate:modelValue"?: ((payload: AcceptableValue | AcceptableValue[]) => any) | undefined;
@@ -1347,7 +1357,7 @@ export declare interface ToggleProps extends ToggleProps_2 {
     radius?: RadiusType;
 }
 
-export declare const Tooltip: __VLS_WithTemplateSlots_42<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+export declare const Tooltip: __VLS_WithTemplateSlots_43<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 sideOffset: number;
 avoidCollisions: boolean;