@webstudio-is/sdk-components-react-radix 0.0.0-017f1bd

package/lib/__generated__/accordion.props.js

@@ -0,0 +1,64 @@
+const e = {
+  collapsible: {
+    description: "Whether an accordion item can be collapsed after it has been opened.",
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    defaultValue: !1
+  },
+  defaultValue: {
+    description: "The value of the item whose content is expanded when the accordion is initially rendered. Use\n`defaultValue` if you do not need to control the state of an accordion.",
+    required: !1,
+    control: "text",
+    type: "string"
+  },
+  dir: {
+    description: "The language read direction.",
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["ltr", "rtl"]
+  },
+  disabled: {
+    description: `Whether or not an accordion is disabled from user interaction.
+@defaultValue false`,
+    required: !1,
+    control: "boolean",
+    type: "boolean"
+  },
+  orientation: {
+    description: "The layout in which the Accordion operates.",
+    required: !1,
+    control: "radio",
+    type: "string",
+    defaultValue: "vertical",
+    options: ["horizontal", "vertical"]
+  },
+  value: {
+    description: "The controlled stateful value of the accordion item whose content is expanded.",
+    required: !1,
+    control: "text",
+    type: "string"
+  }
+}, o = {
+  disabled: {
+    description: `Whether or not an accordion item is disabled from user interaction.
+@defaultValue false`,
+    required: !1,
+    control: "boolean",
+    type: "boolean"
+  },
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, t = {}, r = {}, n = {};
+export {
+  e as propsAccordion,
+  n as propsAccordionContent,
+  t as propsAccordionHeader,
+  o as propsAccordionItem,
+  r as propsAccordionTrigger
+};

package/lib/__generated__/checkbox.props.js

@@ -0,0 +1,18 @@
+const e = {
+  checked: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is checked"
+  },
+  required: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is required for form submission"
+  }
+}, o = {};
+export {
+  e as propsCheckbox,
+  o as propsCheckboxIndicator
+};

package/lib/__generated__/collapsible.props.js

@@ -0,0 +1,19 @@
+const o = {
+  disabled: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the form control is disabled"
+  },
+  open: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
+  }
+}, e = {}, t = {};
+export {
+  o as propsCollapsible,
+  t as propsCollapsibleContent,
+  e as propsCollapsibleTrigger
+};

package/lib/__generated__/dialog.props.js

@@ -0,0 +1,24 @@
+const o = {
+  open: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
+  }
+}, t = {}, e = {}, n = {}, s = {}, i = {
+  tag: {
+    required: !1,
+    control: "select",
+    type: "string",
+    options: ["h2", "h3", "h1", "h4", "h5", "h6"]
+  }
+}, p = {};
+export {
+  o as propsDialog,
+  s as propsDialogClose,
+  n as propsDialogContent,
+  p as propsDialogDescription,
+  e as propsDialogOverlay,
+  i as propsDialogTitle,
+  t as propsDialogTrigger
+};

package/lib/__generated__/label.props.js

@@ -0,0 +1,4 @@
+const o = {};
+export {
+  o as props
+};

package/lib/__generated__/navigation-menu.props.js

@@ -0,0 +1,48 @@
+const e = {
+  defaultValue: { required: !1, control: "text", type: "string" },
+  delayDuration: {
+    description: `The duration from when the pointer enters the trigger until the tooltip gets opened.
+@defaultValue 200`,
+    required: !1,
+    control: "number",
+    type: "number"
+  },
+  dir: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["ltr", "rtl"],
+    description: "The text directionality of the element"
+  },
+  skipDelayDuration: {
+    description: `How much time a user has to enter another trigger without incurring a delay again.
+@defaultValue 300`,
+    required: !1,
+    control: "number",
+    type: "number"
+  },
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, t = {}, r = {}, n = {}, o = {
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, i = {
+  active: { required: !1, control: "boolean", type: "boolean" }
+}, a = {};
+export {
+  e as propsNavigationMenu,
+  n as propsNavigationMenuContent,
+  o as propsNavigationMenuItem,
+  i as propsNavigationMenuLink,
+  t as propsNavigationMenuList,
+  a as propsNavigationMenuTrigger,
+  r as propsNavigationMenuViewport
+};

package/lib/__generated__/popover.props.js

@@ -0,0 +1,62 @@
+const e = {
+  open: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
+  }
+}, o = {}, t = {
+  align: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    defaultValue: "center",
+    options: ["center", "start", "end"]
+  },
+  alignOffset: {
+    required: !1,
+    control: "number",
+    type: "number",
+    description: "The offset in pixels from the “start“ or “end“ alignment options."
+  },
+  arrowPadding: { required: !1, control: "number", type: "number" },
+  avoidCollisions: { required: !1, control: "boolean", type: "boolean" },
+  hideWhenDetached: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    defaultValue: !0
+  },
+  side: {
+    required: !1,
+    control: "select",
+    type: "string",
+    options: ["top", "right", "bottom", "left"],
+    description: "The preferred alignment against the Trigger. May change when collisions occur."
+  },
+  sideOffset: {
+    required: !1,
+    control: "number",
+    type: "number",
+    defaultValue: 4,
+    description: "The distance in pixels between the Content and the Trigger."
+  },
+  sticky: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["partial", "always"]
+  },
+  updatePositionStrategy: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["always", "optimized"]
+  }
+}, r = {};
+export {
+  e as propsPopover,
+  r as propsPopoverClose,
+  t as propsPopoverContent,
+  o as propsPopoverTrigger
+};

package/lib/__generated__/radio-group.props.js

@@ -0,0 +1,70 @@
+const e = {
+  defaultValue: { required: !1, control: "text", type: "string" },
+  dir: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["ltr", "rtl"],
+    description: "The text directionality of the element"
+  },
+  disabled: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the form control is disabled"
+  },
+  loop: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether to loop the media resource"
+  },
+  name: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Name of the element to use for form submission and in the form.elements API"
+  },
+  orientation: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["horizontal", "vertical"]
+  },
+  required: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is required for form submission"
+  },
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, o = {
+  checked: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is checked"
+  },
+  required: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is required for form submission"
+  },
+  value: {
+    required: !0,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, r = {};
+export {
+  e as propsRadioGroup,
+  r as propsRadioGroupIndicator,
+  o as propsRadioGroupItem
+};

package/lib/__generated__/select.props.js

@@ -0,0 +1,114 @@
+const e = {
+  autoComplete: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Hint for form autofill feature"
+  },
+  defaultValue: { required: !1, control: "text", type: "string" },
+  dir: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["ltr", "rtl"],
+    description: "The text directionality of the element"
+  },
+  disabled: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the form control is disabled"
+  },
+  form: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Associates the element with a form element"
+  },
+  name: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Name of the element to use for form submission and in the form.elements API"
+  },
+  open: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the dialog box is showing"
+  },
+  required: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is required for form submission"
+  },
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, t = {}, o = {
+  placeholder: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "User-visible label to be placed within the form control"
+  }
+}, r = {
+  align: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["center", "start", "end"]
+  },
+  alignOffset: { required: !1, control: "number", type: "number" },
+  arrowPadding: { required: !1, control: "number", type: "number" },
+  avoidCollisions: { required: !1, control: "boolean", type: "boolean" },
+  hideWhenDetached: { required: !1, control: "boolean", type: "boolean" },
+  sideOffset: { required: !1, control: "number", type: "number" },
+  sticky: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["partial", "always"]
+  },
+  updatePositionStrategy: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["always", "optimized"]
+  }
+}, n = {
+  nonce: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Cryptographic nonce used in Content Security Policy checks [CSP]"
+  }
+}, i = {
+  disabled: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the form control is disabled"
+  },
+  textValue: { required: !1, control: "text", type: "string" },
+  value: {
+    required: !0,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, l = {}, s = {};
+export {
+  e as propsSelect,
+  r as propsSelectContent,
+  i as propsSelectItem,
+  l as propsSelectItemIndicator,
+  s as propsSelectItemText,
+  t as propsSelectTrigger,
+  o as propsSelectValue,
+  n as propsSelectViewport
+};

package/lib/__generated__/switch.props.js

@@ -0,0 +1,18 @@
+const e = {
+  checked: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is checked"
+  },
+  required: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether the control is required for form submission"
+  }
+}, o = {};
+export {
+  e as propsSwitch,
+  o as propsSwitchThumb
+};

package/lib/__generated__/tabs.props.js

@@ -0,0 +1,65 @@
+const e = {
+  activationMode: {
+    description: `Whether a tab is activated automatically or manually.
+@defaultValue automatic`,
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["automatic", "manual"]
+  },
+  defaultValue: {
+    description: "The value of the tab to select by default, if uncontrolled",
+    required: !1,
+    control: "text",
+    type: "string"
+  },
+  dir: {
+    description: "The direction of navigation between toolbar items.",
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["ltr", "rtl"]
+  },
+  orientation: {
+    description: `The orientation the tabs are layed out.
+Mainly so arrow navigation is done accordingly (left & right vs. up & down)
+@defaultValue horizontal`,
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["horizontal", "vertical"]
+  },
+  value: {
+    description: "The value for the selected tab, if controlled",
+    required: !1,
+    control: "text",
+    type: "string"
+  }
+}, t = {
+  loop: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Whether to loop the media resource"
+  }
+}, o = {
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+}, r = {
+  value: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Current value of the element"
+  }
+};
+export {
+  e as propsTabs,
+  r as propsTabsContent,
+  t as propsTabsList,
+  o as propsTabsTrigger
+};

package/lib/__generated__/tooltip.props.js

@@ -0,0 +1,78 @@
+const e = {
+  delayDuration: {
+    description: "The delay before the Tooltip shows after the Trigger is hovered, in milliseconds. If no value is specified, the default is 700ms",
+    required: !1,
+    control: "number",
+    type: "number"
+  },
+  disableHoverableContent: {
+    description: "When toggled, prevents the Tooltip content from showing when the Trigger is hovered.",
+    required: !1,
+    control: "boolean",
+    type: "boolean"
+  },
+  open: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
+  }
+}, o = {}, t = {
+  align: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["center", "start", "end"]
+  },
+  alignOffset: {
+    required: !1,
+    control: "number",
+    type: "number",
+    description: "The offset in pixels from the “start“ or “end“ alignment options."
+  },
+  "aria-label": {
+    description: "A more descriptive label for accessibility purpose",
+    required: !1,
+    control: "text",
+    type: "string"
+  },
+  arrowPadding: { required: !1, control: "number", type: "number" },
+  avoidCollisions: { required: !1, control: "boolean", type: "boolean" },
+  hideWhenDetached: {
+    required: !1,
+    control: "boolean",
+    type: "boolean",
+    defaultValue: !0
+  },
+  side: {
+    required: !1,
+    control: "select",
+    type: "string",
+    options: ["top", "right", "bottom", "left"],
+    description: "The preferred alignment against the Trigger. May change when collisions occur."
+  },
+  sideOffset: {
+    required: !1,
+    control: "number",
+    type: "number",
+    defaultValue: 4,
+    description: "The distance in pixels between the Content and the Trigger."
+  },
+  sticky: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["partial", "always"]
+  },
+  updatePositionStrategy: {
+    required: !1,
+    control: "radio",
+    type: "string",
+    options: ["always", "optimized"]
+  }
+};
+export {
+  e as propsTooltip,
+  t as propsTooltipContent,
+  o as propsTooltipTrigger
+};

package/lib/accordion.js

@@ -0,0 +1,49 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as m, useState as u, useEffect as f } from "react";
+import { Header as l, Trigger as g, Content as A, Root as p, Item as h } from "@radix-ui/react-accordion";
+import { getIndexWithinAncestorFromProps as P } from "@webstudio-is/sdk/runtime";
+import { getClosestInstance as a } from "@webstudio-is/react-sdk/runtime";
+const S = m(({ defaultValue: e, ...o }, n) => {
+  const t = o.value ?? e ?? "", [r, c] = u(t);
+  return f(() => c(t), [t]), /* @__PURE__ */ d(
+    p,
+    {
+      ...o,
+      ref: n,
+      type: "single",
+      value: r,
+      onValueChange: c
+    }
+  );
+}), $ = m(({ value: e, ...o }, n) => {
+  const t = P(o);
+  return /* @__PURE__ */ d(h, { ref: n, value: e ?? t ?? "", ...o });
+}), k = l, w = g, y = A, i = "@webstudio-is/sdk-components-react-radix", H = {
+  onNavigatorSelect: (e, o) => {
+    var n;
+    for (const t of o.instancePath)
+      if (t.component === `${i}:AccordionContent`) {
+        const r = a(
+          o.instancePath,
+          t,
+          `${i}:Accordion`
+        ), c = a(
+          o.instancePath,
+          t,
+          `${i}:AccordionItem`
+        );
+        if (r && c) {
+          const s = e.getPropValue(c, "value") ?? ((n = e.indexesWithinAncestors.get(c.id)) == null ? void 0 : n.toString());
+          s && e.setMemoryProp(r, "value", s);
+        }
+      }
+  }
+};
+export {
+  S as Accordion,
+  y as AccordionContent,
+  k as AccordionHeader,
+  $ as AccordionItem,
+  w as AccordionTrigger,
+  H as hooksAccordion
+};