@webstudio-is/sdk-components-react-radix 0.0.0-c1d6247 → 0.0.0-ca00e2a

package/lib/tabs.ws.js

@@ -1,51 +1,37 @@
-import { TabsIcon as e, HeaderIcon as n, TriggerIcon as o, ContentIcon as s } from "@webstudio-is/icons/svg";
+import { TabsIcon as n, HeaderIcon as o, TriggerIcon as s, ContentIcon as r } 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 { div as e, button as c } from "@webstudio-is/sdk/normalize.css";
+import { radix as t } from "./shared/meta.js";
 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 { propsTabs as p, propsTabsList as b, propsTabsTrigger as T, propsTabsContent as l } from "./__generated__/tabs.props.js";
+const M = {
   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
+  }
+}, x = {
   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
+  }
+}, C = {
+  icon: s,
   label: "Tab Trigger",
+  indexWithinAncestor: t.Tabs,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
+  },
   states: [
     ...a,
     {
@@ -55,34 +41,35 @@ const t = {
     }
   ],
   presetStyle: {
-    button: [r, i].flat()
+    button: [c, i].flat()
   }
-}, L = {
-  type: "container",
+}, S = {
   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
+  presetStyle: {
+    div: e
+  }
 }, u = {
   props: p
 }, I = {
-  props: T
-}, M = {
   props: b
+}, L = {
+  props: T
 }, v = {
-  props: m
+  props: l
 };
 export {
-  y as metaTabs,
-  L as metaTabsContent,
-  $ as metaTabsList,
+  M as metaTabs,
+  S as metaTabsContent,
+  x as metaTabsList,
   C as metaTabsTrigger,
   u as propsMetaTabs,
   v as propsMetaTabsContent,
   I as propsMetaTabsList,
-  M as propsMetaTabsTrigger
+  L as propsMetaTabsTrigger
 };

package/lib/tooltip.ws.js

@@ -1,50 +1,43 @@
-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 s } from "./__generated__/tooltip.props.js";
+const g = {
+  icon: n,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   }
-}, T = {
-  type: "container",
-  icon: t,
-  presetStyle: {
-    div: e
+}, d = {
+  icon: e,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   },
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: "Tooltip" }
+  presetStyle: {
+    div: i
   }
 }, 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
+  icon: t,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [o.TooltipTrigger, o.TooltipContent]
+  }
 }, f = {
   props: r,
+  initialProps: ["open", "delayDuration", "disableHoverableContent"]
+}, C = {
+  props: p
+}, M = {
+  props: s,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
   m as metaTooltip,
-  T as metaTooltipContent,
-  l as metaTooltipTrigger,
-  g as propsMetaTooltip,
-  f as propsMetaTooltipContent,
-  d as propsMetaTooltipTrigger
+  d as metaTooltipContent,
+  g as metaTooltipTrigger,
+  f as propsMetaTooltip,
+  M as propsMetaTooltipContent,
+  C as propsMetaTooltipTrigger
 };

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.0.0-c1d6247",
+  "version": "0.0.0-ca00e2a",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -44,36 +44,36 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.5",
-    "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-navigation-menu": "^1.2.4",
-    "@radix-ui/react-popover": "^1.1.5",
-    "@radix-ui/react-radio-group": "^1.2.2",
-    "@radix-ui/react-select": "^2.1.5",
-    "@radix-ui/react-switch": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.7",
-    "@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",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
     "await-interaction-response": "^0.0.2",
-    "@webstudio-is/css-engine": "0.0.0-c1d6247",
-    "@webstudio-is/icons": "0.0.0-c1d6247",
-    "@webstudio-is/sdk": "0.0.0-c1d6247",
-    "@webstudio-is/react-sdk": "0.0.0-c1d6247"
+    "@webstudio-is/react-sdk": "0.0.0-ca00e2a",
+    "@webstudio-is/css-engine": "0.0.0-ca00e2a",
+    "@webstudio-is/icons": "0.0.0-ca00e2a",
+    "@webstudio-is/sdk": "0.0.0-ca00e2a"
   },
   "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/css-data": "0.0.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/css-data": "0.0.0",
-    "@webstudio-is/template": "0.0.0-c1d6247",
     "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/sdk-components-react": "0.0.0-c1d6247"
+    "@webstudio-is/template": "0.0.0-ca00e2a",
+    "@webstudio-is/sdk-components-react": "0.0.0-ca00e2a"
   },
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",