@webstudio-is/sdk-components-react-radix 0.199.0 → 0.201.0

package/lib/collapsible.ws.js

@@ -1,9 +1,7 @@
 import { CollapsibleIcon as e, TriggerIcon as n, ContentIcon as t } from "@webstudio-is/icons/svg";
-import { div as l } from "@webstudio-is/sdk/normalize.css";
-import { propsCollapsible as p, propsCollapsibleTrigger as s, propsCollapsibleContent as r } from "./__generated__/collapsible.props.js";
-const o = {
-  div: l
-}, C = {
+import { div as o } from "@webstudio-is/sdk/normalize.css";
+import { propsCollapsible as l, propsCollapsibleTrigger as p, propsCollapsibleContent as r } from "./__generated__/collapsible.props.js";
+const c = {
   type: "container",
   constraints: [
     {
@@ -15,27 +13,30 @@ const o = {
       component: { $eq: "CollapsibleContent" }
     }
   ],
-  presetStyle: o,
+  presetStyle: {
+    div: o
+  },
   icon: e
-}, b = {
+}, C = {
   type: "container",
   icon: n,
-  stylable: !1,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Collapsible" }
   }
-}, m = {
+}, b = {
   type: "container",
-  presetStyle: o,
+  presetStyle: {
+    div: o
+  },
   icon: t,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Collapsible" }
   }
-}, g = {
+}, m = {
   props: {
-    ...p,
+    ...l,
     onOpenChange: {
       type: "action",
       control: "action",
@@ -43,16 +44,16 @@ const o = {
     }
   },
   initialProps: ["open", "onOpenChange"]
+}, g = {
+  props: p
 }, d = {
-  props: s
-}, y = {
   props: r
 };
 export {
-  C as metaCollapsible,
-  m as metaCollapsibleContent,
-  b as metaCollapsibleTrigger,
-  g as propsMetaCollapsible,
-  y as propsMetaCollapsibleContent,
-  d as propsMetaCollapsibleTrigger
+  c as metaCollapsible,
+  b as metaCollapsibleContent,
+  C as metaCollapsibleTrigger,
+  m as propsMetaCollapsible,
+  d as propsMetaCollapsibleContent,
+  g as propsMetaCollapsibleTrigger
 };

package/lib/dialog.ws.js

@@ -1,26 +1,21 @@
-import { TriggerIcon as t, OverlayIcon as e, ContentIcon as n, HeadingIcon as i, TextIcon as a, ButtonElementIcon as r, DialogIcon as s } from "@webstudio-is/icons/svg";
-import { defaultStates as l } from "@webstudio-is/sdk";
-import { button as p, div as c, h2 as g, p as D } from "@webstudio-is/sdk/normalize.css";
-import { propsDialog as m, propsDialogTrigger as y, propsDialogContent as C, propsDialogOverlay as d, propsDialogClose as q, propsDialogTitle as $, propsDialogDescription as f } from "./__generated__/dialog.props.js";
+import { TriggerIcon as t, OverlayIcon as n, ContentIcon as e, HeadingIcon as i, TextIcon as a, ButtonElementIcon as r, DialogIcon as s } from "@webstudio-is/icons/svg";
+import { defaultStates as p } from "@webstudio-is/sdk";
+import { div as o, h2 as l, p as c, button as g } from "@webstudio-is/sdk/normalize.css";
+import { propsDialog as D, propsDialogTrigger as m, propsDialogContent as y, propsDialogOverlay as C, propsDialogClose as d, propsDialogTitle as q, propsDialogDescription as $ } from "./__generated__/dialog.props.js";
 import { buttonReset as T } from "./shared/preset-styles.js";
-const o = {
-  div: c
-}, P = {
-  h2: g
-}, v = {
-  p: D
-}, O = {
+const O = {
   type: "container",
   icon: t,
-  stylable: !1,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Dialog" }
   }
-}, x = {
+}, P = {
   type: "container",
-  presetStyle: o,
-  icon: e,
+  presetStyle: {
+    div: o
+  },
+  icon: n,
   constraints: [
     {
       relation: "ancestor",
@@ -31,10 +26,12 @@ const o = {
       component: { $eq: "DialogContent" }
     }
   ]
-}, B = {
+}, S = {
   type: "container",
-  presetStyle: o,
-  icon: n,
+  presetStyle: {
+    div: o
+  },
+  icon: e,
   constraints: [
     {
       relation: "ancestor",
@@ -57,36 +54,41 @@ const o = {
       component: { $eq: "DialogClose" }
     }
   ]
-}, h = {
+}, b = {
   type: "container",
-  presetStyle: P,
+  presetStyle: {
+    h2: l
+  },
   icon: i,
   constraints: {
     relation: "ancestor",
     component: { $eq: "DialogContent" }
   }
-}, E = {
+}, x = {
   type: "container",
-  presetStyle: v,
+  presetStyle: {
+    p: c
+  },
   icon: a,
   constraints: {
     relation: "ancestor",
     component: { $eq: "DialogContent" }
   }
-}, H = {
+}, B = {
   type: "container",
   presetStyle: {
-    button: [T, p].flat()
+    button: [T, g].flat()
   },
-  states: l,
+  states: p,
   icon: r,
   label: "Close Button",
   constraints: {
     relation: "ancestor",
     component: { $eq: "DialogContent" }
   }
-}, R = {
+}, h = {
   type: "container",
+  icon: s,
   constraints: [
     {
       relation: "descendant",
@@ -96,43 +98,41 @@ const o = {
       relation: "descendant",
       component: { $eq: "DialogOverlay" }
     }
-  ],
-  icon: s,
-  stylable: !1
-}, j = {
-  props: m,
+  ]
+}, E = {
+  props: D,
   initialProps: []
-}, k = {
-  props: y
-}, w = {
+}, H = {
+  props: m
+}, R = {
+  props: y,
+  initialProps: []
+}, j = {
   props: C,
   initialProps: []
-}, z = {
+}, k = {
   props: d,
   initialProps: []
-}, A = {
+}, w = {
   props: q,
   initialProps: []
-}, F = {
+}, z = {
   props: $,
   initialProps: []
-}, G = {
-  props: f,
-  initialProps: []
 };
 export {
-  R as metaDialog,
-  H as metaDialogClose,
-  B as metaDialogContent,
-  E as metaDialogDescription,
-  x as metaDialogOverlay,
-  h as metaDialogTitle,
+  h as metaDialog,
+  B as metaDialogClose,
+  S as metaDialogContent,
+  x as metaDialogDescription,
+  P as metaDialogOverlay,
+  b as metaDialogTitle,
   O as metaDialogTrigger,
-  j as propsMetaDialog,
-  A as propsMetaDialogClose,
-  w as propsMetaDialogContent,
-  G as propsMetaDialogDescription,
-  z as propsMetaDialogOverlay,
-  F as propsMetaDialogTitle,
-  k as propsMetaDialogTrigger
+  E as propsMetaDialog,
+  k as propsMetaDialogClose,
+  R as propsMetaDialogContent,
+  z as propsMetaDialogDescription,
+  j as propsMetaDialogOverlay,
+  w as propsMetaDialogTitle,
+  H as propsMetaDialogTrigger
 };

package/lib/navigation-menu.ws.js

@@ -1,12 +1,12 @@
-import { NavigationMenuIcon as t, ListIcon as o, ListItemIcon as e, TriggerIcon as i, ContentIcon as a, BoxIcon as r, ViewportIcon as s } from "@webstudio-is/icons/svg";
-import { div as p } from "@webstudio-is/sdk/normalize.css";
-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 n = {
-  div: p
-}, y = {
+import { NavigationMenuIcon as t, ListIcon as e, ListItemIcon as o, TriggerIcon as i, ContentIcon as a, BoxIcon as r, ViewportIcon as p } from "@webstudio-is/icons/svg";
+import { div as n } from "@webstudio-is/sdk/normalize.css";
+import { propsNavigationMenu as s, propsNavigationMenuItem as c, propsNavigationMenuTrigger as M, propsNavigationMenuContent as g, propsNavigationMenuLink as u, propsNavigationMenuList as v, propsNavigationMenuViewport as N } from "./__generated__/navigation-menu.props.js";
+const y = {
   type: "container",
   icon: t,
-  presetStyle: n,
+  presetStyle: {
+    div: n
+  },
   constraints: [
     {
       relation: "descendant",
@@ -17,9 +17,9 @@ const n = {
       component: { $eq: "NavigationMenuViewport" }
     }
   ]
-}, $ = {
+}, L = {
   type: "container",
-  icon: o,
+  icon: e,
   constraints: [
     {
       relation: "ancestor",
@@ -30,27 +30,29 @@ const n = {
       component: { $eq: "NavigationMenuItem" }
     }
   ],
-  presetStyle: n,
+  presetStyle: {
+    div: n
+  },
   label: "Menu List"
-}, b = {
+}, $ = {
   type: "container",
-  icon: e,
+  icon: o,
   constraints: {
     relation: "ancestor",
     component: { $eq: "NavigationMenuList" }
   },
-  presetStyle: n,
+  presetStyle: {
+    div: n
+  },
   indexWithinAncestor: "NavigationMenu",
   label: "Menu Item"
 }, d = {
-  stylable: !1,
   type: "container",
   icon: i,
   constraints: {
     relation: "ancestor",
     component: { $eq: "NavigationMenuItem" }
   },
-  presetStyle: n,
   label: "Menu Trigger"
 }, q = {
   type: "container",
@@ -60,11 +62,12 @@ const n = {
     component: { $eq: "NavigationMenuItem" }
   },
   indexWithinAncestor: "NavigationMenu",
-  presetStyle: n,
+  presetStyle: {
+    div: n
+  },
   label: "Menu Content"
-}, w = {
+}, b = {
   type: "container",
-  stylable: !1,
   icon: r,
   constraints: [
     {
@@ -76,20 +79,23 @@ const n = {
       component: { $in: ["NavigationMenuContent", "NavigationMenuItem"] }
     }
   ],
-  presetStyle: n,
   label: "Accessible Link Wrapper"
-}, C = {
+}, w = {
   type: "container",
-  icon: s,
+  icon: p,
   constraints: {
     relation: "ancestor",
     component: { $eq: "NavigationMenu" }
   },
-  presetStyle: n,
+  presetStyle: {
+    div: n
+  },
   label: "Menu Viewport"
+}, C = {
+  props: s
 }, V = {
   props: c
-}, f = {
+}, S = {
   props: M
 }, T = {
   props: g
@@ -97,24 +103,22 @@ const n = {
   props: u
 }, x = {
   props: v
-}, A = {
+}, f = {
   props: N
-}, W = {
-  props: m
 };
 export {
   y as metaNavigationMenu,
   q as metaNavigationMenuContent,
-  b as metaNavigationMenuItem,
-  w as metaNavigationMenuLink,
-  $ as metaNavigationMenuList,
+  $ as metaNavigationMenuItem,
+  b as metaNavigationMenuLink,
+  L as metaNavigationMenuList,
   d as metaNavigationMenuTrigger,
-  C as metaNavigationMenuViewport,
-  V as propsMetaNavigationMenu,
-  k as propsMetaNavigationMenuContent,
-  f as propsMetaNavigationMenuItem,
-  x as propsMetaNavigationMenuLink,
-  A as propsMetaNavigationMenuList,
-  T as propsMetaNavigationMenuTrigger,
-  W as propsMetaNavigationMenuViewport
+  w as metaNavigationMenuViewport,
+  C as propsMetaNavigationMenu,
+  T as propsMetaNavigationMenuContent,
+  V as propsMetaNavigationMenuItem,
+  k as propsMetaNavigationMenuLink,
+  x as propsMetaNavigationMenuList,
+  S as propsMetaNavigationMenuTrigger,
+  f as propsMetaNavigationMenuViewport
 };

package/lib/popover.ws.js

@@ -1,19 +1,18 @@
-import { TriggerIcon as o, ContentIcon as e, PopoverIcon as t } from "@webstudio-is/icons/svg";
-import { div as n } from "@webstudio-is/sdk/normalize.css";
-import { propsPopover as r, propsPopoverTrigger as p, propsPopoverContent as s } from "./__generated__/popover.props.js";
-const i = {
-  div: n
-}, l = {
+import { TriggerIcon as o, ContentIcon as e, PopoverIcon as n } from "@webstudio-is/icons/svg";
+import { div as t } from "@webstudio-is/sdk/normalize.css";
+import { propsPopover as r, propsPopoverTrigger as p, propsPopoverContent as i } from "./__generated__/popover.props.js";
+const P = {
   type: "container",
   icon: o,
-  stylable: !1,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Popover" }
   }
 }, v = {
   type: "container",
-  presetStyle: i,
+  presetStyle: {
+    div: t
+  },
   icon: e,
   constraints: {
     relation: "ancestor",
@@ -21,6 +20,7 @@ const i = {
   }
 }, m = {
   type: "container",
+  icon: n,
   constraints: [
     {
       relation: "descendant",
@@ -30,23 +30,21 @@ const i = {
       relation: "descendant",
       component: { $eq: "PopoverContent" }
     }
-  ],
-  icon: t,
-  stylable: !1
+  ]
 }, g = {
   props: r,
   initialProps: ["open"]
-}, f = {
+}, l = {
   props: p
 }, d = {
-  props: s,
+  props: i,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
   m as metaPopover,
   v as metaPopoverContent,
-  l as metaPopoverTrigger,
+  P as metaPopoverTrigger,
   g as propsMetaPopover,
   d as propsMetaPopoverContent,
-  f as propsMetaPopoverTrigger
+  l as propsMetaPopoverTrigger
 };

package/lib/select.ws.js

@@ -1,10 +1,9 @@
 import { SelectIcon as o, TriggerIcon as n, FormTextFieldIcon as c, ContentIcon as r, ViewportIcon as p, ItemIcon as a, CheckMarkIcon as s, TextIcon as l } from "@webstudio-is/icons/svg";
-import { button as i, span as e, div as m } from "@webstudio-is/sdk/normalize.css";
-import { propsSelect as S, propsSelectTrigger as I, propsSelectValue as d, propsSelectContent as q, propsSelectViewport as y, propsSelectItem as $, propsSelectItemIndicator as T, propsSelectItemText as g } from "./__generated__/select.props.js";
-const t = {
-  div: m
-}, x = {
+import { button as i, span as e, div as t } from "@webstudio-is/sdk/normalize.css";
+import { propsSelect as m, propsSelectTrigger as S, propsSelectValue as I, propsSelectContent as d, propsSelectViewport as q, propsSelectItem as y, propsSelectItemIndicator as $, propsSelectItemText as T } from "./__generated__/select.props.js";
+const M = {
   type: "container",
+  icon: o,
   constraints: [
     {
       relation: "descendant",
@@ -14,10 +13,8 @@ const t = {
       relation: "descendant",
       component: { $eq: "SelectContent" }
     }
-  ],
-  icon: o,
-  stylable: !1
-}, C = {
+  ]
+}, x = {
   type: "container",
   icon: n,
   presetStyle: {
@@ -33,7 +30,7 @@ const t = {
       component: { $eq: "SelectValue" }
     }
   ]
-}, w = {
+}, C = {
   type: "container",
   label: "Value",
   icon: c,
@@ -44,10 +41,12 @@ const t = {
     relation: "ancestor",
     component: { $eq: "SelectTrigger" }
   }
-}, b = {
+}, w = {
   type: "container",
   icon: r,
-  presetStyle: t,
+  presetStyle: {
+    div: t
+  },
   constraints: [
     {
       relation: "ancestor",
@@ -58,10 +57,12 @@ const t = {
       component: { $eq: "SelectViewport" }
     }
   ]
-}, f = {
+}, b = {
   type: "container",
   icon: p,
-  presetStyle: t,
+  presetStyle: {
+    div: t
+  },
   constraints: [
     {
       relation: "ancestor",
@@ -72,7 +73,7 @@ const t = {
       component: { $eq: "SelectItem" }
     }
   ]
-}, v = {
+}, f = {
   type: "container",
   icon: a,
   constraints: [
@@ -89,8 +90,10 @@ const t = {
       component: { $eq: "SelectItemText" }
     }
   ],
-  presetStyle: t
-}, P = {
+  presetStyle: {
+    div: t
+  }
+}, v = {
   type: "container",
   label: "Indicator",
   icon: s,
@@ -101,7 +104,7 @@ const t = {
   presetStyle: {
     span: e
   }
-}, h = {
+}, P = {
   type: "container",
   label: "Item Text",
   icon: l,
@@ -112,41 +115,41 @@ const t = {
   presetStyle: {
     span: e
   }
-}, k = {
-  props: S,
+}, h = {
+  props: m,
   initialProps: ["name", "value", "open", "required"]
+}, k = {
+  props: S
 }, F = {
-  props: I
-}, j = {
-  props: d,
+  props: I,
   initialProps: ["placeholder"]
+}, j = {
+  props: d
 }, z = {
   props: q
 }, A = {
-  props: y
-}, B = {
-  props: $,
+  props: y,
   initialProps: ["value"]
+}, B = {
+  props: $
 }, D = {
   props: T
-}, E = {
-  props: g
 };
 export {
-  x as metaSelect,
-  b as metaSelectContent,
-  v as metaSelectItem,
-  P as metaSelectItemIndicator,
-  h as metaSelectItemText,
-  C as metaSelectTrigger,
-  w as metaSelectValue,
-  f as metaSelectViewport,
-  k as propsMetaSelect,
-  z as propsMetaSelectContent,
-  B as propsMetaSelectItem,
-  D as propsMetaSelectItemIndicator,
-  E as propsMetaSelectItemText,
-  F as propsMetaSelectTrigger,
-  j as propsMetaSelectValue,
-  A as propsMetaSelectViewport
+  M as metaSelect,
+  w as metaSelectContent,
+  f as metaSelectItem,
+  v as metaSelectItemIndicator,
+  P as metaSelectItemText,
+  x as metaSelectTrigger,
+  C as metaSelectValue,
+  b as metaSelectViewport,
+  h as propsMetaSelect,
+  j as propsMetaSelectContent,
+  A as propsMetaSelectItem,
+  B as propsMetaSelectItemIndicator,
+  D as propsMetaSelectItemText,
+  k as propsMetaSelectTrigger,
+  F as propsMetaSelectValue,
+  z as propsMetaSelectViewport
 };

package/lib/tooltip.ws.js

@@ -1,26 +1,24 @@
 import { TriggerIcon as o, ContentIcon as t, TooltipIcon as n } from "@webstudio-is/icons/svg";
-import "@webstudio-is/sdk";
 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 s = {
-  div: e
-}, m = {
+const l = {
   type: "container",
   icon: o,
-  stylable: !1,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Tooltip" }
   }
-}, g = {
+}, T = {
   type: "container",
   icon: t,
-  presetStyle: s,
+  presetStyle: {
+    div: e
+  },
   constraints: {
     relation: "ancestor",
     component: { $eq: "Tooltip" }
   }
-}, d = {
+}, m = {
   type: "container",
   constraints: [
     {
@@ -32,22 +30,21 @@ const s = {
       component: { $eq: "TooltipContent" }
     }
   ],
-  icon: n,
-  stylable: !1
-}, f = {
+  icon: n
+}, g = {
   props: i,
   initialProps: ["open", "delayDuration", "disableHoverableContent"]
-}, y = {
+}, d = {
   props: p
-}, C = {
+}, f = {
   props: r,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
-  d as metaTooltip,
-  g as metaTooltipContent,
-  m as metaTooltipTrigger,
-  f as propsMetaTooltip,
-  C as propsMetaTooltipContent,
-  y as propsMetaTooltipTrigger
+  m as metaTooltip,
+  T as metaTooltipContent,
+  l as metaTooltipTrigger,
+  g as propsMetaTooltip,
+  f as propsMetaTooltipContent,
+  d as propsMetaTooltipTrigger
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-radix",
-  "version": "0.199.0",
+  "version": "0.201.0",
   "description": "Webstudio wrapper for radix library",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -58,21 +58,21 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "await-interaction-response": "^0.0.2",
-    "@webstudio-is/css-engine": "0.199.0",
-    "@webstudio-is/icons": "0.199.0",
-    "@webstudio-is/react-sdk": "0.199.0",
-    "@webstudio-is/sdk": "0.199.0"
+    "@webstudio-is/css-engine": "0.201.0",
+    "@webstudio-is/react-sdk": "0.201.0",
+    "@webstudio-is/sdk": "0.201.0",
+    "@webstudio-is/icons": "0.201.0"
   },
   "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/sdk-components-react": "0.199.0",
-    "@webstudio-is/template": "0.199.0",
+    "@webstudio-is/sdk-components-react": "0.201.0",
+    "@webstudio-is/generate-arg-types": "0.0.0",
+    "@webstudio-is/template": "0.201.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {