@webstudio-is/sdk-components-react-radix 0.219.0 → 0.220.0

package/lib/__generated__/popover.props.js

@@ -53,9 +53,10 @@ const e = {
     type: "string",
     options: ["always", "optimized"]
   }
-};
+}, r = {};
 export {
   e as propsPopover,
+  r as propsPopoverClose,
   t as propsPopoverContent,
   o as propsPopoverTrigger
 };

package/lib/accordion.ws.js

@@ -1,42 +1,42 @@
 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 { defaultStates as a } from "@webstudio-is/sdk";
+import { div as o, h3 as p, button as s } from "@webstudio-is/sdk/normalize.css";
+import { radix as e } from "./shared/meta.js";
 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 = {
+import { propsAccordion as l, propsAccordionItem as m, propsAccordionHeader as g, propsAccordionTrigger as A, propsAccordionContent as y } from "./__generated__/accordion.props.js";
+const x = {
   icon: t,
   contentModel: {
     category: "instance",
     children: ["instance"],
-    descendants: [o.AccordionItem]
+    descendants: [e.AccordionItem]
   },
-  presetStyle: {
-    div: e
-  }
-}, x = {
+  presetStyle: { div: o },
+  initialProps: ["value", "collapsible"],
+  props: l
+}, S = {
   label: "Item",
   icon: n,
-  indexWithinAncestor: o.Accordion,
+  indexWithinAncestor: e.Accordion,
   contentModel: {
     category: "none",
     children: ["instance"],
-    descendants: [o.AccordionHeader, o.AccordionContent]
+    descendants: [e.AccordionHeader, e.AccordionContent]
   },
-  presetStyle: {
-    div: e
-  }
+  presetStyle: { div: o },
+  initialProps: ["value"],
+  props: m
 }, C = {
   label: "Item Header",
   icon: r,
   contentModel: {
     category: "none",
     children: ["instance"],
-    descendants: [o.AccordionTrigger]
+    descendants: [e.AccordionTrigger]
   },
   presetStyle: {
     h3: [
-      ...a,
+      ...p,
       {
         property: "margin-top",
         value: { type: "unit", unit: "px", value: 0 }
@@ -46,7 +46,8 @@ const v = {
         value: { type: "unit", unit: "px", value: 0 }
       }
     ]
-  }
+  },
+  props: g
 }, H = {
   label: "Item Trigger",
   icon: c,
@@ -55,7 +56,7 @@ const v = {
     children: ["instance", "rich-text"]
   },
   states: [
-    ...p,
+    ...a,
     {
       category: "component-states",
       label: "Open",
@@ -64,8 +65,9 @@ const v = {
   ],
   presetStyle: {
     button: [s, d].flat()
-  }
-}, S = {
+  },
+  props: A
+}, M = {
   label: "Item Content",
   icon: i,
   contentModel: {
@@ -73,30 +75,14 @@ const v = {
     children: ["instance", "rich-text"]
   },
   presetStyle: {
-    div: e
-  }
-}, T = {
-  props: l,
-  initialProps: ["value", "collapsible"]
-}, P = {
-  props: m,
-  initialProps: ["value"]
-}, O = {
-  props: A
-}, R = {
-  props: g
-}, W = {
+    div: o
+  },
   props: y
 };
 export {
-  v as metaAccordion,
-  S as metaAccordionContent,
+  x as metaAccordion,
+  M 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
+  S as metaAccordionItem,
+  H as metaAccordionTrigger
 };

package/lib/checkbox.js

@@ -1,8 +1,23 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { Indicator as m, Root as d } from "@radix-ui/react-checkbox";
-const p = f(({ checked: o, defaultChecked: r, ...t }, e) => /* @__PURE__ */ c(d, { ...t, ref: e, defaultChecked: o ?? r })), x = m;
+import { Indicator as d, Root as h } from "@radix-ui/react-checkbox";
+import { useControllableState as m } from "@radix-ui/react-use-controllable-state";
+const p = f(({ defaultChecked: e, ...o }, r) => {
+  const [t, c] = m({
+    prop: o.checked ?? e ?? !1,
+    defaultProp: !1
+  });
+  return /* @__PURE__ */ a(
+    h,
+    {
+      ...o,
+      ref: r,
+      checked: t,
+      onCheckedChange: (n) => c(n === !0)
+    }
+  );
+}), s = d;
 export {
   p as Checkbox,
-  x as CheckboxIndicator
+  s as CheckboxIndicator
 };

package/lib/checkbox.ws.js

@@ -26,7 +26,9 @@ const b = {
   ],
   presetStyle: {
     button: [c, a].flat()
-  }
+  },
+  initialProps: ["id", "class", "name", "value", "required", "checked"],
+  props: s
 }, x = {
   icon: o,
   contentModel: {
@@ -36,16 +38,10 @@ const b = {
   states: e,
   presetStyle: {
     span: n
-  }
-}, C = {
-  props: s,
-  initialProps: ["id", "className", "name", "value", "required", "checked"]
-}, f = {
+  },
   props: i
 };
 export {
   b as metaCheckbox,
-  x as metaCheckboxIndicator,
-  C as propsMetaCheckbox,
-  f as propsMetaCheckboxIndicator
+  x as metaCheckboxIndicator
 };

package/lib/collapsible.ws.js

@@ -1,7 +1,7 @@
 import { CollapsibleIcon as n, TriggerIcon as t, ContentIcon as l } from "@webstudio-is/icons/svg";
 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";
+import { propsCollapsible as r, propsCollapsibleTrigger as i, propsCollapsibleContent as p } from "./__generated__/collapsible.props.js";
 const g = {
   icon: n,
   contentModel: {
@@ -11,13 +11,16 @@ const g = {
   },
   presetStyle: {
     div: o
-  }
-}, b = {
+  },
+  initialProps: ["open"],
+  props: r
+}, m = {
   icon: t,
   contentModel: {
     category: "none",
     children: ["instance", "rich-text"]
-  }
+  },
+  props: i
 }, d = {
   icon: l,
   contentModel: {
@@ -26,27 +29,11 @@ const g = {
   },
   presetStyle: {
     div: o
-  }
-}, m = {
-  props: {
-    ...r,
-    onOpenChange: {
-      type: "action",
-      control: "action",
-      required: !1
-    }
   },
-  initialProps: ["open", "onOpenChange"]
-}, h = {
   props: p
-}, y = {
-  props: i
 };
 export {
   g as metaCollapsible,
   d as metaCollapsibleContent,
-  b as metaCollapsibleTrigger,
-  m as propsMetaCollapsible,
-  y as propsMetaCollapsibleContent,
-  h as propsMetaCollapsibleTrigger
+  m as metaCollapsibleTrigger
 };

package/lib/components.js

@@ -1,23 +1,23 @@
 import { Collapsible as t, CollapsibleContent as r, CollapsibleTrigger as i } from "./collapsible.js";
 import { Dialog as a, DialogClose as l, DialogContent as g, DialogDescription as p, DialogOverlay as c, DialogTitle as m, DialogTrigger as T } from "./dialog.js";
-import { Popover as C, PopoverContent as d, PopoverTrigger as f } from "./popover.js";
-import { Tooltip as b, TooltipContent as s, TooltipTrigger as v } from "./tooltip.js";
-import { Tabs as I, TabsContent as D, TabsList as M, TabsTrigger as N } from "./tabs.js";
-import { Label as A } from "./label.js";
-import { Accordion as L, AccordionContent as k, AccordionHeader as G, AccordionItem as P, AccordionTrigger as R } from "./accordion.js";
-import { NavigationMenu as y, NavigationMenuContent as H, NavigationMenuItem as O, NavigationMenuLink as j, NavigationMenuList as q, NavigationMenuTrigger as z, NavigationMenuViewport as B } from "./navigation-menu.js";
-import { Select as F, SelectContent as J, SelectItem as K, SelectItemIndicator as Q, SelectItemText as U, SelectTrigger as W, SelectValue as X, SelectViewport as Y } from "./select.js";
-import { Switch as _, SwitchThumb as $ } from "./switch.js";
-import { Checkbox as eo, CheckboxIndicator as to } from "./checkbox.js";
-import { RadioGroup as io, RadioGroupIndicator as no, RadioGroupItem as ao } from "./radio-group.js";
+import { Popover as C, PopoverClose as d, PopoverContent as f, PopoverTrigger as s } from "./popover.js";
+import { Tooltip as v, TooltipContent as b, TooltipTrigger as S } from "./tooltip.js";
+import { Tabs as D, TabsContent as M, TabsList as N, TabsTrigger as h } from "./tabs.js";
+import { Label as w } from "./label.js";
+import { Accordion as P, AccordionContent as k, AccordionHeader as G, AccordionItem as R, AccordionTrigger as V } from "./accordion.js";
+import { NavigationMenu as H, NavigationMenuContent as O, NavigationMenuItem as j, NavigationMenuLink as q, NavigationMenuList as z, NavigationMenuTrigger as B, NavigationMenuViewport as E } from "./navigation-menu.js";
+import { Select as J, SelectContent as K, SelectItem as Q, SelectItemIndicator as U, SelectItemText as W, SelectTrigger as X, SelectValue as Y, SelectViewport as Z } from "./select.js";
+import { Switch as $, SwitchThumb as oo } from "./switch.js";
+import { Checkbox as to, CheckboxIndicator as ro } from "./checkbox.js";
+import { RadioGroup as no, RadioGroupIndicator as ao, RadioGroupItem as lo } from "./radio-group.js";
 export {
-  L as Accordion,
+  P as Accordion,
   k as AccordionContent,
   G as AccordionHeader,
-  P as AccordionItem,
-  R as AccordionTrigger,
-  eo as Checkbox,
-  to as CheckboxIndicator,
+  R as AccordionItem,
+  V as AccordionTrigger,
+  to as Checkbox,
+  ro as CheckboxIndicator,
   t as Collapsible,
   r as CollapsibleContent,
   i as CollapsibleTrigger,
@@ -28,35 +28,36 @@ export {
   c as DialogOverlay,
   m as DialogTitle,
   T as DialogTrigger,
-  A as Label,
-  y as NavigationMenu,
-  H as NavigationMenuContent,
-  O as NavigationMenuItem,
-  j as NavigationMenuLink,
-  q as NavigationMenuList,
-  z as NavigationMenuTrigger,
-  B as NavigationMenuViewport,
+  w as Label,
+  H as NavigationMenu,
+  O as NavigationMenuContent,
+  j as NavigationMenuItem,
+  q as NavigationMenuLink,
+  z as NavigationMenuList,
+  B as NavigationMenuTrigger,
+  E as NavigationMenuViewport,
   C as Popover,
-  d as PopoverContent,
-  f as PopoverTrigger,
-  io as RadioGroup,
-  no as RadioGroupIndicator,
-  ao as RadioGroupItem,
-  F as Select,
-  J as SelectContent,
-  K as SelectItem,
-  Q as SelectItemIndicator,
-  U as SelectItemText,
-  W as SelectTrigger,
-  X as SelectValue,
-  Y as SelectViewport,
-  _ as Switch,
-  $ as SwitchThumb,
-  I as Tabs,
-  D as TabsContent,
-  M as TabsList,
-  N as TabsTrigger,
-  b as Tooltip,
-  s as TooltipContent,
-  v as TooltipTrigger
+  d as PopoverClose,
+  f as PopoverContent,
+  s as PopoverTrigger,
+  no as RadioGroup,
+  ao as RadioGroupIndicator,
+  lo as RadioGroupItem,
+  J as Select,
+  K as SelectContent,
+  Q as SelectItem,
+  U as SelectItemIndicator,
+  W as SelectItemText,
+  X as SelectTrigger,
+  Y as SelectValue,
+  Z as SelectViewport,
+  $ as Switch,
+  oo as SwitchThumb,
+  D as Tabs,
+  M as TabsContent,
+  N as TabsList,
+  h as TabsTrigger,
+  v as Tooltip,
+  b as TooltipContent,
+  S as TooltipTrigger
 };

package/lib/dialog.ws.js

@@ -1,26 +1,26 @@
-import { DialogIcon as e, TriggerIcon as n, OverlayIcon as i, ContentIcon as r, ButtonElementIcon as a, HeadingIcon as s, TextIcon as l } from "@webstudio-is/icons/svg";
-import { defaultStates as c } from "@webstudio-is/sdk";
-import { div as t, button as p, h2 as g, p as D } from "@webstudio-is/sdk/normalize.css";
+import { DialogIcon as t, TriggerIcon as n, OverlayIcon as i, ContentIcon as r, ButtonElementIcon as c, HeadingIcon as a, TextIcon as l } from "@webstudio-is/icons/svg";
+import { defaultStates as s } from "@webstudio-is/sdk";
+import { div as e, button as p, h2 as g, p as d } from "@webstudio-is/sdk/normalize.css";
 import { radix as o } from "./shared/meta.js";
-import { propsDialog as d, propsDialogTrigger as m, propsDialogOverlay as y, propsDialogContent 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";
+import { propsDialog as D, propsDialogTrigger as m, propsDialogOverlay as y, propsDialogContent as h, propsDialogClose as f, propsDialogTitle as C, propsDialogDescription as T } from "./__generated__/dialog.props.js";
+import { buttonReset as I } from "./shared/preset-styles.js";
 const O = {
   icon: n,
   contentModel: {
     category: "none",
     children: ["instance"]
-  }
-}, b = {
+  },
+  props: m
+}, B = {
   icon: i,
   contentModel: {
     category: "none",
     children: ["instance"],
     descendants: [o.DialogContent]
   },
-  presetStyle: {
-    div: t
-  }
-}, B = {
+  presetStyle: { div: e },
+  props: y
+}, E = {
   icon: r,
   contentModel: {
     category: "none",
@@ -31,79 +31,51 @@ const O = {
       o.DialogClose
     ]
   },
-  presetStyle: {
-    div: t
-  }
-}, E = {
-  icon: s,
+  presetStyle: { div: e },
+  props: h
+}, H = {
+  icon: a,
   contentModel: {
     category: "none",
     children: ["instance", "rich-text"]
   },
-  presetStyle: {
-    h2: g
-  }
-}, H = {
+  presetStyle: { h2: g },
+  props: C
+}, R = {
   icon: l,
   contentModel: {
     category: "none",
     children: ["instance", "rich-text"]
   },
-  presetStyle: {
-    p: D
-  }
-}, R = {
-  icon: a,
+  presetStyle: { p: d },
+  props: T
+}, j = {
+  icon: c,
   label: "Close Button",
   contentModel: {
     category: "none",
     children: ["instance", "rich-text"]
   },
-  states: c,
+  states: s,
   presetStyle: {
-    button: [f, p].flat()
-  }
-}, j = {
-  icon: e,
+    button: [I, p].flat()
+  },
+  props: f
+}, k = {
+  icon: t,
   contentModel: {
     category: "instance",
     children: ["instance"],
     descendants: [o.DialogTrigger, o.DialogOverlay]
-  }
-}, k = {
-  props: d,
-  initialProps: []
-}, q = {
-  props: m
-}, w = {
-  props: M,
-  initialProps: []
-}, z = {
-  props: y,
-  initialProps: []
-}, A = {
-  props: h,
-  initialProps: []
-}, F = {
-  props: C,
-  initialProps: []
-}, G = {
-  props: T,
-  initialProps: []
+  },
+  props: D
 };
 export {
-  j as metaDialog,
-  R as metaDialogClose,
-  B as metaDialogContent,
-  H as metaDialogDescription,
-  b as metaDialogOverlay,
-  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
+  k as metaDialog,
+  j as metaDialogClose,
+  E as metaDialogContent,
+  R as metaDialogDescription,
+  B as metaDialogOverlay,
+  H as metaDialogTitle,
+  O as metaDialogTrigger
 };

package/lib/label.ws.js

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

package/lib/metas.js

@@ -1,23 +1,23 @@
 import { metaCollapsible as t, metaCollapsibleContent as o, metaCollapsibleTrigger as i } from "./collapsible.ws.js";
 import { metaDialog as n, metaDialogClose as m, metaDialogContent as s, metaDialogDescription as l, metaDialogOverlay as g, metaDialogTitle as c, metaDialogTrigger as p } from "./dialog.ws.js";
-import { metaPopover as C, metaPopoverContent as d, metaPopoverTrigger as u } from "./popover.ws.js";
-import { metaTooltip as b, metaTooltipContent as S, metaTooltipTrigger as x } from "./tooltip.ws.js";
-import { metaTabs as D, metaTabsContent as M, metaTabsList as N, metaTabsTrigger as f } from "./tabs.ws.js";
-import { meta as A } from "./label.ws.js";
-import { metaAccordion as L, metaAccordionContent as k, metaAccordionHeader as G, metaAccordionItem as P, metaAccordionTrigger as R } from "./accordion.ws.js";
-import { metaNavigationMenu as y, metaNavigationMenuContent as H, metaNavigationMenuItem as O, metaNavigationMenuLink as j, metaNavigationMenuList as q, metaNavigationMenuTrigger as z, metaNavigationMenuViewport as B } from "./navigation-menu.ws.js";
-import { metaSelect as F, metaSelectContent as J, metaSelectItem as K, metaSelectItemIndicator as Q, metaSelectItemText as U, metaSelectTrigger as W, metaSelectValue as X, metaSelectViewport as Y } from "./select.ws.js";
-import { metaSwitch as _, metaSwitchThumb as $ } from "./switch.ws.js";
-import { metaCheckbox as ae, metaCheckboxIndicator as te } from "./checkbox.ws.js";
-import { metaRadioGroup as ie, metaRadioGroupIndicator as re, metaRadioGroupItem as ne } from "./radio-group.ws.js";
+import { metaPopover as C, metaPopoverClose as d, metaPopoverContent as u, metaPopoverTrigger as v } from "./popover.ws.js";
+import { metaTooltip as S, metaTooltipContent as x, metaTooltipTrigger as I } from "./tooltip.ws.js";
+import { metaTabs as M, metaTabsContent as N, metaTabsList as f, metaTabsTrigger as h } from "./tabs.ws.js";
+import { meta as w } from "./label.ws.js";
+import { metaAccordion as L, metaAccordionContent as k, metaAccordionHeader as G, metaAccordionItem as R, metaAccordionTrigger as V } from "./accordion.ws.js";
+import { metaNavigationMenu as H, metaNavigationMenuContent as O, metaNavigationMenuItem as j, metaNavigationMenuLink as q, metaNavigationMenuList as z, metaNavigationMenuTrigger as B, metaNavigationMenuViewport as E } from "./navigation-menu.ws.js";
+import { metaSelect as J, metaSelectContent as K, metaSelectItem as Q, metaSelectItemIndicator as U, metaSelectItemText as W, metaSelectTrigger as X, metaSelectValue as Y, metaSelectViewport as Z } from "./select.ws.js";
+import { metaSwitch as $, metaSwitchThumb as ee } from "./switch.ws.js";
+import { metaCheckbox as te, metaCheckboxIndicator as oe } from "./checkbox.ws.js";
+import { metaRadioGroup as re, metaRadioGroupIndicator as ne, metaRadioGroupItem as me } from "./radio-group.ws.js";
 export {
   L as Accordion,
   k as AccordionContent,
   G as AccordionHeader,
-  P as AccordionItem,
-  R as AccordionTrigger,
-  ae as Checkbox,
-  te as CheckboxIndicator,
+  R as AccordionItem,
+  V as AccordionTrigger,
+  te as Checkbox,
+  oe as CheckboxIndicator,
   t as Collapsible,
   o as CollapsibleContent,
   i as CollapsibleTrigger,
@@ -28,35 +28,36 @@ export {
   g as DialogOverlay,
   c as DialogTitle,
   p as DialogTrigger,
-  A as Label,
-  y as NavigationMenu,
-  H as NavigationMenuContent,
-  O as NavigationMenuItem,
-  j as NavigationMenuLink,
-  q as NavigationMenuList,
-  z as NavigationMenuTrigger,
-  B as NavigationMenuViewport,
+  w as Label,
+  H as NavigationMenu,
+  O as NavigationMenuContent,
+  j as NavigationMenuItem,
+  q as NavigationMenuLink,
+  z as NavigationMenuList,
+  B as NavigationMenuTrigger,
+  E as NavigationMenuViewport,
   C as Popover,
-  d as PopoverContent,
-  u as PopoverTrigger,
-  ie as RadioGroup,
-  re as RadioGroupIndicator,
-  ne as RadioGroupItem,
-  F as Select,
-  J as SelectContent,
-  K as SelectItem,
-  Q as SelectItemIndicator,
-  U as SelectItemText,
-  W as SelectTrigger,
-  X as SelectValue,
-  Y as SelectViewport,
-  _ as Switch,
-  $ as SwitchThumb,
-  D as Tabs,
-  M as TabsContent,
-  N as TabsList,
-  f as TabsTrigger,
-  b as Tooltip,
-  S as TooltipContent,
-  x as TooltipTrigger
+  d as PopoverClose,
+  u as PopoverContent,
+  v as PopoverTrigger,
+  re as RadioGroup,
+  ne as RadioGroupIndicator,
+  me as RadioGroupItem,
+  J as Select,
+  K as SelectContent,
+  Q as SelectItem,
+  U as SelectItemIndicator,
+  W as SelectItemText,
+  X as SelectTrigger,
+  Y as SelectValue,
+  Z as SelectViewport,
+  $ as Switch,
+  ee as SwitchThumb,
+  M as Tabs,
+  N as TabsContent,
+  f as TabsList,
+  h as TabsTrigger,
+  S as Tooltip,
+  x as TooltipContent,
+  I as TooltipTrigger
 };