@webstudio-is/sdk-components-react-radix 0.0.0-5844e28 → 0.0.0-73cd6ea

package/lib/tabs.ws.js

@@ -1,88 +1,53 @@
-import { TabsIcon as e, HeaderIcon as n, TriggerIcon as o, ContentIcon as s } from "@webstudio-is/icons/svg";
-import { defaultStates as a } from "@webstudio-is/sdk";
-import { button as r, div as c } from "@webstudio-is/sdk/normalize.css";
-import { buttonReset as i } from "./shared/preset-styles.js";
-import { propsTabs as p, propsTabsList as T, propsTabsTrigger as b, propsTabsContent as m } from "./__generated__/tabs.props.js";
-const t = {
-  div: c
-}, y = {
-  type: "container",
-  icon: e,
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: "TabsTrigger" }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: "TabsList" }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: "TabsContent" }
-    }
-  ],
-  presetStyle: t
-}, $ = {
-  type: "container",
+import { TabsIcon as n, HeaderIcon as o, TriggerIcon as s, ContentIcon as r } from "@webstudio-is/icons/svg";
+import { div as e, button as a } from "@webstudio-is/sdk/normalize.css";
+import { radix as t } from "./shared/meta.js";
+import { buttonReset as c } from "./shared/preset-styles.js";
+import { propsTabs as i, propsTabsList as p, propsTabsTrigger as b, propsTabsContent as T } from "./__generated__/tabs.props.js";
+const y = {
   icon: n,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "Tabs" }
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [t.TabsList, t.TabsContent]
   },
-  presetStyle: t
-}, C = {
-  type: "container",
+  presetStyle: { div: e },
+  props: i
+}, f = {
   icon: o,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: "TabsList" }
-    },
-    {
-      relation: "ancestor",
-      component: { $neq: "TabsTrigger" }
-    }
-  ],
-  indexWithinAncestor: "Tabs",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [t.TabsTrigger]
+  },
+  presetStyle: { div: e },
+  props: p
+}, x = {
+  icon: s,
   label: "Tab Trigger",
-  states: [
-    ...a,
-    {
-      category: "component-states",
-      label: "Active",
-      selector: "[data-state=active]"
-    }
-  ],
+  indexWithinAncestor: t.Tabs,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
+  },
+  states: [{ label: "Active", selector: "[data-state=active]" }],
   presetStyle: {
-    button: [r, i].flat()
-  }
-}, L = {
-  type: "container",
+    button: [a, c].flat()
+  },
+  props: b
+}, C = {
   label: "Tab Content",
-  icon: s,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "Tabs" }
+  icon: r,
+  indexWithinAncestor: t.Tabs,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   },
-  indexWithinAncestor: "Tabs",
-  presetStyle: t
-}, u = {
-  props: p
-}, I = {
+  presetStyle: { div: e },
   props: T
-}, M = {
-  props: b
-}, v = {
-  props: m
 };
 export {
   y as metaTabs,
-  L as metaTabsContent,
-  $ as metaTabsList,
-  C as metaTabsTrigger,
-  u as propsMetaTabs,
-  v as propsMetaTabsContent,
-  I as propsMetaTabsList,
-  M as propsMetaTabsTrigger
+  C as metaTabsContent,
+  f as metaTabsList,
+  x as metaTabsTrigger
 };

package/lib/tooltip.js

@@ -1,45 +1,48 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as e from "@radix-ui/react-tooltip";
-import { getClosestInstance as a } from "@webstudio-is/react-sdk/runtime";
-import { forwardRef as c, Children as p } from "react";
-const m = c((t, o) => /* @__PURE__ */ r(e.Provider, { children: /* @__PURE__ */ r(e.Root, { ...t }) })), h = c(({ children: t, ...o }, n) => {
-  const i = p.toArray(t)[0];
-  return /* @__PURE__ */ r(e.Trigger, { asChild: !0, ref: n, ...o, children: i ?? /* @__PURE__ */ r("button", { children: "Add button or link" }) });
-}), T = c(({ sideOffset: t = 4, hideWhenDetached: o = !0, ...n }, i) => /* @__PURE__ */ r(e.Portal, { children: /* @__PURE__ */ r(
-  e.Content,
+import * as i from "@radix-ui/react-tooltip";
+import { getClosestInstance as p } from "@webstudio-is/react-sdk/runtime";
+import { forwardRef as c, useState as l, useEffect as f, Children as d } from "react";
+const T = c((n, e) => {
+  const o = n.open ?? !1, [t, a] = l(o);
+  return f(() => a(o), [o]), /* @__PURE__ */ r(i.Provider, { children: /* @__PURE__ */ r(i.Root, { ...n, open: t, onOpenChange: a }) });
+}), C = c(({ children: n, ...e }, o) => {
+  const t = d.toArray(n)[0];
+  return /* @__PURE__ */ r(i.Trigger, { asChild: !0, ref: o, ...e, children: t ?? /* @__PURE__ */ r("button", { children: "Add button or link" }) });
+}), P = c(({ sideOffset: n = 4, hideWhenDetached: e = !0, ...o }, t) => /* @__PURE__ */ r(i.Portal, { children: /* @__PURE__ */ r(
+  i.Content,
   {
-    ref: i,
-    hideWhenDetached: o,
-    sideOffset: t,
-    ...n
+    ref: t,
+    hideWhenDetached: e,
+    sideOffset: n,
+    ...o
   }
-) })), s = "@webstudio-is/sdk-components-react-radix", P = {
-  onNavigatorUnselect: (t, o) => {
-    for (const n of o.instancePath)
-      if (n.component === `${s}:TooltipContent`) {
-        const i = a(
-          o.instancePath,
-          n,
+) })), s = "@webstudio-is/sdk-components-react-radix", g = {
+  onNavigatorUnselect: (n, e) => {
+    for (const o of e.instancePath)
+      if (o.component === `${s}:TooltipContent`) {
+        const t = p(
+          e.instancePath,
+          o,
           `${s}:Tooltip`
         );
-        i && t.setMemoryProp(i, "open", void 0);
+        t && n.setMemoryProp(t, "open", void 0);
       }
   },
-  onNavigatorSelect: (t, o) => {
-    for (const n of o.instancePath)
-      if (n.component === `${s}:TooltipContent`) {
-        const i = a(
-          o.instancePath,
-          n,
+  onNavigatorSelect: (n, e) => {
+    for (const o of e.instancePath)
+      if (o.component === `${s}:TooltipContent`) {
+        const t = p(
+          e.instancePath,
+          o,
           `${s}:Tooltip`
         );
-        i && t.setMemoryProp(i, "open", !0);
+        t && n.setMemoryProp(t, "open", !0);
       }
   }
 };
 export {
-  m as Tooltip,
-  T as TooltipContent,
-  h as TooltipTrigger,
-  P as hooksTooltip
+  T as Tooltip,
+  P as TooltipContent,
+  C as TooltipTrigger,
+  g as hooksTooltip
 };

package/lib/tooltip.ws.js

@@ -1,50 +1,35 @@
-import { TriggerIcon as o, ContentIcon as t, TooltipIcon as n } from "@webstudio-is/icons/svg";
-import { div as e } from "@webstudio-is/sdk/normalize.css";
-import { propsTooltip as i, propsTooltipTrigger as p, propsTooltipContent as r } from "./__generated__/tooltip.props.js";
-const l = {
-  type: "container",
-  icon: o,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "Tooltip" }
-  }
+import { TooltipIcon as t, TriggerIcon as n, ContentIcon as e } from "@webstudio-is/icons/svg";
+import { div as i } from "@webstudio-is/sdk/normalize.css";
+import { radix as o } from "./shared/meta.js";
+import { propsTooltip as r, propsTooltipTrigger as p, propsTooltipContent as c } from "./__generated__/tooltip.props.js";
+const g = {
+  icon: n,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  },
+  props: p
 }, T = {
-  type: "container",
-  icon: t,
-  presetStyle: {
-    div: e
+  icon: e,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   },
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "Tooltip" }
-  }
+  presetStyle: { div: i },
+  initialProps: ["side", "sideOffset", "align", "alignOffset"],
+  props: c
 }, m = {
-  type: "container",
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: "TooltipTrigger" }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: "TooltipContent" }
-    }
-  ],
-  icon: n
-}, g = {
-  props: i,
-  initialProps: ["open", "delayDuration", "disableHoverableContent"]
-}, d = {
-  props: p
-}, f = {
-  props: r,
-  initialProps: ["side", "sideOffset", "align", "alignOffset"]
+  icon: t,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [o.TooltipTrigger, o.TooltipContent]
+  },
+  initialProps: ["open", "delayDuration", "disableHoverableContent"],
+  props: r
 };
 export {
   m as metaTooltip,
   T as metaTooltipContent,
-  l as metaTooltipTrigger,
-  g as propsMetaTooltip,
-  f as propsMetaTooltipContent,
-  d as propsMetaTooltipTrigger
+  g as metaTooltipTrigger
 };

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

@@ -2,3 +2,4 @@ import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsPopover: Record<string, PropMeta>;
 export declare const propsPopoverTrigger: Record<string, PropMeta>;
 export declare const propsPopoverContent: Record<string, PropMeta>;
+export declare const propsPopoverClose: Record<string, PropMeta>;

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

@@ -1,11 +1,6 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaAccordion: WsComponentMeta;
 export declare const metaAccordionItem: WsComponentMeta;
 export declare const metaAccordionHeader: WsComponentMeta;
 export declare const metaAccordionTrigger: WsComponentMeta;
 export declare const metaAccordionContent: WsComponentMeta;
-export declare const propsMetaAccordion: WsComponentPropsMeta;
-export declare const propsMetaAccordionItem: WsComponentPropsMeta;
-export declare const propsMetaAccordionHeader: WsComponentPropsMeta;
-export declare const propsMetaAccordionTrigger: WsComponentPropsMeta;
-export declare const propsMetaAccordionContent: WsComponentPropsMeta;

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

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

package/lib/types/collapsible.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode, type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
-import { Root, Content } from "@radix-ui/react-collapsible";
+import { Content } from "@radix-ui/react-collapsible";
 import { type Hook } from "@webstudio-is/react-sdk/runtime";
-export declare const Collapsible: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "defaultOpen" | "asChild"> & RefAttributes<HTMLDivElement>>;
+export declare const Collapsible: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & RefAttributes<HTMLDivElement>, "asChild" | "defaultOpen">, "ref"> & RefAttributes<HTMLDivElement>>;
 /**
  * We're not exposing the 'asChild' property for the Trigger.
  * Instead, we're enforcing 'asChild=true' for the Trigger and making it style-less.

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

@@ -1,7 +1,4 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaCollapsible: WsComponentMeta;
 export declare const metaCollapsibleTrigger: WsComponentMeta;
 export declare const metaCollapsibleContent: WsComponentMeta;
-export declare const propsMetaCollapsible: WsComponentPropsMeta;
-export declare const propsMetaCollapsibleTrigger: WsComponentPropsMeta;
-export declare const propsMetaCollapsibleContent: WsComponentPropsMeta;

package/lib/types/components.d.ts

@@ -1,6 +1,6 @@
 export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./collapsible";
 export { Dialog, DialogTrigger, DialogOverlay, DialogContent, DialogClose, DialogTitle, DialogDescription, } from "./dialog";
-export { Popover, PopoverTrigger, PopoverContent } from "./popover";
+export { Popover, PopoverTrigger, PopoverContent, PopoverClose, } from "./popover";
 export { Tooltip, TooltipTrigger, TooltipContent } from "./tooltip";
 export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
 export { Label } from "./label";

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

@@ -1,4 +1,4 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaDialogTrigger: WsComponentMeta;
 export declare const metaDialogOverlay: WsComponentMeta;
 export declare const metaDialogContent: WsComponentMeta;
@@ -6,10 +6,3 @@ export declare const metaDialogTitle: WsComponentMeta;
 export declare const metaDialogDescription: WsComponentMeta;
 export declare const metaDialogClose: WsComponentMeta;
 export declare const metaDialog: WsComponentMeta;
-export declare const propsMetaDialog: WsComponentPropsMeta;
-export declare const propsMetaDialogTrigger: WsComponentPropsMeta;
-export declare const propsMetaDialogContent: WsComponentPropsMeta;
-export declare const propsMetaDialogOverlay: WsComponentPropsMeta;
-export declare const propsMetaDialogClose: WsComponentPropsMeta;
-export declare const propsMetaDialogTitle: WsComponentPropsMeta;
-export declare const propsMetaDialogDescription: WsComponentPropsMeta;

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

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/metas.d.ts

@@ -1,6 +1,6 @@
 export { metaCollapsible as Collapsible, metaCollapsibleTrigger as CollapsibleTrigger, metaCollapsibleContent as CollapsibleContent, } from "./collapsible.ws";
 export { metaDialog as Dialog, metaDialogTrigger as DialogTrigger, metaDialogOverlay as DialogOverlay, metaDialogContent as DialogContent, metaDialogClose as DialogClose, metaDialogTitle as DialogTitle, metaDialogDescription as DialogDescription, } from "./dialog.ws";
-export { metaPopover as Popover, metaPopoverTrigger as PopoverTrigger, metaPopoverContent as PopoverContent, } from "./popover.ws";
+export { metaPopover as Popover, metaPopoverTrigger as PopoverTrigger, metaPopoverContent as PopoverContent, metaPopoverClose as PopoverClose, } from "./popover.ws";
 export { metaTooltip as Tooltip, metaTooltipTrigger as TooltipTrigger, metaTooltipContent as TooltipContent, } from "./tooltip.ws";
 export { metaTabs as Tabs, metaTabsList as TabsList, metaTabsTrigger as TabsTrigger, metaTabsContent as TabsContent, } from "./tabs.ws";
 export { meta as Label } from "./label.ws";

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

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

package/lib/types/popover.d.ts

@@ -12,4 +12,5 @@ export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<{
     children: ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const hooksPopover: Hook;

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

@@ -1,7 +1,5 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaPopoverTrigger: WsComponentMeta;
 export declare const metaPopoverContent: WsComponentMeta;
 export declare const metaPopover: WsComponentMeta;
-export declare const propsMetaPopover: WsComponentPropsMeta;
-export declare const propsMetaPopoverTrigger: WsComponentPropsMeta;
-export declare const propsMetaPopoverContent: WsComponentPropsMeta;
+export declare const metaPopoverClose: WsComponentMeta;

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

@@ -1,5 +1,5 @@
 import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
 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 RadioGroup: ForwardRefExoticComponent<Omit<import("@radix-ui/react-radio-group").RadioGroupProps & RefAttributes<HTMLDivElement>, "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/radio-group.ws.d.ts

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

package/lib/types/select.d.ts

@@ -1,7 +1,7 @@
-import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
-import { Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes, type ComponentPropsWithRef } from "react";
+import { Root, Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
 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 Select: ForwardRefExoticComponent<ComponentPropsWithRef<typeof Root>>;
 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"> & {
     placeholder?: string;

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

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

package/lib/types/shared/meta.d.ts

@@ -0,0 +1 @@
+export declare const radix: Record<string, string>;

package/lib/types/shared/preset-styles.d.ts

@@ -1,2 +1,2 @@
-import type { EmbedTemplateStyleDecl } from "@webstudio-is/sdk";
-export declare const buttonReset: EmbedTemplateStyleDecl[];
+import type { PresetStyleDecl } from "@webstudio-is/sdk";
+export declare const buttonReset: PresetStyleDecl[];

package/lib/types/shared/proxy.d.ts

@@ -3,6 +3,7 @@ export declare const radix: Record<string, {
 } & ((props: Record<string, unknown> & Record<`${string}:expression`, string> & {
     "ws:id"?: string;
     "ws:label"?: string;
+    "ws:tag"?: string;
     "ws:style"?: import("@webstudio-is/template").TemplateStyleDecl[];
     "ws:show"?: boolean | {
         chunks: string[];

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

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

package/lib/types/tabs.d.ts

@@ -1,8 +1,5 @@
 import { type Hook } from "@webstudio-is/react-sdk/runtime";
-export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value" | "onValueChange"> & {
-    value?: string;
-    onValueChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const TabsList: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
     value?: string;

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

@@ -1,9 +1,5 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaTabs: WsComponentMeta;
 export declare const metaTabsList: WsComponentMeta;
 export declare const metaTabsTrigger: WsComponentMeta;
 export declare const metaTabsContent: WsComponentMeta;
-export declare const propsMetaTabs: WsComponentPropsMeta;
-export declare const propsMetaTabsList: WsComponentPropsMeta;
-export declare const propsMetaTabsTrigger: WsComponentPropsMeta;
-export declare const propsMetaTabsContent: WsComponentPropsMeta;

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

@@ -1,7 +1,4 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const metaTooltipTrigger: WsComponentMeta;
 export declare const metaTooltipContent: WsComponentMeta;
 export declare const metaTooltip: WsComponentMeta;
-export declare const propsMetaTooltip: WsComponentPropsMeta;
-export declare const propsMetaTooltipTrigger: WsComponentPropsMeta;
-export declare const propsMetaTooltipContent: WsComponentPropsMeta;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.0.0-5844e28",
+  "version": "0.0.0-73cd6ea",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -23,11 +23,6 @@
       "types": "./lib/types/metas.d.ts",
       "import": "./lib/metas.js"
     },
-    "./props": {
-      "webstudio": "./src/props.ts",
-      "types": "./lib/types/props.d.ts",
-      "import": "./lib/props.js"
-    },
     "./hooks": {
       "webstudio": "./src/hooks.ts",
       "types": "./lib/types/hooks.d.ts",
@@ -44,36 +39,35 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.3",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-collapsible": "^1.1.3",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-navigation-menu": "^1.2.5",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-radio-group": "^1.2.3",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-tooltip": "^1.1.8",
-    "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-collapsible": "^1.1.8",
+    "@radix-ui/react-dialog": "^1.1.11",
+    "@radix-ui/react-label": "^2.1.4",
+    "@radix-ui/react-navigation-menu": "^1.2.10",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-radio-group": "^1.3.4",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-switch": "^1.2.2",
+    "@radix-ui/react-tabs": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.4",
     "await-interaction-response": "^0.0.2",
-    "@webstudio-is/css-engine": "0.0.0-5844e28",
-    "@webstudio-is/react-sdk": "0.0.0-5844e28",
-    "@webstudio-is/icons": "0.0.0-5844e28",
-    "@webstudio-is/sdk": "0.0.0-5844e28"
+    "@webstudio-is/css-engine": "0.0.0-73cd6ea",
+    "@webstudio-is/icons": "0.0.0-73cd6ea",
+    "@webstudio-is/sdk": "0.0.0-73cd6ea",
+    "@webstudio-is/react-sdk": "0.0.0-73cd6ea"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
+    "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/css-data": "0.0.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/sdk-components-react": "0.0.0-5844e28",
-    "@webstudio-is/template": "0.0.0-5844e28",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/sdk-components-react": "0.0.0-73cd6ea",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/template": "0.0.0-73cd6ea"
   },
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",