@webstudio-is/sdk-components-react-radix 0.105.0 → 0.106.0

package/lib/components.js

@@ -33,7 +33,8 @@ var DialogOverlay = forwardRef2((props, ref) => {
 });
 var DialogContent = DialogPrimitive.Content;
 var DialogClose = DialogPrimitive.Close;
-var DialogTitle = DialogPrimitive.Title;
+var defaultTag = "h1";
+var DialogTitle2 = forwardRef2(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx2(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx2(Tag, { ref, ...props, children: children ?? "Heading title you can edit" }) }));
 var DialogDescription = DialogPrimitive.Description;
 
 // src/popover.tsx
@@ -199,11 +200,8 @@ import {
 } from "@radix-ui/react-select";
 import { getClosestInstance as getClosestInstance8 } from "@webstudio-is/react-sdk";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var Select = forwardRef9(({ value, ...props }, _ref) => {
-  if (value === "") {
-    value = void 0;
-  }
-  return /* @__PURE__ */ jsx9(Root9, { value, ...props });
+var Select = forwardRef9((props, _ref) => {
+  return /* @__PURE__ */ jsx9(Root9, { ...props });
 });
 var SelectTrigger = Trigger8;
 var SelectValue = forwardRef9((props, ref) => {
@@ -255,7 +253,7 @@ export {
   DialogContent,
   DialogDescription,
   DialogOverlay,
-  DialogTitle,
+  DialogTitle2 as DialogTitle,
   DialogTrigger,
   Label,
   NavigationMenu,

package/lib/hooks.js

@@ -84,6 +84,8 @@ var DialogOverlay = forwardRef3((props, ref) => {
   return /* @__PURE__ */ jsx3(DialogPrimitive.DialogPortal, { children: /* @__PURE__ */ jsx3(DialogPrimitive.Overlay, { ref, ...props }) });
 });
 var DialogContent = DialogPrimitive.Content;
+var defaultTag = "h1";
+var DialogTitle2 = forwardRef3(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx3(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx3(Tag, { ref, ...props, children: children ?? "Heading title you can edit" }) }));
 var namespace3 = "@webstudio-is/sdk-components-react-radix";
 var hooksDialog = {
   onNavigatorUnselect: (context, event) => {
@@ -424,11 +426,8 @@ import {
 } from "@radix-ui/react-select";
 import { getClosestInstance as getClosestInstance9 } from "@webstudio-is/react-sdk";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var Select = forwardRef9(({ value, ...props }, _ref) => {
-  if (value === "") {
-    value = void 0;
-  }
-  return /* @__PURE__ */ jsx9(Root8, { value, ...props });
+var Select = forwardRef9((props, _ref) => {
+  return /* @__PURE__ */ jsx9(Root8, { ...props });
 });
 var SelectValue = forwardRef9((props, ref) => {
   return /* @__PURE__ */ jsx9(Value, { ref, ...props });

package/lib/props.js

@@ -4387,6 +4387,13 @@ var propsDialogTitle = {
     type: "number",
     description: "Overrides the browser's default tab order and follows the one specified instead."
   },
+  tag: {
+    required: false,
+    control: "select",
+    type: "string",
+    defaultValue: "h1",
+    options: ["h2", "h3", "h1", "h4", "h5", "h6"]
+  },
   title: {
     required: false,
     control: "text",

package/lib/types/dialog.d.ts

@@ -14,6 +14,10 @@ export declare const DialogTrigger: import("react").ForwardRefExoticComponent<{
 export declare const DialogOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+type Tag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement> & {
+    tag?: Tag | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
 export declare const hooksDialog: Hook;
+export {};

package/lib/types/sheet.d.ts

@@ -6,7 +6,9 @@ export declare const SheetTrigger: import("react").ForwardRefExoticComponent<{
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const SheetOverlay: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SheetClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SheetTitle: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const SheetTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement> & {
+    tag?: ("h1" | "h2" | "h3" | "h4" | "h5" | "h6") | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.105.0",
+  "version": "0.106.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -46,18 +46,18 @@
     "@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.4",
+    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-navigation-menu": "^1.1.3",
-    "@radix-ui/react-popover": "^1.0.6",
+    "@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": "^1.2.2",
+    "@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.6",
-    "@webstudio-is/css-engine": "0.105.0",
-    "@webstudio-is/icons": "0.105.0",
-    "@webstudio-is/react-sdk": "0.105.0"
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@webstudio-is/css-engine": "0.106.0",
+    "@webstudio-is/icons": "0.106.0",
+    "@webstudio-is/react-sdk": "0.106.0"
   },
   "devDependencies": {
     "@storybook/react": "^7.4.0",
@@ -67,17 +67,17 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
-    "@webstudio-is/css-data": "0.105.0",
-    "@webstudio-is/generate-arg-types": "0.105.0",
+    "@webstudio-is/css-data": "0.106.0",
+    "@webstudio-is/generate-arg-types": "0.106.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/sdk-components-react": "0.105.0",
+    "@webstudio-is/sdk-components-react": "0.106.0",
     "@webstudio-is/storybook-config": "0.0.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "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/accordion.tsx !./src/*.stories.tsx !./src/*.ws.tsx' -e asChild -e modal -e defaultValue -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
+    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.tsx' -e asChild -e modal -e defaultValue -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",