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

package/lib/accordion.ws.js

@@ -1,58 +1,42 @@
-import { AccordionIcon as e, ItemIcon as n, HeaderIcon as r, TriggerIcon as c, ContentIcon as i } from "@webstudio-is/icons/svg";
-import { defaultStates as a } from "@webstudio-is/sdk";
-import { h3 as p, button as s, div as d } from "@webstudio-is/sdk/normalize.css";
+import { AccordionIcon as t, ItemIcon as n, HeaderIcon as r, TriggerIcon as c, ContentIcon as i } from "@webstudio-is/icons/svg";
+import { defaultStates as p } from "@webstudio-is/sdk";
+import { div as e, h3 as a, button as s } from "@webstudio-is/sdk/normalize.css";
 import { radix as o } from "./shared/meta.js";
-import { buttonReset as m } from "./shared/preset-styles.js";
-import { propsAccordion as l, propsAccordionItem as A, propsAccordionHeader as I, propsAccordionTrigger as g, propsAccordionContent as u } from "./__generated__/accordion.props.js";
-const t = {
-  div: d
-}, H = {
-  type: "container",
-  icon: e,
-  presetStyle: t,
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: o.AccordionItem }
-    }
-  ]
-}, C = {
-  type: "container",
+import { buttonReset as d } from "./shared/preset-styles.js";
+import { propsAccordion as l, propsAccordionItem as m, propsAccordionHeader as A, propsAccordionTrigger as g, propsAccordionContent as y } from "./__generated__/accordion.props.js";
+const v = {
+  icon: t,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [o.AccordionItem]
+  },
+  presetStyle: {
+    div: e
+  }
+}, x = {
   label: "Item",
   icon: n,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: o.Accordion }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.AccordionHeader }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.AccordionContent }
-    }
-  ],
   indexWithinAncestor: o.Accordion,
-  presetStyle: t
-}, T = {
-  type: "container",
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [o.AccordionHeader, o.AccordionContent]
+  },
+  presetStyle: {
+    div: e
+  }
+}, C = {
   label: "Item Header",
   icon: r,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $eq: o.AccordionItem }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.AccordionTrigger }
-    }
-  ],
+  contentModel: {
+    category: "none",
+    children: ["instance"],
+    descendants: [o.AccordionTrigger]
+  },
   presetStyle: {
     h3: [
-      ...p,
+      ...a,
       {
         property: "margin-top",
         value: { type: "unit", unit: "px", value: 0 }
@@ -63,16 +47,15 @@ const t = {
       }
     ]
   }
-}, x = {
-  type: "container",
+}, H = {
   label: "Item Trigger",
   icon: c,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.AccordionHeader }
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   },
   states: [
-    ...a,
+    ...p,
     {
       category: "component-states",
       label: "Open",
@@ -80,39 +63,40 @@ const t = {
     }
   ],
   presetStyle: {
-    button: [s, m].flat()
+    button: [s, d].flat()
   }
-}, M = {
-  type: "container",
+}, S = {
   label: "Item Content",
   icon: i,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.AccordionItem }
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   },
-  presetStyle: t
-}, S = {
+  presetStyle: {
+    div: e
+  }
+}, T = {
   props: l,
   initialProps: ["value", "collapsible"]
-}, h = {
-  props: A,
-  initialProps: ["value"]
 }, P = {
-  props: I
+  props: m,
+  initialProps: ["value"]
 }, O = {
-  props: g
+  props: A
 }, R = {
-  props: u
+  props: g
+}, W = {
+  props: y
 };
 export {
-  H as metaAccordion,
-  M as metaAccordionContent,
-  T as metaAccordionHeader,
-  C as metaAccordionItem,
-  x as metaAccordionTrigger,
-  S as propsMetaAccordion,
-  R as propsMetaAccordionContent,
-  P as propsMetaAccordionHeader,
-  h as propsMetaAccordionItem,
-  O as propsMetaAccordionTrigger
+  v as metaAccordion,
+  S as metaAccordionContent,
+  C as metaAccordionHeader,
+  x as metaAccordionItem,
+  H as metaAccordionTrigger,
+  T as propsMetaAccordion,
+  W as propsMetaAccordionContent,
+  O as propsMetaAccordionHeader,
+  P as propsMetaAccordionItem,
+  R as propsMetaAccordionTrigger
 };

package/lib/checkbox.ws.js

@@ -1,16 +1,16 @@
-import { CheckboxCheckedIcon as o, TriggerIcon as c } from "@webstudio-is/icons/svg";
+import { CheckboxCheckedIcon as t, TriggerIcon as o } from "@webstudio-is/icons/svg";
 import { defaultStates as e } from "@webstudio-is/sdk";
-import { button as r, span as n } from "@webstudio-is/sdk/normalize.css";
-import { radix as t } from "./shared/meta.js";
+import { button as c, span as n } from "@webstudio-is/sdk/normalize.css";
+import { radix as r } from "./shared/meta.js";
 import { buttonReset as a } from "./shared/preset-styles.js";
-import { propsCheckbox as s, propsCheckboxIndicator as p } from "./__generated__/checkbox.props.js";
+import { propsCheckbox as s, propsCheckboxIndicator as i } from "./__generated__/checkbox.props.js";
 const b = {
-  type: "container",
-  constraints: {
-    relation: "descendant",
-    component: { $eq: t.CheckboxIndicator }
+  icon: t,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [r.CheckboxIndicator]
   },
-  icon: o,
   states: [
     ...e,
     {
@@ -25,15 +25,14 @@ const b = {
     }
   ],
   presetStyle: {
-    button: [r, a].flat()
+    button: [c, a].flat()
   }
 }, x = {
-  type: "container",
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: t.Checkbox }
+  icon: o,
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   },
-  icon: c,
   states: e,
   presetStyle: {
     span: n
@@ -42,7 +41,7 @@ const b = {
   props: s,
   initialProps: ["id", "className", "name", "value", "required", "checked"]
 }, f = {
-  props: p
+  props: i
 };
 export {
   b as metaCheckbox,

package/lib/collapsible.ws.js

@@ -1,43 +1,35 @@
 import { CollapsibleIcon as n, TriggerIcon as t, ContentIcon as l } from "@webstudio-is/icons/svg";
-import { div as e } from "@webstudio-is/sdk/normalize.css";
-import { radix as o } from "./shared/meta.js";
-import { propsCollapsible as p, propsCollapsibleTrigger as r, propsCollapsibleContent as i } from "./__generated__/collapsible.props.js";
-const m = {
-  type: "container",
-  constraints: [
-    {
-      relation: "descendant",
-      component: { $eq: o.CollapsibleTrigger }
-    },
-    {
-      relation: "descendant",
-      component: { $eq: o.CollapsibleContent }
-    }
-  ],
-  presetStyle: {
-    div: e
+import { div as o } from "@webstudio-is/sdk/normalize.css";
+import { radix as e } from "./shared/meta.js";
+import { propsCollapsible as r, propsCollapsibleTrigger as p, propsCollapsibleContent as i } from "./__generated__/collapsible.props.js";
+const g = {
+  icon: n,
+  contentModel: {
+    category: "instance",
+    children: ["instance"],
+    descendants: [e.CollapsibleTrigger, e.CollapsibleContent]
   },
-  icon: n
+  presetStyle: {
+    div: o
+  }
 }, b = {
-  type: "container",
   icon: t,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.Collapsible }
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
   }
-}, g = {
-  type: "container",
-  presetStyle: {
-    div: e
-  },
+}, d = {
   icon: l,
-  constraints: {
-    relation: "ancestor",
-    component: { $eq: o.Collapsible }
+  contentModel: {
+    category: "none",
+    children: ["instance", "rich-text"]
+  },
+  presetStyle: {
+    div: o
   }
-}, d = {
+}, m = {
   props: {
-    ...p,
+    ...r,
     onOpenChange: {
       type: "action",
       control: "action",
@@ -45,16 +37,16 @@ const m = {
     }
   },
   initialProps: ["open", "onOpenChange"]
+}, h = {
+  props: p
 }, y = {
-  props: r
-}, f = {
   props: i
 };
 export {
-  m as metaCollapsible,
-  g as metaCollapsibleContent,
+  g as metaCollapsible,
+  d as metaCollapsibleContent,
   b as metaCollapsibleTrigger,
-  d as propsMetaCollapsible,
-  f as propsMetaCollapsibleContent,
-  y as propsMetaCollapsibleTrigger
+  m as propsMetaCollapsible,
+  y as propsMetaCollapsibleContent,
+  h as propsMetaCollapsibleTrigger
 };

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
 };