@webstudio-is/sdk-components-react-radix 0.87.1 → 0.89.0

package/lib/types/checkbox.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { Checkbox as CheckboxPrimitive } from "./checkbox";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "checked"> & {
+        checked: boolean;
+    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Checkbox: StoryObj<typeof CheckboxPrimitive>;

package/lib/types/checkbox.ws.d.ts

@@ -0,0 +1,5 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const metaCheckbox: WsComponentMeta;
+export declare const metaCheckboxIndicator: WsComponentMeta;
+export declare const propsMetaCheckbox: WsComponentPropsMeta;
+export declare const propsMetaCheckboxIndicator: WsComponentPropsMeta;

package/lib/types/components.d.ts

@@ -2,10 +2,11 @@ export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./collapsi
 export { Dialog, DialogTrigger, DialogOverlay, DialogContent, DialogClose, DialogTitle, DialogDescription, } from "./dialog";
 export { Popover, PopoverTrigger, PopoverContent } from "./popover";
 export { Tooltip, TooltipTrigger, TooltipContent } from "./tooltip";
-export { Sheet, SheetTrigger, SheetOverlay, SheetContent, SheetClose, SheetTitle, SheetDescription, } from "./sheet";
 export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
-export { Button } from "./button";
-export { Input } from "./input";
-export { Textarea } from "./textarea";
 export { Label } from "./label";
 export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent, } from "./accordion";
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuViewport, } from "./navigation-menu";
+export { Select, SelectTrigger, SelectValue, SelectViewport, SelectContent, SelectItem, SelectItemIndicator, SelectItemText, } from "./select";
+export { Switch, SwitchThumb } from "./switch";
+export { Checkbox, CheckboxIndicator } from "./checkbox";
+export { RadioGroup, RadioGroupItem, RadioGroupIndicator } from "./radio-group";

package/lib/types/metas.d.ts

@@ -1,11 +1,13 @@
 export { metaCollapsible as Collapsible, metaCollapsibleTrigger as CollapsibleTrigger, metaCollapsibleContent as CollapsibleContent, } from "./collapsible.ws";
 export { metaDialog as Dialog, metaDialogTrigger as DialogTrigger, metaDialogOverlay as DialogOverlay, metaDialogContent as DialogContent, metaDialogClose as DialogClose, metaDialogTitle as DialogTitle, metaDialogDescription as DialogDescription, } from "./dialog.ws";
+export { meta as Sheet } from "./sheet.ws";
 export { metaPopover as Popover, metaPopoverTrigger as PopoverTrigger, metaPopoverContent as PopoverContent, } from "./popover.ws";
 export { metaTooltip as Tooltip, metaTooltipTrigger as TooltipTrigger, metaTooltipContent as TooltipContent, } from "./tooltip.ws";
-export { metaSheet as Sheet, metaSheetTrigger as SheetTrigger, metaSheetOverlay as SheetOverlay, metaSheetContent as SheetContent, metaSheetClose as SheetClose, metaSheetTitle as SheetTitle, metaSheetDescription as SheetDescription, } from "./sheet.ws";
 export { metaTabs as Tabs, metaTabsList as TabsList, metaTabsTrigger as TabsTrigger, metaTabsContent as TabsContent, } from "./tabs.ws";
-export { meta as Button } from "./button.ws";
-export { meta as Input } from "./input.ws";
-export { meta as Textarea } from "./textarea.ws";
 export { meta as Label } from "./label.ws";
 export { metaAccordion as Accordion, metaAccordionItem as AccordionItem, metaAccordionHeader as AccordionHeader, metaAccordionTrigger as AccordionTrigger, metaAccordionContent as AccordionContent, } from "./accordion.ws";
+export { metaNavigationMenu as NavigationMenu, metaNavigationMenuList as NavigationMenuList, metaNavigationMenuItem as NavigationMenuItem, metaNavigationMenuTrigger as NavigationMenuTrigger, metaNavigationMenuContent as NavigationMenuContent, metaNavigationMenuLink as NavigationMenuLink, metaNavigationMenuViewport as NavigationMenuViewport, } from "./navigation-menu.ws";
+export { metaSelect as Select, metaSelectTrigger as SelectTrigger, metaSelectValue as SelectValue, metaSelectViewport as SelectViewport, metaSelectContent as SelectContent, metaSelectItem as SelectItem, metaSelectItemIndicator as SelectItemIndicator, metaSelectItemText as SelectItemText, } from "./select.ws";
+export { metaSwitch as Switch, metaSwitchThumb as SwitchThumb, } from "./switch.ws";
+export { metaCheckbox as Checkbox, metaCheckboxIndicator as CheckboxIndicator, } from "./checkbox.ws";
+export { metaRadioGroup as RadioGroup, metaRadioGroupItem as RadioGroupItem, metaRadioGroupIndicator as RadioGroupIndicator, } from "./radio-group.ws";

package/lib/types/navigation-menu.d.ts

@@ -0,0 +1,15 @@
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { type Hook } from "@webstudio-is/react-sdk";
+import { type ReactNode } from "react";
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref">, "aria-orientation" | "orientation"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const hooksNavigationMenu: Hook;

package/lib/types/navigation-menu.ws.d.ts

@@ -0,0 +1,15 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const metaNavigationMenu: WsComponentMeta;
+export declare const metaNavigationMenuList: WsComponentMeta;
+export declare const metaNavigationMenuItem: WsComponentMeta;
+export declare const metaNavigationMenuTrigger: WsComponentMeta;
+export declare const metaNavigationMenuContent: WsComponentMeta;
+export declare const metaNavigationMenuLink: WsComponentMeta;
+export declare const metaNavigationMenuViewport: WsComponentMeta;
+export declare const propsMetaNavigationMenu: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuItem: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuTrigger: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuContent: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuLink: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuList: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuViewport: WsComponentPropsMeta;

package/lib/types/props-descriptions.d.ts

@@ -0,0 +1,29 @@
+export declare const propsDescriptions: {
+    Dialog: {
+        open: string;
+    };
+    Sheet: {
+        open: string;
+    };
+    Collapsible: {
+        open: string;
+    };
+    Popover: {
+        open: string;
+    };
+    PopoverContent: {
+        alignOffset: string;
+        sideOffset: string;
+        side: string;
+    };
+    Tooltip: {
+        open: string;
+        delayDuration: string;
+        disableHoverableContent: string;
+    };
+    TooltipContent: {
+        alignOffset: string;
+        sideOffset: string;
+        side: string;
+    };
+};

package/lib/types/props.d.ts

@@ -2,10 +2,11 @@ export { propsMetaCollapsible as Collapsible, propsMetaCollapsibleTrigger as Col
 export { propsMetaDialog as Dialog, propsMetaDialogTrigger as DialogTrigger, propsMetaDialogOverlay as DialogOverlay, propsMetaDialogContent as DialogContent, propsMetaDialogClose as DialogClose, propsMetaDialogTitle as DialogTitle, propsMetaDialogDescription as DialogDescription, } from "./dialog.ws";
 export { propsMetaPopover as Popover, propsMetaPopoverTrigger as PopoverTrigger, propsMetaPopoverContent as PopoverContent, } from "./popover.ws";
 export { propsMetaTooltip as Tooltip, propsMetaTooltipTrigger as TooltipTrigger, propsMetaTooltipContent as TooltipContent, } from "./tooltip.ws";
-export { propsMetaSheet as Sheet, propsMetaSheetTrigger as SheetTrigger, propsMetaSheetOverlay as SheetOverlay, propsMetaSheetContent as SheetContent, propsMetaSheetClose as SheetClose, propsMetaSheetTitle as SheetTitle, propsMetaSheetDescription as SheetDescription, } from "./sheet.ws";
 export { propsMetaTabs as Tabs, propsMetaTabsList as TabsList, propsMetaTabsTrigger as TabsTrigger, propsMetaTabsContent as TabsContent, } from "./tabs.ws";
-export { propsMeta as Button } from "./button.ws";
-export { propsMeta as Input } from "./input.ws";
-export { propsMeta as Textarea } from "./textarea.ws";
 export { propsMeta as Label } from "./label.ws";
 export { propsMetaAccordion as Accordion, propsMetaAccordionItem as AccordionItem, propsMetaAccordionHeader as AccordionHeader, propsMetaAccordionTrigger as AccordionTrigger, propsMetaAccordionContent as AccordionContent, } from "./accordion.ws";
+export { propsMetaNavigationMenu as NavigationMenu, propsMetaNavigationMenuList as NavigationMenuList, propsMetaNavigationMenuItem as NavigationMenuItem, propsMetaNavigationMenuTrigger as NavigationMenuTrigger, propsMetaNavigationMenuContent as NavigationMenuContent, propsMetaNavigationMenuLink as NavigationMenuLink, propsMetaNavigationMenuViewport as NavigationMenuViewport, } from "./navigation-menu.ws";
+export { propsMetaSelect as Select, propsMetaSelectTrigger as SelectTrigger, propsMetaSelectValue as SelectValue, propsMetaSelectViewport as SelectViewport, propsMetaSelectContent as SelectContent, propsMetaSelectItem as SelectItem, propsMetaSelectItemIndicator as SelectItemIndicator, propsMetaSelectItemText as SelectItemText, } from "./select.ws";
+export { propsMetaSwitch as Switch, propsMetaSwitchThumb as SwitchThumb, } from "./switch.ws";
+export { propsMetaCheckbox as Checkbox, propsMetaCheckboxIndicator as CheckboxIndicator, } from "./checkbox.ws";
+export { propsMetaRadioGroup as RadioGroup, propsMetaRadioGroupItem as RadioGroupItem, propsMetaRadioGroupIndicator as RadioGroupIndicator, } from "./radio-group.ws";

package/lib/types/radio-group.d.ts

@@ -0,0 +1,5 @@
+import { type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
+import { Root, Item, Indicator } from "@radix-ui/react-radio-group";
+export declare const RadioGroup: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Root>>;
+export declare const RadioGroupItem: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Item>>;
+export declare const RadioGroupIndicator: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Indicator>>;

package/lib/types/radio-group.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { RadioGroup as RadioGroupPrimitive } from "./radio-group";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const RadioGroup: StoryObj<typeof RadioGroupPrimitive>;

package/lib/types/radio-group.ws.d.ts

@@ -0,0 +1,7 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const metaRadioGroup: WsComponentMeta;
+export declare const metaRadioGroupItem: WsComponentMeta;
+export declare const metaRadioGroupIndicator: WsComponentMeta;
+export declare const propsMetaRadioGroup: WsComponentPropsMeta;
+export declare const propsMetaRadioGroupItem: WsComponentPropsMeta;
+export declare const propsMetaRadioGroupIndicator: WsComponentPropsMeta;

package/lib/types/select.d.ts

@@ -0,0 +1,14 @@
+import { type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
+import { Trigger, Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
+import { type Hook } from "@webstudio-is/react-sdk";
+export declare const Select: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectTrigger: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Trigger>>;
+export declare const SelectValue: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref">, "placeholder"> & {
+    placeholder?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "position" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectViewport: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Viewport>>;
+export declare const SelectItem: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Item>>;
+export declare const SelectItemIndicator: ForwardRefExoticComponent<ComponentPropsWithRef<typeof ItemIndicator>>;
+export declare const SelectItemText: ForwardRefExoticComponent<ComponentPropsWithRef<typeof ItemText>>;
+export declare const hooksSelect: Hook;

package/lib/types/select.ws.d.ts

@@ -0,0 +1,17 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const metaSelect: WsComponentMeta;
+export declare const metaSelectTrigger: WsComponentMeta;
+export declare const metaSelectValue: WsComponentMeta;
+export declare const metaSelectContent: WsComponentMeta;
+export declare const metaSelectViewport: WsComponentMeta;
+export declare const metaSelectItem: WsComponentMeta;
+export declare const metaSelectItemIndicator: WsComponentMeta;
+export declare const metaSelectItemText: WsComponentMeta;
+export declare const propsMetaSelect: WsComponentPropsMeta;
+export declare const propsMetaSelectTrigger: WsComponentPropsMeta;
+export declare const propsMetaSelectValue: WsComponentPropsMeta;
+export declare const propsMetaSelectContent: WsComponentPropsMeta;
+export declare const propsMetaSelectViewport: WsComponentPropsMeta;
+export declare const propsMetaSelectItem: WsComponentPropsMeta;
+export declare const propsMetaSelectItemIndicator: WsComponentPropsMeta;
+export declare const propsMetaSelectItemText: WsComponentPropsMeta;

package/lib/types/sheet.ws.d.ts

@@ -1,10 +1,4 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
-export declare const metaSheetTrigger: WsComponentMeta;
-export declare const metaSheetContent: WsComponentMeta;
-export declare const metaSheetOverlay: WsComponentMeta;
-export declare const metaSheetTitle: WsComponentMeta;
-export declare const metaSheetDescription: WsComponentMeta;
-export declare const metaSheetClose: WsComponentMeta;
+import type { WsComponentMeta } from "@webstudio-is/react-sdk";
 /**
  * Styles source without animations:
  * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/sheet.tsx
@@ -13,11 +7,4 @@ export declare const metaSheetClose: WsComponentMeta;
  * MIT License
  * Copyright (c) 2023 shadcn
  **/
-export declare const metaSheet: WsComponentMeta;
-export declare const propsMetaSheet: WsComponentPropsMeta;
-export declare const propsMetaSheetTrigger: WsComponentPropsMeta;
-export declare const propsMetaSheetContent: WsComponentPropsMeta;
-export declare const propsMetaSheetOverlay: WsComponentPropsMeta;
-export declare const propsMetaSheetClose: WsComponentPropsMeta;
-export declare const propsMetaSheetTitle: WsComponentPropsMeta;
-export declare const propsMetaSheetDescription: WsComponentPropsMeta;
+export declare const meta: WsComponentMeta;

package/lib/types/switch.d.ts

@@ -0,0 +1,4 @@
+import type { ForwardRefExoticComponent, ComponentPropsWithRef } from "react";
+import { Root, Thumb } from "@radix-ui/react-switch";
+export declare const Switch: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Root>>;
+export declare const SwitchThumb: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Thumb>>;

package/lib/types/switch.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { Switch as SwitchPrimitive } from "./switch";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-switch").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Switch: StoryObj<typeof SwitchPrimitive>;

package/lib/types/switch.ws.d.ts

@@ -0,0 +1,5 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const metaSwitch: WsComponentMeta;
+export declare const metaSwitchThumb: WsComponentMeta;
+export declare const propsMetaSwitch: WsComponentPropsMeta;
+export declare const propsMetaSwitchThumb: WsComponentPropsMeta;

package/lib/types/tabs.d.ts

@@ -1,17 +1,8 @@
-import { type ForwardRefExoticComponent, type ComponentPropsWithRef, type ReactNode } from "react";
+import { type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
 import { Root } from "@radix-ui/react-tabs";
 import { type Hook } from "@webstudio-is/react-sdk";
 export declare const Tabs: ForwardRefExoticComponent<Omit<ComponentPropsWithRef<typeof Root>, "asChild" | "defaultValue">>;
 export declare const TabsList: ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * We're not exposing the 'asChild' property for the Trigger.
- * Instead, we're enforcing 'asChild=true' for the Trigger and making it style-less.
- * This avoids situations where the Trigger inadvertently passes all styles to its child,
- * which would prevent us from displaying styles properly in the builder.
- */
-export declare const TabsTrigger: ForwardRefExoticComponent<{
-    value: string;
-    children: ReactNode;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const TabsContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const hooksTabs: Hook;

package/lib/types/theme/radix-common-types.d.ts

@@ -76,8 +76,9 @@ type DefaultTheme = {
 export type EvaluatedDefaultTheme = DefaultTheme & {
     padding: DefaultTheme["spacing"];
     colors: typeof colors;
-    width: DefaultTheme["spacing"] & Record<"full", string>;
-    height: DefaultTheme["spacing"];
+    inset: DefaultTheme["spacing"] & Record<"full", string>;
+    width: DefaultTheme["spacing"] & Record<"full" | "max", string>;
+    height: DefaultTheme["spacing"] & Record<"max", string>;
     margin: DefaultTheme["spacing"] & Record<"auto", string>;
     maxWidth: DefaultTheme["spacing"] & Record<"none" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose", string>;
 };

package/lib/types/theme/styles.d.ts

@@ -0,0 +1,215 @@
+import type { EmbedTemplateStyleDecl } from "@webstudio-is/react-sdk";
+export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "default" | "sm" | "icon") => {
+    value: {
+        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+        value: number;
+        type: "unit";
+    } | {
+        value: string;
+        type: "keyword";
+    } | {
+        value: string;
+        type: "unparsed";
+        hidden?: boolean | undefined;
+    } | {
+        value: string[];
+        type: "fontFamily";
+    } | {
+        alpha: number;
+        type: "rgb";
+        r: number;
+        g: number;
+        b: number;
+    } | {
+        value: {
+            value: string;
+            type: "asset";
+        } | {
+            type: "url";
+            url: string;
+        };
+        type: "image";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "invalid";
+    } | {
+        value: "";
+        type: "unset";
+    } | {
+        value: ({
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            value: number;
+            type: "unit";
+        } | {
+            value: string;
+            type: "keyword";
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            alpha: number;
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+        })[];
+        type: "tuple";
+        hidden?: boolean | undefined;
+    } | {
+        value: ({
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            value: number;
+            type: "unit";
+        } | {
+            value: string;
+            type: "keyword";
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "invalid";
+        } | {
+            value: ({
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                value: number;
+                type: "unit";
+            } | {
+                value: string;
+                type: "keyword";
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                alpha: number;
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        })[];
+        type: "layers";
+    } | {
+        value: string;
+        type: "var";
+        fallbacks: ({
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            value: number;
+            type: "unit";
+        } | {
+            value: string;
+            type: "keyword";
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            value: string[];
+            type: "fontFamily";
+        } | {
+            alpha: number;
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+        } | {
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                value: number;
+                type: "unit";
+            } | {
+                value: string;
+                type: "keyword";
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                alpha: number;
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+            })[];
+            type: "tuple";
+            hidden?: boolean | undefined;
+        } | {
+            value: ({
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                value: number;
+                type: "unit";
+            } | {
+                value: string;
+                type: "keyword";
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                value: {
+                    value: string;
+                    type: "asset";
+                } | {
+                    type: "url";
+                    url: string;
+                };
+                type: "image";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "invalid";
+            } | {
+                value: ({
+                    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                    value: number;
+                    type: "unit";
+                } | {
+                    value: string;
+                    type: "keyword";
+                } | {
+                    value: string;
+                    type: "unparsed";
+                    hidden?: boolean | undefined;
+                } | {
+                    alpha: number;
+                    type: "rgb";
+                    r: number;
+                    g: number;
+                    b: number;
+                })[];
+                type: "tuple";
+                hidden?: boolean | undefined;
+            })[];
+            type: "layers";
+        })[];
+    };
+    state?: string | undefined;
+    property: "clip" | "top" | "right" | `--${string}` | "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationTimeline" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockOverflow" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "caretShape" | "clear" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "forcedColorAdjust" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inputSecurity" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTransitionName" | "visibility" | "whiteSpace" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex";
+}[];
+export declare const buttonReset: EmbedTemplateStyleDecl[];

package/lib/types/theme/tailwind-classes.d.ts

@@ -2,7 +2,9 @@
  * Quik and dirty implementation of tailwind classes conversion to webstudio styles.
  */
 import type { EmbedTemplateStyleDecl } from "@webstudio-is/react-sdk";
+import { type StyleProperty } from "@webstudio-is/css-data";
 import type { EvaluatedDefaultTheme } from "./radix-common-types";
+export declare const property: (property: StyleProperty, value: string) => EmbedTemplateStyleDecl;
 export declare const z: (zIndex?: StringEnumToNumeric<keyof EvaluatedDefaultTheme["zIndex"]>) => EmbedTemplateStyleDecl[];
 export declare const overflow: (value: "hidden" | "visible" | "scroll" | "auto") => EmbedTemplateStyleDecl[];
 export declare const rounded: (radius?: keyof EvaluatedDefaultTheme["borderRadius"]) => EmbedTemplateStyleDecl[];
@@ -32,12 +34,15 @@ export declare const minH: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultT
 export declare const opacity: (opacity: StringEnumToNumeric<keyof EvaluatedDefaultTheme["opacity"]>) => EmbedTemplateStyleDecl[];
 export declare const cursor: (cursor: keyof EvaluatedDefaultTheme["cursor"]) => EmbedTemplateStyleDecl[];
 export declare const maxW: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["maxWidth"]> | NonNumeric<keyof EvaluatedDefaultTheme["maxWidth"]>) => EmbedTemplateStyleDecl[];
-export declare const top: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
-export declare const right: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
-export declare const bottom: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
-export declare const left: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
-export declare const inset: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
+export declare const top: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["inset"]> | NonNumeric<keyof EvaluatedDefaultTheme["inset"]>) => EmbedTemplateStyleDecl[];
+export declare const right: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["inset"]> | NonNumeric<keyof EvaluatedDefaultTheme["inset"]>) => EmbedTemplateStyleDecl[];
+export declare const bottom: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["inset"]> | NonNumeric<keyof EvaluatedDefaultTheme["inset"]>) => EmbedTemplateStyleDecl[];
+export declare const left: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["inset"]> | NonNumeric<keyof EvaluatedDefaultTheme["inset"]>) => EmbedTemplateStyleDecl[];
+export declare const inset: (spacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["inset"]> | NonNumeric<keyof EvaluatedDefaultTheme["inset"]>) => EmbedTemplateStyleDecl[];
+export declare const aspect: (value: "auto" | "square" | "video") => EmbedTemplateStyleDecl[];
 export declare const backdropBlur: (blur: keyof EvaluatedDefaultTheme["blur"]) => EmbedTemplateStyleDecl[];
+export declare const list: (listStyle: keyof EvaluatedDefaultTheme["listStyleType"]) => EmbedTemplateStyleDecl[];
+export declare const select: (selectValue: "none") => EmbedTemplateStyleDecl[];
 export declare const bg: (color: keyof EvaluatedDefaultTheme["colors"], alpha?: number) => EmbedTemplateStyleDecl[];
 export declare const fixed: () => EmbedTemplateStyleDecl[];
 export declare const relative: () => EmbedTemplateStyleDecl[];
@@ -64,6 +69,7 @@ declare const justifyContent: {
 type JustifyContent = keyof typeof justifyContent;
 export declare const justify: (justifyContentParam: JustifyContent) => EmbedTemplateStyleDecl[];
 export declare const inlineFlex: () => EmbedTemplateStyleDecl[];
+export declare const block: () => EmbedTemplateStyleDecl[];
 declare const flexDirection: {
     readonly row: "row";
     readonly col: "column";
@@ -72,12 +78,15 @@ type FlexDirection = keyof typeof flexDirection;
 type FlexSizing = 1 | "auto" | "initial" | "none";
 export declare const flex: (flexParam?: FlexDirection | FlexSizing) => EmbedTemplateStyleDecl[];
 export declare const grow: () => EmbedTemplateStyleDecl[];
+export declare const shrink: (value: number) => EmbedTemplateStyleDecl[];
 export declare const gap: (gapValue: StringEnumToNumeric<keyof EvaluatedDefaultTheme["spacing"]>) => EmbedTemplateStyleDecl[];
+export declare const lineClamp: (lineClampValue: StringEnumToNumeric<keyof EvaluatedDefaultTheme["lineClamp"]>) => EmbedTemplateStyleDecl[];
 export declare const leading: (lineHeight: StringEnumToNumeric<keyof EvaluatedDefaultTheme["lineHeight"]> | NonNumeric<keyof EvaluatedDefaultTheme["lineHeight"]>) => EmbedTemplateStyleDecl[];
 export declare const tracking: (letterSpacing: StringEnumToNumeric<keyof EvaluatedDefaultTheme["letterSpacing"]> | NonNumeric<keyof EvaluatedDefaultTheme["letterSpacing"]>) => EmbedTemplateStyleDecl[];
 export declare const outline: (value: "none") => EmbedTemplateStyleDecl[];
 type TextSize = keyof EvaluatedDefaultTheme["fontSize"];
 export declare const text: (sizeOrColor: TextSize | keyof EvaluatedDefaultTheme["colors"]) => EmbedTemplateStyleDecl[];
+export declare const noUnderline: () => EmbedTemplateStyleDecl[];
 export declare const underline: () => EmbedTemplateStyleDecl[];
 export declare const underlineOffset: (offset: StringEnumToNumeric<keyof EvaluatedDefaultTheme["textUnderlineOffset"]>) => EmbedTemplateStyleDecl[];
 export declare const font: (weight: "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black") => EmbedTemplateStyleDecl[];
@@ -85,7 +94,8 @@ export declare const whitespace: (value: "normal" | "nowrap" | "pre" | "pre-line
 export declare const shadow: (shadowSize: keyof EvaluatedDefaultTheme["boxShadow"]) => EmbedTemplateStyleDecl[];
 export declare const ring: (ringColor: keyof EvaluatedDefaultTheme["colors"], ringWidth: StringEnumToNumeric<keyof EvaluatedDefaultTheme["ringWidth"]>, ringOffsetColor?: keyof EvaluatedDefaultTheme["colors"], ringOffsetWidth?: StringEnumToNumeric<keyof EvaluatedDefaultTheme["ringOffsetWidth"]>, inset?: "inset" | "") => EmbedTemplateStyleDecl[];
 export declare const pointerEvents: (value: "none" | "auto") => EmbedTemplateStyleDecl[];
-export declare const transition: (value: "none" | "all") => EmbedTemplateStyleDecl[];
+export declare const transition: (value: "none" | "all" | "transform") => EmbedTemplateStyleDecl[];
+export declare const duration: (ms: number) => EmbedTemplateStyleDecl[];
 export declare const hover: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
 export declare const focus: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
 export declare const focusVisible: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];

package/lib/types/theme/tailwind-colors.d.ts

@@ -10,6 +10,7 @@
 export declare const colors: {
     readonly transparent: "transparent";
     readonly current: "currentColor";
+    readonly inherit: "inherit";
     readonly popover: "rgb(255, 255, 255)";
     readonly popoverForeground: "rgb(2, 8, 23)";
     readonly border: "rgb(226, 232, 240)";

package/lib/types/theme/tailwind-theme.d.ts

@@ -1,5 +1,5 @@
 import type { EvaluatedDefaultTheme } from "./radix-common-types";
-export declare const theme: <T extends "height" | "maxWidth" | "width" | "colors" | "margin" | "padding" | keyof {
+export declare const theme: <T extends "height" | "maxWidth" | "width" | "inset" | "colors" | "margin" | "padding" | keyof {
     animation: Record<"none" | "spin" | "ping" | "pulse" | "bounce", string>;
     aria: Record<"hidden" | "expanded" | "required" | "disabled" | "busy" | "checked" | "pressed" | "readonly" | "selected", string>;
     aspectRatio: Record<"auto" | "video" | "square", string>;