@webstudio-is/sdk-components-react-radix 0.174.0 → 0.179.0

package/lib/components.js

@@ -7,7 +7,7 @@ import { Root, Trigger, Content } from "@radix-ui/react-collapsible";
 import {
   getClosestInstance,
   getInstanceSelectorById
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx } from "react/jsx-runtime";
 var Collapsible = Root;
 var CollapsibleTrigger = forwardRef(({ children, ...props }, ref) => {
@@ -29,7 +29,7 @@ import {
   ReactSdkContext,
   getClosestInstance as getClosestInstance2,
   getInstanceSelectorById as getInstanceSelectorById2
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var willNavigate = (event) => {
   const { target } = event;
@@ -134,7 +134,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import {
   getClosestInstance as getClosestInstance3,
   getInstanceSelectorById as getInstanceSelectorById3
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var Popover = forwardRef3((props, _ref) => {
   return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, { ...props });
@@ -161,7 +161,7 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import {
   getClosestInstance as getClosestInstance4,
   getInstanceSelectorById as getInstanceSelectorById4
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import {
   forwardRef as forwardRef4,
   Children as Children4
@@ -193,7 +193,7 @@ import {
   getClosestInstance as getClosestInstance5,
   getIndexWithinAncestorFromComponentProps,
   getInstanceSelectorById as getInstanceSelectorById5
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var Tabs = Root5;
 var TabsList = List;
@@ -229,7 +229,7 @@ import {
   getClosestInstance as getClosestInstance6,
   getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps2,
   getInstanceSelectorById as getInstanceSelectorById6
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var Accordion = forwardRef7((props, ref) => {
   return /* @__PURE__ */ jsx7(Root7, { ref, type: "single", ...props });
@@ -249,7 +249,7 @@ import {
   getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps3,
   getInstanceSelectorById as getInstanceSelectorById7,
   ReactSdkContext as ReactSdkContext2
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import {
   Children as Children5,
   forwardRef as forwardRef8,
@@ -300,11 +300,13 @@ import {
   getClosestInstance as getClosestInstance8,
   getInstanceSelectorById as getInstanceSelectorById8,
   ReactSdkContext as ReactSdkContext3
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var Select = forwardRef9((props, _ref) => {
-  return /* @__PURE__ */ jsx9(Root9, { ...props });
-});
+var Select = forwardRef9(
+  ({ value, defaultValue, ...props }, _ref) => {
+    return /* @__PURE__ */ jsx9(Root9, { ...props, defaultValue: value ?? defaultValue });
+  }
+);
 var SelectTrigger = forwardRef9((props, ref) => {
   const { renderer } = useContext3(ReactSdkContext3);
   const onPointerDown = renderer === "canvas" ? (event) => {
@@ -324,25 +326,34 @@ var SelectItemIndicator = ItemIndicator;
 var SelectItemText = ItemText;
 
 // src/switch.tsx
+import {
+  forwardRef as forwardRef10
+} from "react";
 import { Root as Root10, Thumb } from "@radix-ui/react-switch";
-var Switch = Root10;
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Switch = forwardRef10(({ checked, defaultChecked, ...props }, ref) => {
+  return /* @__PURE__ */ jsx10(Root10, { ...props, ref, defaultChecked: checked ?? defaultChecked });
+});
 var SwitchThumb = Thumb;
 
 // src/checkbox.tsx
 import {
-  forwardRef as forwardRef10
+  forwardRef as forwardRef11
 } from "react";
 import { Root as Root11, Indicator } from "@radix-ui/react-checkbox";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Checkbox = forwardRef10((props, ref) => {
-  return /* @__PURE__ */ jsx10(Root11, { ref, ...props });
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Checkbox = forwardRef11(({ checked, defaultChecked, ...props }, ref) => {
+  return /* @__PURE__ */ jsx11(Root11, { ...props, ref, defaultChecked: checked ?? defaultChecked });
 });
 var CheckboxIndicator = Indicator;
 
 // src/radio-group.tsx
-import "react";
+import {
+  forwardRef as forwardRef12
+} from "react";
 import { Root as Root12, Item as Item4, Indicator as Indicator2 } from "@radix-ui/react-radio-group";
-var RadioGroup = Root12;
+import { jsx as jsx12 } from "react/jsx-runtime";
+var RadioGroup = forwardRef12(({ value, defaultValue, ...props }, ref) => /* @__PURE__ */ jsx12(Root12, { ...props, defaultValue: value ?? defaultValue, ref }));
 var RadioGroupItem = Item4;
 var RadioGroupIndicator = Indicator2;
 export {

package/lib/hooks.js

@@ -7,7 +7,7 @@ import { Root, Trigger, Content } from "@radix-ui/react-collapsible";
 import {
   getClosestInstance,
   getInstanceSelectorById
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx } from "react/jsx-runtime";
 var CollapsibleTrigger = forwardRef(({ children, ...props }, ref) => {
   const firstChild = Children.toArray(children)[0];
@@ -44,7 +44,7 @@ import {
   getClosestInstance as getClosestInstance2,
   getIndexWithinAncestorFromComponentProps,
   getInstanceSelectorById as getInstanceSelectorById2
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var TabsTrigger = forwardRef2(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
@@ -90,7 +90,7 @@ import {
   ReactSdkContext,
   getClosestInstance as getClosestInstance3,
   getInstanceSelectorById as getInstanceSelectorById3
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var willNavigate = (event) => {
   const { target } = event;
@@ -232,7 +232,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import {
   getClosestInstance as getClosestInstance4,
   getInstanceSelectorById as getInstanceSelectorById4
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var Popover = forwardRef4((props, _ref) => {
   return /* @__PURE__ */ jsx4(PopoverPrimitive.Root, { ...props });
@@ -300,7 +300,7 @@ import {
 import {
   getClosestInstance as getClosestInstance5,
   getInstanceSelectorById as getInstanceSelectorById5
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var SheetContent = forwardRef5(
   ({ tag = "nav", side = "left", role = "navigation", children, ...props }, ref) => {
@@ -362,7 +362,7 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import {
   getClosestInstance as getClosestInstance6,
   getInstanceSelectorById as getInstanceSelectorById6
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import {
   forwardRef as forwardRef6,
   Children as Children4
@@ -439,7 +439,7 @@ import {
   getClosestInstance as getClosestInstance7,
   getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps2,
   getInstanceSelectorById as getInstanceSelectorById7
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var Accordion = forwardRef7((props, ref) => {
   return /* @__PURE__ */ jsx7(Root6, { ref, type: "single", ...props });
@@ -485,7 +485,7 @@ import {
   getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps3,
   getInstanceSelectorById as getInstanceSelectorById8,
   ReactSdkContext as ReactSdkContext2
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import {
   Children as Children5,
   forwardRef as forwardRef8,
@@ -581,11 +581,13 @@ import {
   getClosestInstance as getClosestInstance9,
   getInstanceSelectorById as getInstanceSelectorById9,
   ReactSdkContext as ReactSdkContext3
-} from "@webstudio-is/react-sdk";
+} from "@webstudio-is/react-sdk/runtime";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var Select = forwardRef9((props, _ref) => {
-  return /* @__PURE__ */ jsx9(Root8, { ...props });
-});
+var Select = forwardRef9(
+  ({ value, defaultValue, ...props }, _ref) => {
+    return /* @__PURE__ */ jsx9(Root8, { ...props, defaultValue: value ?? defaultValue });
+  }
+);
 var SelectTrigger = forwardRef9((props, ref) => {
   const { renderer } = useContext3(ReactSdkContext3);
   const onPointerDown = renderer === "canvas" ? (event) => {

package/lib/metas.js

@@ -4,7 +4,7 @@ import {
   TriggerIcon,
   ContentIcon
 } from "@webstudio-is/icons/svg";
-import { div } from "@webstudio-is/react-sdk/css-normalize";
+import { div } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/collapsible.props.ts
 var propsCollapsible = {
@@ -1837,7 +1837,7 @@ import {
 import {
   defaultStates
 } from "@webstudio-is/react-sdk";
-import { div as div2, button, h2, p as p2 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div2, button, h2, p as p2 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle2 = {
   div: div2
 };
@@ -2283,7 +2283,7 @@ var meta = {
 // src/popover.ws.ts
 import { PopoverIcon, TriggerIcon as TriggerIcon3, ContentIcon as ContentIcon3 } from "@webstudio-is/icons/svg";
 import "@webstudio-is/react-sdk";
-import { div as div3 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div3 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle3 = {
   div: div3
 };
@@ -2365,7 +2365,7 @@ var metaPopover = {
 // src/tooltip.ws.ts
 import { TooltipIcon, TriggerIcon as TriggerIcon4, ContentIcon as ContentIcon4 } from "@webstudio-is/icons/svg";
 import "@webstudio-is/react-sdk";
-import { div as div4 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div4 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle4 = {
   div: div4
 };
@@ -2455,7 +2455,7 @@ import {
 import {
   defaultStates as defaultStates2
 } from "@webstudio-is/react-sdk";
-import { button as button2, div as div5 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button2, div as div5 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle5 = {
   div: div5
 };
@@ -2600,7 +2600,7 @@ import { LabelIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates as defaultStates3
 } from "@webstudio-is/react-sdk";
-import { label } from "@webstudio-is/react-sdk/css-normalize";
+import { label } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/label.props.ts
 var props = {
@@ -3166,7 +3166,7 @@ import {
 import {
   defaultStates as defaultStates4
 } from "@webstudio-is/react-sdk";
-import { div as div6, h3, button as button3 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div6, h3, button as button3 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle7 = {
   div: div6
 };
@@ -3395,7 +3395,7 @@ import {
   ViewportIcon,
   NavigationMenuIcon
 } from "@webstudio-is/icons/svg";
-import { div as div7 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div7 } from "@webstudio-is/sdk/normalize.css";
 var presetStyle8 = {
   div: div7
 };
@@ -3839,7 +3839,7 @@ import {
   TextIcon as TextIcon2,
   CheckMarkIcon
 } from "@webstudio-is/icons/svg";
-import { button as button4, div as div8, span } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button4, div as div8, span } from "@webstudio-is/sdk/normalize.css";
 var presetStyle9 = {
   div: div8
 };
@@ -4110,7 +4110,7 @@ import { SwitchIcon, TriggerIcon as TriggerIcon9 } from "@webstudio-is/icons/svg
 import {
   defaultStates as defaultStates5
 } from "@webstudio-is/react-sdk";
-import { button as button5, span as span2 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button5, span as span2 } from "@webstudio-is/sdk/normalize.css";
 var metaSwitch = {
   category: "radix",
   order: 11,
@@ -4245,7 +4245,7 @@ import {
 import {
   defaultStates as defaultStates6
 } from "@webstudio-is/react-sdk";
-import { button as button6, span as span3 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button6, span as span3 } from "@webstudio-is/sdk/normalize.css";
 var metaCheckbox = {
   category: "radix",
   order: 101,
@@ -4382,7 +4382,7 @@ import {
 import {
   defaultStates as defaultStates7
 } from "@webstudio-is/react-sdk";
-import { button as button7, div as div9, span as span4 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button7, div as div9, span as span4 } from "@webstudio-is/sdk/normalize.css";
 var createRadioGroupItem = ({
   value,
   label: label2

package/lib/props.js

@@ -4,7 +4,7 @@ import {
   TriggerIcon,
   ContentIcon
 } from "@webstudio-is/icons/svg";
-import { div } from "@webstudio-is/react-sdk/css-normalize";
+import { div } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/collapsible.props.ts
 var propsCollapsible = {
@@ -2322,7 +2322,7 @@ import {
 import {
   defaultStates
 } from "@webstudio-is/react-sdk";
-import { div as div2, button, h2, p as p2 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div2, button, h2, p as p2 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/dialog.props.ts
 var propsDialog = {
@@ -5119,7 +5119,7 @@ var propsMetaDialogDescription = {
 // src/popover.ws.ts
 import { PopoverIcon, TriggerIcon as TriggerIcon3, ContentIcon as ContentIcon3 } from "@webstudio-is/icons/svg";
 import "@webstudio-is/react-sdk";
-import { div as div3 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div3 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/popover.props.ts
 var propsPopover = {
@@ -5756,7 +5756,7 @@ var propsMetaPopoverContent = {
 // src/tooltip.ws.ts
 import { TooltipIcon, TriggerIcon as TriggerIcon4, ContentIcon as ContentIcon4 } from "@webstudio-is/icons/svg";
 import "@webstudio-is/react-sdk";
-import { div as div4 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div4 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/tooltip.props.ts
 var propsTooltip = {
@@ -6412,7 +6412,7 @@ import {
 import {
   defaultStates as defaultStates2
 } from "@webstudio-is/react-sdk";
-import { button as button2, div as div5 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button2, div as div5 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/tabs.props.ts
 var propsTabs = {
@@ -8655,7 +8655,7 @@ import { LabelIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates as defaultStates3
 } from "@webstudio-is/react-sdk";
-import { label } from "@webstudio-is/react-sdk/css-normalize";
+import { label } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/label.props.ts
 var props = {
@@ -9221,7 +9221,7 @@ import {
 import {
   defaultStates as defaultStates4
 } from "@webstudio-is/react-sdk";
-import { div as div6, h3, button as button3 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div6, h3, button as button3 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/accordion.props.ts
 var propsAccordion = {
@@ -12059,7 +12059,7 @@ import {
   ViewportIcon,
   NavigationMenuIcon
 } from "@webstudio-is/icons/svg";
-import { div as div7 } from "@webstudio-is/react-sdk/css-normalize";
+import { div as div7 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/navigation-menu.props.ts
 var propsNavigationMenu = {
@@ -13953,12 +13953,6 @@ var propsNavigationMenuContent = {
     type: "string",
     description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
   },
-  disableOutsidePointerEvents: {
-    description: "When `true`, hover/focus/click interactions will be disabled on elements outside\nthe `DismissableLayer`. Users will need to click twice on outside elements to\ninteract with them: once to close the `DismissableLayer`, and again to trigger the element.",
-    required: false,
-    control: "boolean",
-    type: "boolean"
-  },
   draggable: {
     required: false,
     control: "boolean",
@@ -16101,7 +16095,7 @@ import {
   TextIcon as TextIcon2,
   CheckMarkIcon
 } from "@webstudio-is/icons/svg";
-import { button as button4, div as div8, span } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button4, div as div8, span } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/select.props.ts
 var propsSelect = {
@@ -19957,7 +19951,7 @@ var metaSelect = {
 };
 var propsMetaSelect = {
   props: propsSelect,
-  initialProps: ["value", "open", "name", "required"]
+  initialProps: ["name", "value", "open", "required"]
 };
 var propsMetaSelectTrigger = {
   props: propsSelectTrigger
@@ -19988,7 +19982,7 @@ import { SwitchIcon, TriggerIcon as TriggerIcon9 } from "@webstudio-is/icons/svg
 import {
   defaultStates as defaultStates5
 } from "@webstudio-is/react-sdk";
-import { button as button5, span as span2 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button5, span as span2 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/switch.props.ts
 var propsSwitch = {
@@ -21192,7 +21186,7 @@ var metaSwitchThumb = {
 };
 var propsMetaSwitch = {
   props: propsSwitch,
-  initialProps: ["id", "className", "checked", "name", "required"]
+  initialProps: ["id", "className", "name", "value", "checked", "required"]
 };
 var propsMetaSwitchThumb = {
   props: propsSwitchThumb
@@ -21207,7 +21201,7 @@ import {
 import {
   defaultStates as defaultStates6
 } from "@webstudio-is/react-sdk";
-import { button as button6, span as span3 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button6, span as span3 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/checkbox.props.ts
 var propsCheckbox = {
@@ -22402,7 +22396,7 @@ var metaCheckbox = {
 };
 var propsMetaCheckbox = {
   props: propsCheckbox,
-  initialProps: ["id", "className", "checked", "name", "required"]
+  initialProps: ["id", "className", "name", "value", "required", "checked"]
 };
 var propsMetaCheckboxIndicator = {
   props: propsCheckboxIndicator
@@ -22418,7 +22412,7 @@ import {
 import {
   defaultStates as defaultStates7
 } from "@webstudio-is/react-sdk";
-import { button as button7, div as div9, span as span4 } from "@webstudio-is/react-sdk/css-normalize";
+import { button as button7, div as div9, span as span4 } from "@webstudio-is/sdk/normalize.css";
 
 // src/__generated__/radio-group.props.ts
 var propsRadioGroup = {
@@ -24155,7 +24149,7 @@ var metaRadioGroupItem = {
 };
 var propsMetaRadioGroup = {
   props: propsRadioGroup,
-  initialProps: ["id", "className", "value", "name", "required"]
+  initialProps: ["id", "className", "name", "value", "required"]
 };
 var propsMetaRadioGroupItem = {
   props: propsRadioGroupItem,

package/lib/types/accordion.d.ts

@@ -1,6 +1,6 @@
 import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
 import { Header, Trigger, Content } from "@radix-ui/react-accordion";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Accordion: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionSingleProps & RefAttributes<HTMLDivElement>, "ref">, "type" | "asChild"> & RefAttributes<HTMLDivElement>>;
 export declare const AccordionItem: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & RefAttributes<HTMLDivElement>, "ref">, "value"> & {
     value?: string;

package/lib/types/checkbox.d.ts

@@ -2,7 +2,8 @@ import { type ForwardRefExoticComponent, type ComponentProps } from "react";
 import { Indicator } from "@radix-ui/react-checkbox";
 export declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "checked"> & {
+}, "defaultChecked" | "checked"> & {
     checked: boolean;
+    defaultChecked?: boolean;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const CheckboxIndicator: ForwardRefExoticComponent<ComponentProps<typeof Indicator> & React.RefAttributes<HTMLSpanElement>>;

package/lib/types/collapsible.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode, type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
 import { Root, Content } from "@radix-ui/react-collapsible";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Collapsible: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "defaultOpen" | "asChild"> & RefAttributes<HTMLDivElement>>;
 /**
  * We're not exposing the 'asChild' property for the Trigger.

package/lib/types/dialog.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * We're not exposing the 'asChild' property for the Trigger.

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

@@ -1,5 +1,5 @@
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 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>>;

package/lib/types/popover.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * We're not exposing the 'asChild' property for the Trigger.

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

@@ -1,5 +1,5 @@
 import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
-import { Root, Item, Indicator } from "@radix-ui/react-radio-group";
-export declare const RadioGroup: ForwardRefExoticComponent<ComponentProps<typeof Root> & RefAttributes<HTMLDivElement>>;
+import { Item, Indicator } from "@radix-ui/react-radio-group";
+export declare const RadioGroup: ForwardRefExoticComponent<Omit<import("@radix-ui/react-radio-group").RadioGroupProps & RefAttributes<HTMLDivElement> & RefAttributes<"div">, "ref"> & RefAttributes<HTMLDivElement>>;
 export declare const RadioGroupItem: ForwardRefExoticComponent<ComponentProps<typeof Item> & RefAttributes<HTMLButtonElement>>;
 export declare const RadioGroupIndicator: ForwardRefExoticComponent<ComponentProps<typeof Indicator> & RefAttributes<HTMLSpanElement>>;

package/lib/types/select.d.ts

@@ -1,6 +1,6 @@
 import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
 import { Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Select: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectProps & RefAttributes<HTMLDivElement>>;
 export declare const SelectTrigger: ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 export declare const SelectValue: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectValueProps & RefAttributes<HTMLSpanElement>, "ref">, "placeholder"> & {

package/lib/types/sheet.d.ts

@@ -1,4 +1,4 @@
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Sheet: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SheetTrigger: import("react").ForwardRefExoticComponent<{
     children: import("react").ReactNode;

package/lib/types/switch.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, ComponentProps, RefAttributes } from "react";
-import { Root, Thumb } from "@radix-ui/react-switch";
-export declare const Switch: ForwardRefExoticComponent<ComponentProps<typeof Root> & RefAttributes<HTMLButtonElement>>;
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Thumb } from "@radix-ui/react-switch";
+export declare const Switch: ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
 export declare const SwitchThumb: ForwardRefExoticComponent<ComponentProps<typeof Thumb> & RefAttributes<HTMLSpanElement>>;

package/lib/types/tabs.d.ts

@@ -1,6 +1,6 @@
 import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
 import { Root } from "@radix-ui/react-tabs";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 export declare const Tabs: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "asChild"> & RefAttributes<HTMLDivElement>>;
 export declare const TabsList: ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & RefAttributes<HTMLDivElement>>;
 export declare const TabsTrigger: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & RefAttributes<HTMLButtonElement>, "ref">, "value"> & {

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

@@ -3,7 +3,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
     value: {
         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";
+        unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
         hidden?: boolean | undefined;
     } | {
         type: "keyword";
@@ -18,10 +18,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
         value: string[];
         hidden?: boolean | undefined;
     } | {
+        b: number;
+        g: number;
         type: "rgb";
         r: number;
-        g: number;
-        b: number;
         alpha: number;
         hidden?: boolean | undefined;
     } | {
@@ -44,7 +44,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
         value: ({
             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";
+            unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
             hidden?: boolean | undefined;
         } | {
             type: "keyword";
@@ -55,10 +55,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: string;
             hidden?: boolean | undefined;
         } | {
+            b: number;
+            g: number;
             type: "rgb";
             r: number;
-            g: number;
-            b: number;
             alpha: number;
             hidden?: boolean | undefined;
         } | {
@@ -87,7 +87,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
         value: ({
             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";
+            unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
             hidden?: boolean | undefined;
         } | {
             type: "keyword";
@@ -98,10 +98,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: string;
             hidden?: boolean | undefined;
         } | {
+            b: number;
+            g: number;
             type: "rgb";
             r: number;
-            g: number;
-            b: number;
             alpha: number;
             hidden?: boolean | undefined;
         } | {
@@ -124,7 +124,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: ({
                 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";
+                unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
                 hidden?: boolean | undefined;
             } | {
                 type: "keyword";
@@ -135,10 +135,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
                 value: string;
                 hidden?: boolean | undefined;
             } | {
+                b: number;
+                g: number;
                 type: "rgb";
                 r: number;
-                g: number;
-                b: number;
                 alpha: number;
                 hidden?: boolean | undefined;
             } | {
@@ -177,7 +177,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
         fallbacks: ({
             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";
+            unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
             hidden?: boolean | undefined;
         } | {
             type: "keyword";
@@ -192,10 +192,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: string[];
             hidden?: boolean | undefined;
         } | {
+            b: number;
+            g: number;
             type: "rgb";
             r: number;
-            g: number;
-            b: number;
             alpha: number;
             hidden?: boolean | undefined;
         } | {
@@ -218,7 +218,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: ({
                 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";
+                unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
                 hidden?: boolean | undefined;
             } | {
                 type: "keyword";
@@ -229,10 +229,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
                 value: string;
                 hidden?: boolean | undefined;
             } | {
+                b: number;
+                g: number;
                 type: "rgb";
                 r: number;
-                g: number;
-                b: number;
                 alpha: number;
                 hidden?: boolean | undefined;
             } | {
@@ -257,7 +257,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
             value: ({
                 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";
+                unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
                 hidden?: boolean | undefined;
             } | {
                 type: "keyword";
@@ -268,10 +268,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
                 value: string;
                 hidden?: boolean | undefined;
             } | {
+                b: number;
+                g: number;
                 type: "rgb";
                 r: number;
-                g: number;
-                b: number;
                 alpha: number;
                 hidden?: boolean | undefined;
             } | {
@@ -294,7 +294,7 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
                 value: ({
                     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";
+                    unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "pt" | "pc" | "px" | "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" | "st" | "ms";
                     hidden?: boolean | undefined;
                 } | {
                     type: "keyword";
@@ -305,10 +305,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
                     value: string;
                     hidden?: boolean | undefined;
                 } | {
+                    b: number;
+                    g: number;
                     type: "rgb";
                     r: number;
-                    g: number;
-                    b: number;
                     alpha: number;
                     hidden?: boolean | undefined;
                 } | {

package/lib/types/tooltip.d.ts

@@ -1,5 +1,5 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { type Hook } from "@webstudio-is/react-sdk";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
 import { type ReactNode } from "react";
 export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.174.0",
+  "version": "0.179.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -39,21 +39,22 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@webstudio-is/css-engine": "0.174.0",
-    "@webstudio-is/icons": "0.174.0",
-    "@webstudio-is/react-sdk": "0.174.0"
+    "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.0",
+    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@webstudio-is/css-engine": "0.179.0",
+    "@webstudio-is/icons": "0.179.0",
+    "@webstudio-is/react-sdk": "0.179.0",
+    "@webstudio-is/sdk": "0.179.0"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",
@@ -65,13 +66,13 @@
     "typescript": "^5.5.2",
     "@webstudio-is/css-data": "0.0.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
+    "@webstudio-is/sdk-components-react": "0.179.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/sdk-components-react": "0.174.0"
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts src/hooks.ts --outdir=lib --bundle --format=esm --packages=external",
-    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
+    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts !./src/*.test.{ts,tsx}' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
     "build:tailwind": "tsx scripts/generate-tailwind-theme.ts && prettier --write src/theme/__generated__",
     "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
     "dts": "tsc --project tsconfig.dts.json",