@webstudio-is/sdk-components-react-radix 0.91.0 → 0.92.0

package/lib/theme/tailwind-colors.js

@@ -1,4 +1,5 @@
-const colors = {
+"use strict";
+export const colors = {
   transparent: "transparent",
   current: "currentColor",
   inherit: "inherit",
@@ -20,6 +21,3 @@ const colors = {
   secondary: "rgb(241, 245, 249)",
   secondaryForeground: "rgb(15, 23, 42)"
 };
-export {
-  colors
-};

package/lib/tooltip.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { getClosestInstance } from "@webstudio-is/react-sdk";
@@ -5,14 +6,14 @@ import {
   forwardRef,
   Children
 } from "react";
-const Tooltip = forwardRef((props, _ref) => {
+export const Tooltip = forwardRef((props, _ref) => {
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props }) });
 });
-const TooltipTrigger = forwardRef(({ children, ...props }, ref) => {
+export const TooltipTrigger = forwardRef(({ children, ...props }, ref) => {
   const firstChild = Children.toArray(children)[0];
   return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx("button", { children: "Add button or link" }) });
 });
-const TooltipContent = forwardRef(({ sideOffset = 4, hideWhenDetached = true, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+export const TooltipContent = forwardRef(({ sideOffset = 4, hideWhenDetached = true, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -22,7 +23,7 @@ const TooltipContent = forwardRef(({ sideOffset = 4, hideWhenDetached = true, ..
   }
 ) }));
 const namespace = "@webstudio-is/sdk-components-react-radix";
-const hooksTooltip = {
+export const hooksTooltip = {
   onNavigatorUnselect: (context, event) => {
     for (const instance of event.instancePath) {
       if (instance.component === `${namespace}:TooltipContent`) {
@@ -52,9 +53,3 @@ const hooksTooltip = {
     }
   }
 };
-export {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-  hooksTooltip
-};

package/{src/tooltip.stories.tsx → lib/tooltip.stories.js}

@@ -1,21 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/react";
+"use strict";
 import { renderComponentTemplate } from "@webstudio-is/react-sdk";
 import { Tooltip as TooltipPrimitive } from "./tooltip";
 import * as baseComponents from "@webstudio-is/sdk-components-react";
 import * as baseMetas from "@webstudio-is/sdk-components-react/metas";
 import * as radixComponents from "./components";
 import * as radixMetas from "./metas";
-
 export default {
   title: "Components/Tooltip",
-  component: TooltipPrimitive,
-} satisfies Meta<typeof TooltipPrimitive>;
-
-export const Tooltip: StoryObj<typeof TooltipPrimitive> = {
-  render: () =>
-    renderComponentTemplate({
-      name: "Tooltip",
-      components: { ...baseComponents, ...radixComponents },
-      metas: { ...baseMetas, ...radixMetas },
-    }),
+  component: TooltipPrimitive
+};
+export const Tooltip = {
+  render: () => renderComponentTemplate({
+    name: "Tooltip",
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
 };

package/lib/tooltip.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { TooltipIcon, TriggerIcon, ContentIcon } from "@webstudio-is/icons/svg";
 import {
 } from "@webstudio-is/react-sdk";
@@ -12,21 +13,21 @@ import { getButtonStyles } from "./theme/styles";
 const presetStyle = {
   div
 };
-const metaTooltipTrigger = {
+export const metaTooltipTrigger = {
   category: "hidden",
   detachable: false,
   type: "container",
   icon: TriggerIcon,
   stylable: false
 };
-const metaTooltipContent = {
+export const metaTooltipContent = {
   category: "hidden",
   detachable: false,
   type: "container",
   presetStyle,
   icon: ContentIcon
 };
-const metaTooltip = {
+export const metaTooltip = {
   category: "radix",
   order: 7,
   type: "container",
@@ -97,22 +98,14 @@ const metaTooltip = {
     }
   ]
 };
-const propsMetaTooltip = {
+export const propsMetaTooltip = {
   props: propsTooltip,
   initialProps: ["open", "delayDuration", "disableHoverableContent"]
 };
-const propsMetaTooltipTrigger = {
+export const propsMetaTooltipTrigger = {
   props: propsTooltipTrigger
 };
-const propsMetaTooltipContent = {
+export const propsMetaTooltipContent = {
   props: propsTooltipContent,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
-export {
-  metaTooltip,
-  metaTooltipContent,
-  metaTooltipTrigger,
-  propsMetaTooltip,
-  propsMetaTooltipContent,
-  propsMetaTooltipTrigger
-};

package/lib/types/__generated__/accordion.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsAccordion: Record<string, PropMeta>;
 export declare const propsAccordionItem: Record<string, PropMeta>;
 export declare const propsAccordionHeader: Record<string, PropMeta>;

package/lib/types/__generated__/checkbox.props.d.ts

@@ -1,3 +1,3 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsCheckbox: Record<string, PropMeta>;
 export declare const propsCheckboxIndicator: Record<string, PropMeta>;

package/lib/types/__generated__/collapsible.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsCollapsible: Record<string, PropMeta>;
 export declare const propsCollapsibleTrigger: Record<string, PropMeta>;
 export declare const propsCollapsibleContent: Record<string, PropMeta>;

package/lib/types/__generated__/dialog.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsDialog: Record<string, PropMeta>;
 export declare const propsDialogTrigger: Record<string, PropMeta>;
 export declare const propsDialogOverlay: Record<string, PropMeta>;

package/lib/types/__generated__/label.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

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

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsNavigationMenu: Record<string, PropMeta>;
 export declare const propsNavigationMenuList: Record<string, PropMeta>;
 export declare const propsNavigationMenuViewport: Record<string, PropMeta>;

package/lib/types/__generated__/popover.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsPopover: Record<string, PropMeta>;
 export declare const propsPopoverTrigger: Record<string, PropMeta>;
 export declare const propsPopoverContent: Record<string, PropMeta>;

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

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsRadioGroup: Record<string, PropMeta>;
 export declare const propsRadioGroupItem: Record<string, PropMeta>;
 export declare const propsRadioGroupIndicator: Record<string, PropMeta>;

package/lib/types/__generated__/select.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsSelect: Record<string, PropMeta>;
 export declare const propsSelectTrigger: Record<string, PropMeta>;
 export declare const propsSelectValue: Record<string, PropMeta>;

package/lib/types/__generated__/sheet.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsSheet: Record<string, PropMeta>;
 export declare const propsSheetTrigger: Record<string, PropMeta>;
 export declare const propsSheetOverlay: Record<string, PropMeta>;

package/lib/types/__generated__/switch.props.d.ts

@@ -1,3 +1,3 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsSwitch: Record<string, PropMeta>;
 export declare const propsSwitchThumb: Record<string, PropMeta>;

package/lib/types/__generated__/tabs.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsTabs: Record<string, PropMeta>;
 export declare const propsTabsList: Record<string, PropMeta>;
 export declare const propsTabsTrigger: Record<string, PropMeta>;

package/lib/types/__generated__/tooltip.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const propsTooltip: Record<string, PropMeta>;
 export declare const propsTooltipTrigger: Record<string, PropMeta>;
 export declare const propsTooltipContent: Record<string, PropMeta>;

package/lib/types/accordion.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithoutRef, type ForwardRefExoticComponent, type ComponentPropsWithRef } from "react";
 import { Header, Trigger, Content } from "@radix-ui/react-accordion";
 import { type Hook } from "@webstudio-is/react-sdk";
-export declare const Accordion: ForwardRefExoticComponent<Omit<ComponentPropsWithoutRef<ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>>, "value" | "type" | "defaultValue" | "asChild" | "onValueChange"> & {
+export declare const Accordion: ForwardRefExoticComponent<Omit<ComponentPropsWithoutRef<ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>>, "type" | "value" | "defaultValue" | "asChild" | "onValueChange"> & {
     value: string;
     onValueChange: (value: string) => void;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/lib/types/sheet.d.ts

@@ -10,6 +10,6 @@ export declare const SheetTitle: import("react").ForwardRefExoticComponent<impor
 export declare const SheetDescription: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
 export declare const SheetContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     tag?: "div" | "nav" | undefined;
-    side?: "top" | "right" | "bottom" | "left" | undefined;
+    side?: "bottom" | "left" | "right" | "top" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const hooksSheet: Hook;

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

@@ -0,0 +1,26 @@
+import type { StyleValue } from "@webstudio-is/css-engine";
+export declare const spacing: Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "0.5" | "1.5" | "2.5" | "3.5", StyleValue>;
+export declare const padding: Record<keyof typeof spacing, StyleValue>;
+export declare const margin: Record<keyof typeof spacing | "auto", StyleValue>;
+export declare const width: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
+export declare const maxWidth: Record<"0" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | "min" | "max" | "fit" | "prose", StyleValue>;
+export declare const height: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
+export declare const minHeight: Record<"0" | "full" | "screen" | "min" | "max" | "fit", StyleValue>;
+export declare const inset: Record<keyof typeof spacing | "auto" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full", StyleValue>;
+export declare const borderWidth: Record<"0" | "2" | "4" | "8" | "DEFAULT", StyleValue>;
+export declare const borderRadius: Record<"none" | "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+export declare const colors: Record<"transparent" | "current" | "inherit" | "popover" | "popoverForeground" | "border" | "background" | "foreground" | "ring" | "mutedForeground" | "muted" | "primary" | "primaryForeground" | "destructive" | "destructiveForeground" | "accent" | "accentForeground" | "input" | "secondary" | "secondaryForeground", StyleValue>;
+export declare const zIndex: Record<"0" | "10" | "20" | "30" | "40" | "50" | "auto", StyleValue>;
+export declare const opacity: Record<"0" | "5" | "10" | "20" | "25" | "30" | "40" | "50" | "60" | "70" | "75" | "80" | "90" | "95" | "100", StyleValue>;
+export declare const cursor: Record<"auto" | "default" | "pointer" | "wait" | "text" | "move" | "help" | "not-allowed" | "none" | "context-menu" | "progress" | "cell" | "crosshair" | "vertical-text" | "alias" | "copy" | "no-drop" | "grab" | "grabbing" | "all-scroll" | "col-resize" | "row-resize" | "n-resize" | "e-resize" | "s-resize" | "w-resize" | "ne-resize" | "nw-resize" | "se-resize" | "sw-resize" | "ew-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "zoom-in" | "zoom-out", StyleValue>;
+export declare const lineHeight: Record<"3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose", StyleValue>;
+export declare const letterSpacing: Record<"tighter" | "tight" | "normal" | "wide" | "wider" | "widest", StyleValue>;
+export declare const listStyleType: Record<"none" | "disc" | "decimal", StyleValue>;
+export declare const lineClamp: Record<"1" | "2" | "3" | "4" | "5" | "6", StyleValue>;
+export declare const textUnderlineOffset: Record<"0" | "1" | "2" | "4" | "8" | "auto", StyleValue>;
+export declare const ringWidth: Record<"0" | "1" | "2" | "4" | "8" | "DEFAULT", StyleValue>;
+export declare const ringOffsetWidth: Record<"0" | "1" | "2" | "4" | "8", StyleValue>;
+export declare const boxShadow: Record<"sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "inner" | "none", StyleValue>;
+export declare const blur: Record<"sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "inner" | "none", StyleValue>;
+export declare const fontSize: Record<"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;
+export declare const fontSizeLineHeight: Record<"xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;

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

@@ -1,215 +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: number;
+        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: string;
         type: "keyword";
-    } | {
         value: string;
+    } | {
         type: "unparsed";
+        value: string;
         hidden?: boolean | undefined;
     } | {
-        value: string[];
         type: "fontFamily";
+        value: string[];
     } | {
-        alpha: number;
         type: "rgb";
         r: number;
         g: number;
         b: number;
+        alpha: number;
     } | {
+        type: "image";
         value: {
-            value: string;
             type: "asset";
+            value: string;
         } | {
             type: "url";
             url: string;
         };
-        type: "image";
         hidden?: boolean | undefined;
     } | {
-        value: string;
         type: "invalid";
+        value: string;
     } | {
-        value: "";
         type: "unset";
+        value: "";
     } | {
+        type: "tuple";
         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: number;
+            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: string;
             type: "keyword";
-        } | {
             value: string;
+        } | {
             type: "unparsed";
+            value: string;
             hidden?: boolean | undefined;
         } | {
-            alpha: number;
             type: "rgb";
             r: number;
             g: number;
             b: number;
+            alpha: number;
         })[];
-        type: "tuple";
         hidden?: boolean | undefined;
     } | {
+        type: "layers";
         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: number;
+            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: string;
             type: "keyword";
-        } | {
             value: string;
+        } | {
             type: "unparsed";
+            value: string;
             hidden?: boolean | undefined;
         } | {
+            type: "image";
             value: {
-                value: string;
                 type: "asset";
+                value: string;
             } | {
                 type: "url";
                 url: string;
             };
-            type: "image";
             hidden?: boolean | undefined;
         } | {
-            value: string;
             type: "invalid";
+            value: string;
         } | {
+            type: "tuple";
             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: number;
+                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: string;
                 type: "keyword";
-            } | {
                 value: string;
+            } | {
                 type: "unparsed";
+                value: string;
                 hidden?: boolean | undefined;
             } | {
-                alpha: number;
                 type: "rgb";
                 r: number;
                 g: number;
                 b: number;
+                alpha: number;
             })[];
-            type: "tuple";
             hidden?: boolean | undefined;
         })[];
-        type: "layers";
     } | {
-        value: string;
         type: "var";
+        value: string;
         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: number;
+            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: string;
             type: "keyword";
-        } | {
             value: string;
+        } | {
             type: "unparsed";
+            value: string;
             hidden?: boolean | undefined;
         } | {
-            value: string[];
             type: "fontFamily";
+            value: string[];
         } | {
-            alpha: number;
             type: "rgb";
             r: number;
             g: number;
             b: number;
+            alpha: number;
         } | {
+            type: "image";
             value: {
-                value: string;
                 type: "asset";
+                value: string;
             } | {
                 type: "url";
                 url: string;
             };
-            type: "image";
             hidden?: boolean | undefined;
         } | {
+            type: "tuple";
             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: number;
+                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: string;
                 type: "keyword";
-            } | {
                 value: string;
+            } | {
                 type: "unparsed";
+                value: string;
                 hidden?: boolean | undefined;
             } | {
-                alpha: number;
                 type: "rgb";
                 r: number;
                 g: number;
                 b: number;
+                alpha: number;
             })[];
-            type: "tuple";
             hidden?: boolean | undefined;
         } | {
+            type: "layers";
             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: number;
+                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: string;
                 type: "keyword";
-            } | {
                 value: string;
+            } | {
                 type: "unparsed";
+                value: string;
                 hidden?: boolean | undefined;
             } | {
+                type: "image";
                 value: {
-                    value: string;
                     type: "asset";
+                    value: string;
                 } | {
                     type: "url";
                     url: string;
                 };
-                type: "image";
                 hidden?: boolean | undefined;
             } | {
-                value: string;
                 type: "invalid";
+                value: string;
             } | {
+                type: "tuple";
                 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: number;
+                    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: string;
                     type: "keyword";
-                } | {
                     value: string;
+                } | {
                     type: "unparsed";
+                    value: string;
                     hidden?: boolean | undefined;
                 } | {
-                    alpha: number;
                     type: "rgb";
                     r: number;
                     g: number;
                     b: number;
+                    alpha: 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";
+    property: import("@webstudio-is/css-engine").StyleProperty;
 }[];
 export declare const buttonReset: EmbedTemplateStyleDecl[];