@webstudio-is/sdk-components-react-radix 0.209.0 → 0.212.0

package/lib/navigation-menu.ws.js

@@ -1,124 +1,127 @@
-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 = {
+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 { 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: t,
+  icon: e,
   presetStyle: {
-    div: n
+    div: t
   },
   constraints: [
     {
       relation: "descendant",
-      component: { $eq: "NavigationMenuList" }
+      component: { $eq: n.NavigationMenuList }
     },
     {
       relation: "descendant",
-      component: { $eq: "NavigationMenuViewport" }
+      component: { $eq: n.NavigationMenuViewport }
     }
   ]
-}, L = {
+}, $ = {
   type: "container",
-  icon: e,
+  icon: o,
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "NavigationMenu" }
+      component: { $eq: n.NavigationMenu }
     },
     {
       relation: "descendant",
-      component: { $eq: "NavigationMenuItem" }
+      component: { $eq: n.NavigationMenuItem }
     }
   ],
   presetStyle: {
-    div: n
+    div: t
   },
   label: "Menu List"
-}, $ = {
+}, q = {
   type: "container",
-  icon: o,
+  icon: i,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "NavigationMenuList" }
+    component: { $eq: n.NavigationMenuList }
   },
   presetStyle: {
-    div: n
+    div: t
   },
-  indexWithinAncestor: "NavigationMenu",
+  indexWithinAncestor: n.NavigationMenu,
   label: "Menu Item"
-}, d = {
+}, b = {
   type: "container",
-  icon: i,
+  icon: a,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "NavigationMenuItem" }
+    component: { $eq: n.NavigationMenuItem }
   },
   label: "Menu Trigger"
-}, q = {
+}, w = {
   type: "container",
-  icon: a,
+  icon: r,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "NavigationMenuItem" }
+    component: { $eq: n.NavigationMenuItem }
   },
-  indexWithinAncestor: "NavigationMenu",
+  indexWithinAncestor: n.NavigationMenu,
   presetStyle: {
-    div: n
+    div: t
   },
   label: "Menu Content"
-}, b = {
+}, C = {
   type: "container",
-  icon: r,
+  icon: p,
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "NavigationMenu" }
+      component: { $eq: n.NavigationMenu }
     },
     {
       relation: "ancestor",
-      component: { $in: ["NavigationMenuContent", "NavigationMenuItem"] }
+      component: {
+        $in: [n.NavigationMenuContent, n.NavigationMenuItem]
+      }
     }
   ],
   label: "Accessible Link Wrapper"
-}, w = {
+}, V = {
   type: "container",
-  icon: p,
+  icon: s,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "NavigationMenu" }
+    component: { $eq: n.NavigationMenu }
   },
   presetStyle: {
-    div: n
+    div: t
   },
   label: "Menu Viewport"
-}, C = {
-  props: s
-}, V = {
+}, x = {
   props: c
 }, S = {
   props: M
 }, T = {
   props: g
-}, k = {
+}, f = {
   props: u
-}, x = {
+}, k = {
   props: v
-}, f = {
+}, A = {
   props: N
+}, W = {
+  props: m
 };
 export {
-  y as metaNavigationMenu,
-  q as metaNavigationMenuContent,
-  $ as metaNavigationMenuItem,
-  b as metaNavigationMenuLink,
-  L as metaNavigationMenuList,
-  d as metaNavigationMenuTrigger,
-  w as metaNavigationMenuViewport,
-  C as propsMetaNavigationMenu,
-  T as propsMetaNavigationMenuContent,
-  V as propsMetaNavigationMenuItem,
+  d as metaNavigationMenu,
+  w as metaNavigationMenuContent,
+  q as metaNavigationMenuItem,
+  C as metaNavigationMenuLink,
+  $ as metaNavigationMenuList,
+  b as metaNavigationMenuTrigger,
+  V as metaNavigationMenuViewport,
+  x as propsMetaNavigationMenu,
+  f as propsMetaNavigationMenuContent,
+  S as propsMetaNavigationMenuItem,
   k as propsMetaNavigationMenuLink,
-  x as propsMetaNavigationMenuList,
-  S as propsMetaNavigationMenuTrigger,
-  f as propsMetaNavigationMenuViewport
+  A as propsMetaNavigationMenuList,
+  T as propsMetaNavigationMenuTrigger,
+  W as propsMetaNavigationMenuViewport
 };

package/lib/popover.ws.js

@@ -1,50 +1,51 @@
-import { TriggerIcon as o, ContentIcon as e, PopoverIcon as n } from "@webstudio-is/icons/svg";
+import { TriggerIcon as e, ContentIcon as r, 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 = {
+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: o,
+  icon: e,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "Popover" }
+    component: { $eq: o.Popover }
   }
-}, v = {
+}, g = {
   type: "container",
   presetStyle: {
     div: t
   },
-  icon: e,
+  icon: r,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "Popover" }
+    component: { $eq: o.Popover }
   }
-}, m = {
+}, l = {
   type: "container",
   icon: n,
   constraints: [
     {
       relation: "descendant",
-      component: { $eq: "PopoverTrigger" }
+      component: { $eq: o.PopoverTrigger }
     },
     {
       relation: "descendant",
-      component: { $eq: "PopoverContent" }
+      component: { $eq: o.PopoverContent }
     }
   ]
-}, g = {
-  props: r,
-  initialProps: ["open"]
-}, l = {
-  props: p
 }, d = {
-  props: i,
+  props: p,
+  initialProps: ["open"]
+}, f = {
+  props: i
+}, C = {
+  props: s,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
-  m as metaPopover,
-  v as metaPopoverContent,
-  P as metaPopoverTrigger,
-  g as propsMetaPopover,
-  d as propsMetaPopoverContent,
-  l as propsMetaPopoverTrigger
+  l as metaPopover,
+  g as metaPopoverContent,
+  v as metaPopoverTrigger,
+  d as propsMetaPopover,
+  C as propsMetaPopoverContent,
+  f as propsMetaPopoverTrigger
 };

package/lib/radio-group.ws.js

@@ -1,17 +1,18 @@
-import { RadioGroupIcon as t, ItemIcon as e, TriggerIcon as a } from "@webstudio-is/icons/svg";
-import { defaultStates as o } from "@webstudio-is/sdk";
-import { div as r, button as n, span as p } from "@webstudio-is/sdk/normalize.css";
-import { buttonReset as s } from "./shared/preset-styles.js";
-import { propsRadioGroup as i, propsRadioGroupItem as c, propsRadioGroupIndicator as d } from "./__generated__/radio-group.props.js";
-const I = {
+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";
+const y = {
   type: "container",
   constraints: {
     relation: "descendant",
-    component: { $eq: "RadioGroupItem" }
+    component: { $eq: o.RadioGroupItem }
   },
-  icon: t,
+  icon: e,
   states: [
-    ...o,
+    ...t,
     {
       label: "Checked",
       selector: "[data-state=checked]",
@@ -24,50 +25,50 @@ const I = {
     }
   ],
   presetStyle: {
-    div: r
+    div: n
   }
-}, y = {
+}, b = {
   type: "container",
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "RadioGroup" }
+      component: { $eq: o.RadioGroup }
     },
     {
       relation: "descendant",
-      component: { $eq: "RadioGroupIndicator" }
+      component: { $eq: o.RadioGroupIndicator }
     }
   ],
-  icon: e,
-  states: o,
+  icon: r,
+  states: t,
   presetStyle: {
-    button: [n, s].flat()
+    button: [p, i].flat()
   }
-}, f = {
+}, q = {
   type: "container",
   icon: a,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "RadioGroupItem" }
+    component: { $eq: o.RadioGroupItem }
   },
-  states: o,
+  states: t,
   presetStyle: {
-    span: p
+    span: s
   }
-}, b = {
-  props: i,
-  initialProps: ["id", "className", "name", "value", "required"]
-}, q = {
+}, g = {
   props: c,
+  initialProps: ["id", "className", "name", "value", "required"]
+}, h = {
+  props: d,
   initialProps: ["value"]
-}, g = {
-  props: d
+}, k = {
+  props: m
 };
 export {
-  I as metaRadioGroup,
-  f as metaRadioGroupIndicator,
-  y as metaRadioGroupItem,
-  b as propsMetaRadioGroup,
-  g as propsMetaRadioGroupIndicator,
-  q as propsMetaRadioGroupItem
+  y as metaRadioGroup,
+  q as metaRadioGroupIndicator,
+  b as metaRadioGroupItem,
+  g as propsMetaRadioGroup,
+  k as propsMetaRadioGroupIndicator,
+  h as propsMetaRadioGroupItem
 };

package/lib/select.ws.js

@@ -1,155 +1,156 @@
-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 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 = {
+import { SelectIcon as n, TriggerIcon as c, FormTextFieldIcon as r, ContentIcon as p, ViewportIcon as a, ItemIcon as s, CheckMarkIcon as l, TextIcon as i } from "@webstudio-is/icons/svg";
+import { button as m, span as t, div as o } from "@webstudio-is/sdk/normalize.css";
+import { radix as e } from "./shared/meta.js";
+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 C = {
   type: "container",
-  icon: o,
+  icon: n,
   constraints: [
     {
       relation: "descendant",
-      component: { $eq: "SelectTrigger" }
+      component: { $eq: e.SelectTrigger }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectContent" }
+      component: { $eq: e.SelectContent }
     }
   ]
-}, x = {
+}, w = {
   type: "container",
-  icon: n,
+  icon: c,
   presetStyle: {
-    button: i
+    button: m
   },
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "Select" }
+      component: { $eq: e.Select }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectValue" }
+      component: { $eq: e.SelectValue }
     }
   ]
-}, C = {
+}, b = {
   type: "container",
   label: "Value",
-  icon: c,
+  icon: r,
   presetStyle: {
-    span: e
+    span: t
   },
   constraints: {
     relation: "ancestor",
-    component: { $eq: "SelectTrigger" }
+    component: { $eq: e.SelectTrigger }
   }
-}, w = {
+}, f = {
   type: "container",
-  icon: r,
+  icon: p,
   presetStyle: {
-    div: t
+    div: o
   },
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "Select" }
+      component: { $eq: e.Select }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectViewport" }
+      component: { $eq: e.SelectViewport }
     }
   ]
-}, b = {
+}, v = {
   type: "container",
-  icon: p,
+  icon: a,
   presetStyle: {
-    div: t
+    div: o
   },
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "SelectContent" }
+      component: { $eq: e.SelectContent }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectItem" }
+      component: { $eq: e.SelectItem }
     }
   ]
-}, f = {
+}, P = {
   type: "container",
-  icon: a,
+  icon: s,
   constraints: [
     {
       relation: "ancestor",
-      component: { $eq: "SelectViewport" }
+      component: { $eq: e.SelectViewport }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectItemIndicator" }
+      component: { $eq: e.SelectItemIndicator }
     },
     {
       relation: "descendant",
-      component: { $eq: "SelectItemText" }
+      component: { $eq: e.SelectItemText }
     }
   ],
   presetStyle: {
-    div: t
+    div: o
   }
-}, v = {
+}, h = {
   type: "container",
   label: "Indicator",
-  icon: s,
+  icon: l,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "SelectItem" }
+    component: { $eq: e.SelectItem }
   },
   presetStyle: {
-    span: e
+    span: t
   }
-}, P = {
+}, k = {
   type: "container",
   label: "Item Text",
-  icon: l,
+  icon: i,
   constraints: {
     relation: "ancestor",
-    component: { $eq: "SelectItem" }
+    component: { $eq: e.SelectItem }
   },
   presetStyle: {
-    span: e
+    span: t
   }
-}, h = {
-  props: m,
-  initialProps: ["name", "value", "open", "required"]
-}, k = {
-  props: S
 }, F = {
-  props: I,
-  initialProps: ["placeholder"]
+  props: S,
+  initialProps: ["name", "value", "open", "required"]
 }, j = {
-  props: d
+  props: I
 }, z = {
-  props: q
+  props: d,
+  initialProps: ["placeholder"]
 }, A = {
-  props: y,
-  initialProps: ["value"]
+  props: q
 }, B = {
-  props: $
+  props: y
 }, D = {
+  props: $,
+  initialProps: ["value"]
+}, E = {
   props: T
+}, G = {
+  props: g
 };
 export {
-  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
+  C as metaSelect,
+  f as metaSelectContent,
+  P as metaSelectItem,
+  h as metaSelectItemIndicator,
+  k as metaSelectItemText,
+  w as metaSelectTrigger,
+  b as metaSelectValue,
+  v as metaSelectViewport,
+  F as propsMetaSelect,
+  A as propsMetaSelectContent,
+  D as propsMetaSelectItem,
+  E as propsMetaSelectItemIndicator,
+  G as propsMetaSelectItemText,
+  j as propsMetaSelectTrigger,
+  z as propsMetaSelectValue,
+  B as propsMetaSelectViewport
 };

package/lib/shared/meta.js

@@ -0,0 +1,13 @@
+const r = (t) => new Proxy(
+  {},
+  {
+    get(o, e) {
+      return `${t}${e}`;
+    }
+  }
+), n = r(
+  "@webstudio-is/sdk-components-react-radix:"
+);
+export {
+  n as radix
+};