@webstudio-is/sdk-components-react-radix 0.216.0 → 0.218.0

package/lib/dialog.ws.js

@@ -1,139 +1,109 @@
-import { TriggerIcon as n, OverlayIcon as e, ContentIcon as i, HeadingIcon as a, TextIcon as r, ButtonElementIcon as s, DialogIcon as p } from "@webstudio-is/icons/svg";
-import { defaultStates as l } from "@webstudio-is/sdk";
-import { div as t, h2 as c, p as g, button as D } from "@webstudio-is/sdk/normalize.css";
+import { TriggerIcon as e, OverlayIcon as n, ContentIcon as i, HeadingIcon as r, TextIcon as a, ButtonElementIcon as s, DialogIcon as l } from "@webstudio-is/icons/svg";
+import { defaultStates as c } from "@webstudio-is/sdk";
+import { div as t, h2 as p, p as g, button as D } from "@webstudio-is/sdk/normalize.css";
 import { radix as o } from "./shared/meta.js";
-import { propsDialog as m, propsDialogTrigger as y, propsDialogContent as C, propsDialogOverlay as d, propsDialogClose as q, propsDialogTitle as $, propsDialogDescription as T } from "./__generated__/dialog.props.js";
+import { propsDialog as d, propsDialogTrigger as m, propsDialogContent as y, propsDialogOverlay as M, propsDialogClose as h, propsDialogTitle as C, propsDialogDescription as T } from "./__generated__/dialog.props.js";
 import { buttonReset as f } from "./shared/preset-styles.js";
-const S = {
-  type: "container",
-  icon: n,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.Dialog }
+const O = {
+  icon: e,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   }
 }, b = {
-  type: "container",
+  icon: n,
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [o.DialogContent]
+  },
   presetStyle: {
     div: t
+  }
+}, B = {
+  icon: i,
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [
+      o.DialogTitle,
+      o.DialogDescription,
+      o.DialogClose
+    ]
   },
-  icon: e,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: o.Dialog }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.DialogContent }
-    }
-  ]
-}, x = {
-  type: "container",
   presetStyle: {
     div: t
+  }
+}, E = {
+  icon: r,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   },
-  icon: i,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: o.DialogOverlay }
-    },
-    // often deleted by users
-    // though radix starts throwing warnings in console
-    /*
-    {
-      relation: "descendant",
-      component: { $eq: radix.DialogTitle },
-    },
-    {
-      relation: "descendant",
-      component: { $eq: radix.DialogDescription },
-    },
-    */
-    {
-      relation: "descendant",
-      component: { $eq: o.DialogClose }
-    }
-  ]
-}, B = {
-  type: "container",
   presetStyle: {
-    h2: c
-  },
-  icon: a,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.DialogContent }
+    h2: p
   }
-}, h = {
-  type: "container",
+}, H = {
+  icon: a,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
+  },
   presetStyle: {
     p: g
-  },
-  icon: r,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.DialogContent }
   }
-}, E = {
-  type: "container",
-  presetStyle: {
-    button: [f, D].flat()
-  },
-  states: l,
+}, R = {
   icon: s,
   label: "Close Button",
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.DialogContent }
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
+  },
+  states: c,
+  presetStyle: {
+    button: [f, D].flat()
   }
-}, H = {
-  type: "container",
-  icon: p,
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: o.DialogTrigger }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.DialogOverlay }
-    }
-  ]
-}, R = {
-  props: m,
-  initialProps: []
 }, j = {
-  props: y
+  icon: l,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [o.DialogTrigger, o.DialogOverlay]
+  }
 }, k = {
-  props: C,
+  props: d,
   initialProps: []
+}, q = {
+  props: m
 }, w = {
-  props: d,
+  props: y,
   initialProps: []
 }, z = {
-  props: q,
+  props: M,
   initialProps: []
 }, A = {
-  props: $,
+  props: h,
   initialProps: []
 }, F = {
+  props: C,
+  initialProps: []
+}, G = {
   props: T,
   initialProps: []
 };
 export {
-  H as metaDialog,
-  E as metaDialogClose,
-  x as metaDialogContent,
-  h as metaDialogDescription,
+  j as metaDialog,
+  R as metaDialogClose,
+  B as metaDialogContent,
+  H as metaDialogDescription,
   b as metaDialogOverlay,
-  B as metaDialogTitle,
-  S as metaDialogTrigger,
-  R as propsMetaDialog,
-  z as propsMetaDialogClose,
-  k as propsMetaDialogContent,
-  F as propsMetaDialogDescription,
-  w as propsMetaDialogOverlay,
-  A as propsMetaDialogTitle,
-  j as propsMetaDialogTrigger
+  E as metaDialogTitle,
+  O as metaDialogTrigger,
+  k as propsMetaDialog,
+  A as propsMetaDialogClose,
+  w as propsMetaDialogContent,
+  G as propsMetaDialogDescription,
+  z as propsMetaDialogOverlay,
+  F as propsMetaDialogTitle,
+  q as propsMetaDialogTrigger
 };

package/lib/label.ws.js

@@ -2,18 +2,17 @@ import { LabelIcon as t } from "@webstudio-is/icons/svg";
 import { defaultStates as o } from "@webstudio-is/sdk";
 import { label as r } from "@webstudio-is/sdk/normalize.css";
 import { props as e } from "./__generated__/label.props.js";
-const p = {
-  label: r
-}, l = {
-  type: "container",
+const i = {
   icon: t,
-  presetStyle: p,
-  states: o
-}, n = {
+  states: o,
+  presetStyle: {
+    label: r
+  }
+}, l = {
   props: e,
   initialProps: ["id", "className", "htmlFor"]
 };
 export {
-  l as meta,
-  n as propsMeta
+  i as meta,
+  l as propsMeta
 };

package/lib/navigation-menu.ws.js

@@ -1,127 +1,107 @@
-import { NavigationMenuIcon as e, ListIcon as o, ListItemIcon as i, TriggerIcon as a, ContentIcon as r, BoxIcon as p, ViewportIcon as s } from "@webstudio-is/icons/svg";
-import { div as t } from "@webstudio-is/sdk/normalize.css";
+import { NavigationMenuIcon as t, ListIcon as o, ListItemIcon as i, TriggerIcon as a, ContentIcon as r, BoxIcon as s, ViewportIcon as c } from "@webstudio-is/icons/svg";
+import { div as e } from "@webstudio-is/sdk/normalize.css";
 import { radix as n } from "./shared/meta.js";
-import { propsNavigationMenu as c, propsNavigationMenuItem as M, propsNavigationMenuTrigger as g, propsNavigationMenuContent as u, propsNavigationMenuLink as v, propsNavigationMenuList as N, propsNavigationMenuViewport as m } from "./__generated__/navigation-menu.props.js";
-const d = {
-  type: "container",
-  icon: e,
-  presetStyle: {
-    div: t
+import { propsNavigationMenu as p, propsNavigationMenuItem as g, propsNavigationMenuTrigger as M, propsNavigationMenuContent as u, propsNavigationMenuLink as l, propsNavigationMenuList as v, propsNavigationMenuViewport as N } from "./__generated__/navigation-menu.props.js";
+const y = {
+  icon: t,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [n.NavigationMenuList, n.NavigationMenuViewport]
   },
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: n.NavigationMenuList }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: n.NavigationMenuViewport }
-    }
-  ]
-}, $ = {
-  type: "container",
-  icon: o,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: n.NavigationMenu }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: n.NavigationMenuItem }
-    }
-  ],
   presetStyle: {
-    div: t
+    div: e
+  }
+}, h = {
+  icon: o,
+  label: "Menu List",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [n.NavigationMenuItem]
   },
-  label: "Menu List"
-}, q = {
-  type: "container",
+  presetStyle: {
+    div: e
+  }
+}, b = {
   icon: i,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: n.NavigationMenuList }
+  label: "Menu Item",
+  indexWithinAncestor: n.NavigationMenu,
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [
+      n.NavigationMenuTrigger,
+      n.NavigationMenuContent,
+      n.NavigationMenuLink
+    ]
   },
   presetStyle: {
-    div: t
-  },
-  indexWithinAncestor: n.NavigationMenu,
-  label: "Menu Item"
-}, b = {
-  type: "container",
+    div: e
+  }
+}, k = {
   icon: a,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: n.NavigationMenuItem }
-  },
-  label: "Menu Trigger"
+  label: "Menu Trigger",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  }
 }, w = {
-  type: "container",
   icon: r,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: n.NavigationMenuItem }
+  label: "Menu Content",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [n.NavigationMenuLink]
   },
-  indexWithinAncestor: n.NavigationMenu,
   presetStyle: {
-    div: t
-  },
-  label: "Menu Content"
+    div: e
+  }
 }, C = {
-  type: "container",
-  icon: p,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: n.NavigationMenu }
-    },
-    {
-      relation: "ancestor",
-      component: {
-        $in: [n.NavigationMenuContent, n.NavigationMenuItem]
-      }
-    }
-  ],
-  label: "Accessible Link Wrapper"
-}, V = {
-  type: "container",
   icon: s,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: n.NavigationMenu }
+  label: "Accessible Link Wrapper",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  }
+}, T = {
+  icon: c,
+  label: "Menu Viewport",
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   },
   presetStyle: {
-    div: t
-  },
-  label: "Menu Viewport"
-}, x = {
-  props: c
+    div: e
+  }
+}, V = {
+  props: p
 }, S = {
-  props: M
-}, T = {
   props: g
 }, f = {
+  props: M
+}, x = {
   props: u
-}, k = {
-  props: v
 }, A = {
-  props: N
+  props: l
 }, W = {
-  props: m
+  props: v
+}, B = {
+  props: N
 };
 export {
-  d as metaNavigationMenu,
+  y as metaNavigationMenu,
   w as metaNavigationMenuContent,
-  q as metaNavigationMenuItem,
+  b as metaNavigationMenuItem,
   C as metaNavigationMenuLink,
-  $ as metaNavigationMenuList,
-  b as metaNavigationMenuTrigger,
-  V as metaNavigationMenuViewport,
-  x as propsMetaNavigationMenu,
-  f as propsMetaNavigationMenuContent,
+  h as metaNavigationMenuList,
+  k as metaNavigationMenuTrigger,
+  T as metaNavigationMenuViewport,
+  V as propsMetaNavigationMenu,
+  x as propsMetaNavigationMenuContent,
   S as propsMetaNavigationMenuItem,
-  k as propsMetaNavigationMenuLink,
-  A as propsMetaNavigationMenuList,
-  T as propsMetaNavigationMenuTrigger,
-  W as propsMetaNavigationMenuViewport
+  A as propsMetaNavigationMenuLink,
+  W as propsMetaNavigationMenuList,
+  f as propsMetaNavigationMenuTrigger,
+  B as propsMetaNavigationMenuViewport
 };

package/lib/popover.ws.js

@@ -1,51 +1,43 @@
-import { TriggerIcon as e, ContentIcon as r, PopoverIcon as n } from "@webstudio-is/icons/svg";
+import { TriggerIcon as e, ContentIcon as n, PopoverIcon as r } from "@webstudio-is/icons/svg";
 import { div as t } from "@webstudio-is/sdk/normalize.css";
 import { radix as o } from "./shared/meta.js";
 import { propsPopover as p, propsPopoverTrigger as i, propsPopoverContent as s } from "./__generated__/popover.props.js";
 const v = {
-  type: "container",
   icon: e,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.Popover }
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   }
-}, g = {
-  type: "container",
+}, d = {
+  icon: n,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
+  },
   presetStyle: {
     div: t
-  },
-  icon: r,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.Popover }
   }
 }, l = {
-  type: "container",
-  icon: n,
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: o.PopoverTrigger }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.PopoverContent }
-    }
-  ]
-}, d = {
+  icon: r,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [o.PopoverTrigger, o.PopoverContent]
+  }
+}, m = {
   props: p,
   initialProps: ["open"]
 }, f = {
   props: i
-}, C = {
+}, M = {
   props: s,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
   l as metaPopover,
-  g as metaPopoverContent,
+  d as metaPopoverContent,
   v as metaPopoverTrigger,
-  d as propsMetaPopover,
-  C as propsMetaPopoverContent,
+  m as propsMetaPopover,
+  M as propsMetaPopoverContent,
   f as propsMetaPopoverTrigger
 };

package/lib/radio-group.ws.js

@@ -1,18 +1,18 @@
-import { RadioGroupIcon as e, ItemIcon as r, TriggerIcon as a } from "@webstudio-is/icons/svg";
-import { defaultStates as t } from "@webstudio-is/sdk";
-import { div as n, button as p, span as s } from "@webstudio-is/sdk/normalize.css";
-import { radix as o } from "./shared/meta.js";
-import { buttonReset as i } from "./shared/preset-styles.js";
-import { propsRadioGroup as c, propsRadioGroupItem as d, propsRadioGroupIndicator as m } from "./__generated__/radio-group.props.js";
+import { RadioGroupIcon as e, ItemIcon as a, TriggerIcon as r } from "@webstudio-is/icons/svg";
+import { defaultStates as o } from "@webstudio-is/sdk";
+import { div as n, button as s, span as c } from "@webstudio-is/sdk/normalize.css";
+import { radix as t } from "./shared/meta.js";
+import { buttonReset as p } from "./shared/preset-styles.js";
+import { propsRadioGroup as i, propsRadioGroupItem as d, propsRadioGroupIndicator as m } from "./__generated__/radio-group.props.js";
 const y = {
-  type: "container",
-  constraints: {
-    relation: "descendant",
-    component: { $eq: o.RadioGroupItem }
-  },
   icon: e,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [t.RadioGroupItem]
+  },
   states: [
-    ...t,
+    ...o,
     {
       label: "Checked",
       selector: "[data-state=checked]",
@@ -27,38 +27,31 @@ const y = {
   presetStyle: {
     div: n
   }
-}, b = {
-  type: "container",
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: o.RadioGroup }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.RadioGroupIndicator }
-    }
-  ],
-  icon: r,
-  states: t,
+}, g = {
+  icon: a,
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [t.RadioGroupIndicator]
+  },
+  states: o,
   presetStyle: {
-    button: [p, i].flat()
+    button: [s, p].flat()
   }
-}, q = {
-  type: "container",
-  icon: a,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.RadioGroupItem }
+}, h = {
+  icon: r,
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   },
-  states: t,
+  states: o,
   presetStyle: {
-    span: s
+    span: c
   }
-}, g = {
-  props: c,
+}, M = {
+  props: i,
   initialProps: ["id", "className", "name", "value", "required"]
-}, h = {
+}, b = {
   props: d,
   initialProps: ["value"]
 }, k = {
@@ -66,9 +59,9 @@ const y = {
 };
 export {
   y as metaRadioGroup,
-  q as metaRadioGroupIndicator,
-  b as metaRadioGroupItem,
-  g as propsMetaRadioGroup,
+  h as metaRadioGroupIndicator,
+  g as metaRadioGroupItem,
+  M as propsMetaRadioGroup,
   k as propsMetaRadioGroupIndicator,
-  h as propsMetaRadioGroupItem
+  b as propsMetaRadioGroupItem
 };