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

package/lib/components.js

@@ -302,9 +302,11 @@ import {
   ReactSdkContext as ReactSdkContext3
 } 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

@@ -583,9 +583,11 @@ import {
   ReactSdkContext as ReactSdkContext3
 } 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/props.js

@@ -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",
@@ -19957,7 +19951,7 @@ var metaSelect = {
 };
 var propsMetaSelect = {
   props: propsSelect,
-  initialProps: ["value", "open", "name", "required"]
+  initialProps: ["name", "value", "open", "required"]
 };
 var propsMetaSelectTrigger = {
   props: propsSelectTrigger
@@ -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
@@ -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
@@ -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/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/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.175.0",
+  "version": "0.179.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -51,10 +51,10 @@
     "@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.175.0",
-    "@webstudio-is/react-sdk": "0.175.0",
-    "@webstudio-is/sdk": "0.175.0",
-    "@webstudio-is/icons": "0.175.0"
+    "@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",
@@ -66,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.175.0",
+    "@webstudio-is/sdk-components-react": "0.179.0",
     "@webstudio-is/sdk-cli": "^0.94.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",