@webstudio-is/sdk-components-react-radix 0.94.0 → 0.96.0

package/lib/components.js

@@ -1,48 +1,291 @@
-"use strict";
+// src/collapsible.tsx
+import {
+  forwardRef,
+  Children
+} from "react";
+import { Root, Trigger, Content } from "@radix-ui/react-collapsible";
+import { getClosestInstance } from "@webstudio-is/react-sdk";
+import { jsx } from "react/jsx-runtime";
+var Collapsible = Root;
+var CollapsibleTrigger = forwardRef(({ children, ...props }, ref) => {
+  const firstChild = Children.toArray(children)[0];
+  return /* @__PURE__ */ jsx(Trigger, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx("button", { children: "Add button" }) });
+});
+var CollapsibleContent = Content;
+
+// src/dialog.tsx
+import {
+  forwardRef as forwardRef2,
+  Children as Children2
+} from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { getClosestInstance as getClosestInstance2 } from "@webstudio-is/react-sdk";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Dialog = forwardRef2((props, _ref) => {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Root, { ...props });
+});
+var DialogTrigger = forwardRef2(({ children, ...props }, ref) => {
+  const firstChild = Children2.toArray(children)[0];
+  return /* @__PURE__ */ jsx2(DialogPrimitive.Trigger, { ref, asChild: true, ...props, children: firstChild ?? /* @__PURE__ */ jsx2("button", { children: "Add button or link" }) });
+});
+var DialogOverlay = forwardRef2((props, ref) => {
+  return /* @__PURE__ */ jsx2(DialogPrimitive.DialogPortal, { children: /* @__PURE__ */ jsx2(DialogPrimitive.Overlay, { ref, ...props }) });
+});
+var DialogContent = DialogPrimitive.Content;
+var DialogClose = DialogPrimitive.Close;
+var DialogTitle = DialogPrimitive.Title;
+var DialogDescription = DialogPrimitive.Description;
+
+// src/popover.tsx
+import {
+  forwardRef as forwardRef3,
+  Children as Children3
+} from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { getClosestInstance as getClosestInstance3 } from "@webstudio-is/react-sdk";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Popover = forwardRef3((props, _ref) => {
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, { ...props });
+});
+var PopoverTrigger = forwardRef3(({ children, ...props }, ref) => {
+  const firstChild = Children3.toArray(children)[0];
+  return /* @__PURE__ */ jsx3(PopoverPrimitive.Trigger, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx3("button", { children: "Add button or link" }) });
+});
+var PopoverContent = forwardRef3(
+  ({ sideOffset = 4, align = "center", hideWhenDetached = true, ...props }, ref) => /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align: "center",
+      sideOffset,
+      hideWhenDetached,
+      ...props
+    }
+  ) })
+);
+
+// src/tooltip.tsx
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { getClosestInstance as getClosestInstance4 } from "@webstudio-is/react-sdk";
+import {
+  forwardRef as forwardRef4,
+  Children as Children4
+} from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Tooltip = forwardRef4((props, _ref) => {
+  return /* @__PURE__ */ jsx4(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsx4(TooltipPrimitive.Root, { ...props }) });
+});
+var TooltipTrigger = forwardRef4(({ children, ...props }, ref) => {
+  const firstChild = Children4.toArray(children)[0];
+  return /* @__PURE__ */ jsx4(TooltipPrimitive.Trigger, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx4("button", { children: "Add button or link" }) });
+});
+var TooltipContent = forwardRef4(({ sideOffset = 4, hideWhenDetached = true, ...props }, ref) => /* @__PURE__ */ jsx4(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    hideWhenDetached,
+    sideOffset,
+    ...props
+  }
+) }));
+
+// src/tabs.tsx
+import {
+  forwardRef as forwardRef5
+} from "react";
+import { Root as Root5, List, Trigger as Trigger5, Content as Content5 } from "@radix-ui/react-tabs";
+import {
+  getClosestInstance as getClosestInstance5,
+  getIndexWithinAncestorFromComponentProps
+} from "@webstudio-is/react-sdk";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Tabs = Root5;
+var TabsList = List;
+var TabsTrigger = forwardRef5(({ value, ...props }, ref) => {
+  const index = getIndexWithinAncestorFromComponentProps(props);
+  return /* @__PURE__ */ jsx5(Trigger5, { ref, value: value ?? index, ...props });
+});
+var TabsContent = forwardRef5(({ value, ...props }, ref) => {
+  const index = getIndexWithinAncestorFromComponentProps(props);
+  return /* @__PURE__ */ jsx5(Content5, { ref, value: value ?? index, ...props });
+});
+
+// src/label.tsx
+import {
+  forwardRef as forwardRef6
+} from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Label = forwardRef6((props, ref) => /* @__PURE__ */ jsx6(LabelPrimitive.Root, { ref, ...props }));
+
+// src/accordion.tsx
+import {
+  forwardRef as forwardRef7
+} from "react";
+import {
+  Root as Root7,
+  Item,
+  Header,
+  Trigger as Trigger6,
+  Content as Content6
+} from "@radix-ui/react-accordion";
+import {
+  getClosestInstance as getClosestInstance6,
+  getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps2
+} from "@webstudio-is/react-sdk";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Accordion = forwardRef7((props, ref) => {
+  return /* @__PURE__ */ jsx7(Root7, { ref, type: "single", ...props });
+});
+var AccordionItem = forwardRef7(({ value, ...props }, ref) => {
+  const index = getIndexWithinAncestorFromComponentProps2(props);
+  return /* @__PURE__ */ jsx7(Item, { ref, value: value ?? index, ...props });
+});
+var AccordionHeader = Header;
+var AccordionTrigger = Trigger6;
+var AccordionContent = Content6;
+
+// src/navigation-menu.tsx
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import {
+  getClosestInstance as getClosestInstance7,
+  getIndexWithinAncestorFromComponentProps as getIndexWithinAncestorFromComponentProps3,
+  ReactSdkContext
+} from "@webstudio-is/react-sdk";
+import {
+  Children as Children5,
+  forwardRef as forwardRef8,
+  useContext
+} from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var NavigationMenu = forwardRef8(({ value: propsValue, ...props }, ref) => {
+  const { renderer } = useContext(ReactSdkContext);
+  let value = propsValue;
+  if (renderer === "canvas") {
+    value = value === "" ? "-1" : value;
+  }
+  return /* @__PURE__ */ jsx8(NavigationMenuPrimitive.Root, { ref, value, ...props });
+});
+var NavigationMenuList = NavigationMenuPrimitive.List;
+var NavigationMenuViewport = NavigationMenuPrimitive.Viewport;
+var NavigationMenuContent = NavigationMenuPrimitive.Content;
+var NavigationMenuItem = forwardRef8(({ value, ...props }, ref) => {
+  const index = getIndexWithinAncestorFromComponentProps3(props);
+  return /* @__PURE__ */ jsx8(NavigationMenuPrimitive.Item, { ref, value: value ?? index, ...props });
+});
+var NavigationMenuLink = forwardRef8(({ children, ...props }, ref) => {
+  const firstChild = Children5.toArray(children)[0];
+  return /* @__PURE__ */ jsx8(NavigationMenuPrimitive.Link, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx8("a", { children: "Add link component" }) });
+});
+var NavigationMenuTrigger = forwardRef8(({ children, ...props }, ref) => {
+  const firstChild = Children5.toArray(children)[0];
+  return /* @__PURE__ */ jsx8(NavigationMenuPrimitive.Trigger, { asChild: true, ref, ...props, children: firstChild ?? /* @__PURE__ */ jsx8("button", { children: "Add button or link" }) });
+});
+
+// src/select.tsx
+import {
+  forwardRef as forwardRef9
+} from "react";
+import {
+  Root as Root9,
+  Value,
+  Trigger as Trigger8,
+  Content as Content8,
+  Item as Item3,
+  ItemIndicator,
+  ItemText,
+  Portal as Portal3,
+  Viewport as Viewport2
+} from "@radix-ui/react-select";
+import { getClosestInstance as getClosestInstance8 } from "@webstudio-is/react-sdk";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Select = forwardRef9(({ value, ...props }, _ref) => {
+  if (value === "") {
+    value = void 0;
+  }
+  return /* @__PURE__ */ jsx9(Root9, { value, ...props });
+});
+var SelectTrigger = Trigger8;
+var SelectValue = forwardRef9((props, ref) => {
+  return /* @__PURE__ */ jsx9(Value, { ref, ...props });
+});
+var SelectContent = forwardRef9((props, ref) => {
+  return /* @__PURE__ */ jsx9(Portal3, { children: /* @__PURE__ */ jsx9(Content8, { ref, ...props, position: "popper" }) });
+});
+var SelectViewport = Viewport2;
+var SelectItem = Item3;
+var SelectItemIndicator = ItemIndicator;
+var SelectItemText = ItemText;
+
+// src/switch.tsx
+import { Root as Root10, Thumb } from "@radix-ui/react-switch";
+var Switch = Root10;
+var SwitchThumb = Thumb;
+
+// src/checkbox.tsx
+import {
+  forwardRef as forwardRef10
+} from "react";
+import { Root as Root11, Indicator } from "@radix-ui/react-checkbox";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Checkbox = forwardRef10((props, ref) => {
+  return /* @__PURE__ */ jsx10(Root11, { ref, ...props });
+});
+var CheckboxIndicator = Indicator;
+
+// src/radio-group.tsx
+import "react";
+import { Root as Root12, Item as Item4, Indicator as Indicator2 } from "@radix-ui/react-radio-group";
+var RadioGroup = Root12;
+var RadioGroupItem = Item4;
+var RadioGroupIndicator = Indicator2;
 export {
+  Accordion,
+  AccordionContent,
+  AccordionHeader,
+  AccordionItem,
+  AccordionTrigger,
+  Checkbox,
+  CheckboxIndicator,
   Collapsible,
+  CollapsibleContent,
   CollapsibleTrigger,
-  CollapsibleContent
-} from "./collapsible";
-export {
   Dialog,
-  DialogTrigger,
-  DialogOverlay,
-  DialogContent,
   DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
   DialogTitle,
-  DialogDescription
-} from "./dialog";
-export { Popover, PopoverTrigger, PopoverContent } from "./popover";
-export { Tooltip, TooltipTrigger, TooltipContent } from "./tooltip";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs";
-export { Label } from "./label";
-export {
-  Accordion,
-  AccordionItem,
-  AccordionHeader,
-  AccordionTrigger,
-  AccordionContent
-} from "./accordion";
-export {
+  DialogTrigger,
+  Label,
   NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuTrigger,
   NavigationMenuContent,
+  NavigationMenuItem,
   NavigationMenuLink,
-  NavigationMenuViewport
-} from "./navigation-menu";
-export {
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  RadioGroup,
+  RadioGroupIndicator,
+  RadioGroupItem,
   Select,
-  SelectTrigger,
-  SelectValue,
-  SelectViewport,
   SelectContent,
   SelectItem,
   SelectItemIndicator,
-  SelectItemText
-} from "./select";
-export { Switch, SwitchThumb } from "./switch";
-export { Checkbox, CheckboxIndicator } from "./checkbox";
-export { RadioGroup, RadioGroupItem, RadioGroupIndicator } from "./radio-group";
+  SelectItemText,
+  SelectTrigger,
+  SelectValue,
+  SelectViewport,
+  Switch,
+  SwitchThumb,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+};