@webstudio-is/sdk-components-react-radix 0.90.0 → 0.92.0

package/lib/props.js

@@ -1,120 +1,71 @@
-import {
-  propsMetaCollapsible,
-  propsMetaCollapsibleTrigger,
-  propsMetaCollapsibleContent
+"use strict";
+export {
+  propsMetaCollapsible as Collapsible,
+  propsMetaCollapsibleTrigger as CollapsibleTrigger,
+  propsMetaCollapsibleContent as CollapsibleContent
 } from "./collapsible.ws";
-import {
-  propsMetaDialog,
-  propsMetaDialogTrigger,
-  propsMetaDialogOverlay,
-  propsMetaDialogContent,
-  propsMetaDialogClose,
-  propsMetaDialogTitle,
-  propsMetaDialogDescription
+export {
+  propsMetaDialog as Dialog,
+  propsMetaDialogTrigger as DialogTrigger,
+  propsMetaDialogOverlay as DialogOverlay,
+  propsMetaDialogContent as DialogContent,
+  propsMetaDialogClose as DialogClose,
+  propsMetaDialogTitle as DialogTitle,
+  propsMetaDialogDescription as DialogDescription
 } from "./dialog.ws";
-import {
-  propsMetaPopover,
-  propsMetaPopoverTrigger,
-  propsMetaPopoverContent
+export {
+  propsMetaPopover as Popover,
+  propsMetaPopoverTrigger as PopoverTrigger,
+  propsMetaPopoverContent as PopoverContent
 } from "./popover.ws";
-import {
-  propsMetaTooltip,
-  propsMetaTooltipTrigger,
-  propsMetaTooltipContent
+export {
+  propsMetaTooltip as Tooltip,
+  propsMetaTooltipTrigger as TooltipTrigger,
+  propsMetaTooltipContent as TooltipContent
 } from "./tooltip.ws";
-import {
-  propsMetaTabs,
-  propsMetaTabsList,
-  propsMetaTabsTrigger,
-  propsMetaTabsContent
+export {
+  propsMetaTabs as Tabs,
+  propsMetaTabsList as TabsList,
+  propsMetaTabsTrigger as TabsTrigger,
+  propsMetaTabsContent as TabsContent
 } from "./tabs.ws";
-import { propsMeta } from "./label.ws";
-import {
-  propsMetaAccordion,
-  propsMetaAccordionItem,
-  propsMetaAccordionHeader,
-  propsMetaAccordionTrigger,
-  propsMetaAccordionContent
-} from "./accordion.ws";
-import {
-  propsMetaNavigationMenu,
-  propsMetaNavigationMenuList,
-  propsMetaNavigationMenuItem,
-  propsMetaNavigationMenuTrigger,
-  propsMetaNavigationMenuContent,
-  propsMetaNavigationMenuLink,
-  propsMetaNavigationMenuViewport
-} from "./navigation-menu.ws";
-import {
-  propsMetaSelect,
-  propsMetaSelectTrigger,
-  propsMetaSelectValue,
-  propsMetaSelectViewport,
-  propsMetaSelectContent,
-  propsMetaSelectItem,
-  propsMetaSelectItemIndicator,
-  propsMetaSelectItemText
-} from "./select.ws";
-import {
-  propsMetaSwitch,
-  propsMetaSwitchThumb
-} from "./switch.ws";
-import {
-  propsMetaCheckbox,
-  propsMetaCheckboxIndicator
-} from "./checkbox.ws";
-import {
-  propsMetaRadioGroup,
-  propsMetaRadioGroupItem,
-  propsMetaRadioGroupIndicator
-} from "./radio-group.ws";
+export { propsMeta as Label } from "./label.ws";
 export {
   propsMetaAccordion as Accordion,
-  propsMetaAccordionContent as AccordionContent,
-  propsMetaAccordionHeader as AccordionHeader,
   propsMetaAccordionItem as AccordionItem,
+  propsMetaAccordionHeader as AccordionHeader,
   propsMetaAccordionTrigger as AccordionTrigger,
-  propsMetaCheckbox as Checkbox,
-  propsMetaCheckboxIndicator as CheckboxIndicator,
-  propsMetaCollapsible as Collapsible,
-  propsMetaCollapsibleContent as CollapsibleContent,
-  propsMetaCollapsibleTrigger as CollapsibleTrigger,
-  propsMetaDialog as Dialog,
-  propsMetaDialogClose as DialogClose,
-  propsMetaDialogContent as DialogContent,
-  propsMetaDialogDescription as DialogDescription,
-  propsMetaDialogOverlay as DialogOverlay,
-  propsMetaDialogTitle as DialogTitle,
-  propsMetaDialogTrigger as DialogTrigger,
-  propsMeta as Label,
+  propsMetaAccordionContent as AccordionContent
+} from "./accordion.ws";
+export {
   propsMetaNavigationMenu as NavigationMenu,
-  propsMetaNavigationMenuContent as NavigationMenuContent,
-  propsMetaNavigationMenuItem as NavigationMenuItem,
-  propsMetaNavigationMenuLink as NavigationMenuLink,
   propsMetaNavigationMenuList as NavigationMenuList,
+  propsMetaNavigationMenuItem as NavigationMenuItem,
   propsMetaNavigationMenuTrigger as NavigationMenuTrigger,
-  propsMetaNavigationMenuViewport as NavigationMenuViewport,
-  propsMetaPopover as Popover,
-  propsMetaPopoverContent as PopoverContent,
-  propsMetaPopoverTrigger as PopoverTrigger,
-  propsMetaRadioGroup as RadioGroup,
-  propsMetaRadioGroupIndicator as RadioGroupIndicator,
-  propsMetaRadioGroupItem as RadioGroupItem,
+  propsMetaNavigationMenuContent as NavigationMenuContent,
+  propsMetaNavigationMenuLink as NavigationMenuLink,
+  propsMetaNavigationMenuViewport as NavigationMenuViewport
+} from "./navigation-menu.ws";
+export {
   propsMetaSelect as Select,
-  propsMetaSelectContent as SelectContent,
-  propsMetaSelectItem as SelectItem,
-  propsMetaSelectItemIndicator as SelectItemIndicator,
-  propsMetaSelectItemText as SelectItemText,
   propsMetaSelectTrigger as SelectTrigger,
   propsMetaSelectValue as SelectValue,
   propsMetaSelectViewport as SelectViewport,
+  propsMetaSelectContent as SelectContent,
+  propsMetaSelectItem as SelectItem,
+  propsMetaSelectItemIndicator as SelectItemIndicator,
+  propsMetaSelectItemText as SelectItemText
+} from "./select.ws";
+export {
   propsMetaSwitch as Switch,
-  propsMetaSwitchThumb as SwitchThumb,
-  propsMetaTabs as Tabs,
-  propsMetaTabsContent as TabsContent,
-  propsMetaTabsList as TabsList,
-  propsMetaTabsTrigger as TabsTrigger,
-  propsMetaTooltip as Tooltip,
-  propsMetaTooltipContent as TooltipContent,
-  propsMetaTooltipTrigger as TooltipTrigger
-};
+  propsMetaSwitchThumb as SwitchThumb
+} from "./switch.ws";
+export {
+  propsMetaCheckbox as Checkbox,
+  propsMetaCheckboxIndicator as CheckboxIndicator
+} from "./checkbox.ws";
+export {
+  propsMetaRadioGroup as RadioGroup,
+  propsMetaRadioGroupItem as RadioGroupItem,
+  propsMetaRadioGroupIndicator as RadioGroupIndicator
+} from "./radio-group.ws";

package/lib/radio-group.js

@@ -1,11 +1,7 @@
+"use strict";
 import {
 } from "react";
 import { Root, Item, Indicator } from "@radix-ui/react-radio-group";
-const RadioGroup = Root;
-const RadioGroupItem = Item;
-const RadioGroupIndicator = Indicator;
-export {
-  RadioGroup,
-  RadioGroupIndicator,
-  RadioGroupItem
-};
+export const RadioGroup = Root;
+export const RadioGroupItem = Item;
+export const RadioGroupIndicator = Indicator;

package/lib/radio-group.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+import { renderComponentTemplate } from "@webstudio-is/react-sdk";
+import * as baseComponents from "@webstudio-is/sdk-components-react";
+import * as baseMetas from "@webstudio-is/sdk-components-react/metas";
+import * as radixComponents from "./components";
+import * as radixMetas from "./metas";
+import { RadioGroup as RadioGroupPrimitive } from "./radio-group";
+export default {
+  title: "Components/RadioGroup",
+  component: RadioGroupPrimitive
+};
+export const RadioGroup = {
+  render: (props) => renderComponentTemplate({
+    name: "RadioGroup",
+    props: { ...props },
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
+};

package/lib/radio-group.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import {
   ItemIcon,
   RadioCheckedIcon,
@@ -75,7 +76,7 @@ const createRadioGroupItem = ({
     }
   ]
 });
-const metaRadioGroup = {
+export const metaRadioGroup = {
   category: "radix",
   order: 100,
   type: "container",
@@ -132,7 +133,7 @@ const metaRadioGroup = {
     }
   ]
 };
-const metaRadioGroupItem = {
+export const metaRadioGroupItem = {
   category: "hidden",
   type: "container",
   requiredAncestors: ["RadioGroup"],
@@ -142,7 +143,7 @@ const metaRadioGroupItem = {
     button: [button, buttonReset].flat()
   }
 };
-const metaRadioGroupIndicator = {
+export const metaRadioGroupIndicator = {
   category: "hidden",
   type: "container",
   detachable: false,
@@ -152,22 +153,14 @@ const metaRadioGroupIndicator = {
     span
   }
 };
-const propsMetaRadioGroup = {
+export const propsMetaRadioGroup = {
   props: propsRadioGroup,
   initialProps: ["id", "value", "name", "required"]
 };
-const propsMetaRadioGroupItem = {
+export const propsMetaRadioGroupItem = {
   props: propsRadioGroupItem,
   initialProps: ["value"]
 };
-const propsMetaRadioGroupIndicator = {
+export const propsMetaRadioGroupIndicator = {
   props: propsRadioGroupIndicator
 };
-export {
-  metaRadioGroup,
-  metaRadioGroupIndicator,
-  metaRadioGroupItem,
-  propsMetaRadioGroup,
-  propsMetaRadioGroupIndicator,
-  propsMetaRadioGroupItem
-};

package/lib/select.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef
@@ -14,25 +15,25 @@ import {
   Viewport
 } from "@radix-ui/react-select";
 import { getClosestInstance } from "@webstudio-is/react-sdk";
-const Select = forwardRef(({ value, ...props }, _ref) => {
+export const Select = forwardRef(({ value, ...props }, _ref) => {
   if (value === "") {
     value = void 0;
   }
   return /* @__PURE__ */ jsx(Root, { value, ...props });
 });
-const SelectTrigger = Trigger;
-const SelectValue = forwardRef((props, ref) => {
+export const SelectTrigger = Trigger;
+export const SelectValue = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(Value, { ref, ...props });
 });
-const SelectContent = forwardRef((props, ref) => {
+export const SelectContent = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, { ref, ...props, position: "popper" }) });
 });
-const SelectViewport = Viewport;
-const SelectItem = Item;
-const SelectItemIndicator = ItemIndicator;
-const SelectItemText = ItemText;
+export const SelectViewport = Viewport;
+export const SelectItem = Item;
+export const SelectItemIndicator = ItemIndicator;
+export const SelectItemText = ItemText;
 const namespace = "@webstudio-is/sdk-components-react-radix";
-const hooksSelect = {
+export const hooksSelect = {
   onNavigatorUnselect: (context, event) => {
     for (const instance of event.instancePath) {
       if (instance.component === `${namespace}:SelectContent`) {
@@ -62,14 +63,3 @@ const hooksSelect = {
     }
   }
 };
-export {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectItemIndicator,
-  SelectItemText,
-  SelectTrigger,
-  SelectValue,
-  SelectViewport,
-  hooksSelect
-};

package/{src/select.stories.tsx → lib/select.stories.js}

@@ -1,21 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/react";
+"use strict";
 import { renderComponentTemplate } from "@webstudio-is/react-sdk";
 import { Select as SelectPrimitive } from "./select";
 import * as baseComponents from "@webstudio-is/sdk-components-react";
 import * as baseMetas from "@webstudio-is/sdk-components-react/metas";
 import * as radixComponents from "./components";
 import * as radixMetas from "./metas";
-
 export default {
   title: "Components/Select",
-  component: SelectPrimitive,
-} satisfies Meta<typeof SelectPrimitive>;
-
-export const Select: StoryObj<typeof SelectPrimitive> = {
-  render: () =>
-    renderComponentTemplate({
-      name: "Select",
-      components: { ...baseComponents, ...radixComponents },
-      metas: { ...baseMetas, ...radixMetas },
-    }),
+  component: SelectPrimitive
+};
+export const Select = {
+  render: () => renderComponentTemplate({
+    name: "Select",
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
 };

package/lib/select.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import {
   SelectIcon,
   TriggerIcon,
@@ -89,7 +90,7 @@ const createSelectItem = ({
     }
   ]
 });
-const metaSelect = {
+export const metaSelect = {
   category: "radix",
   order: 10,
   type: "container",
@@ -229,7 +230,7 @@ const metaSelect = {
     }
   ]
 };
-const metaSelectTrigger = {
+export const metaSelectTrigger = {
   category: "hidden",
   type: "container",
   icon: TriggerIcon,
@@ -238,7 +239,7 @@ const metaSelectTrigger = {
     button
   }
 };
-const metaSelectValue = {
+export const metaSelectValue = {
   category: "hidden",
   type: "container",
   label: "Value",
@@ -248,28 +249,28 @@ const metaSelectValue = {
     span
   }
 };
-const metaSelectContent = {
+export const metaSelectContent = {
   category: "hidden",
   type: "container",
   icon: ContentIcon,
   detachable: false,
   presetStyle
 };
-const metaSelectViewport = {
+export const metaSelectViewport = {
   category: "hidden",
   type: "container",
   icon: ViewportIcon,
   detachable: false,
   presetStyle
 };
-const metaSelectItem = {
+export const metaSelectItem = {
   category: "hidden",
   type: "container",
   icon: ItemIcon,
   requiredAncestors: ["SelectViewport"],
   presetStyle
 };
-const metaSelectItemIndicator = {
+export const metaSelectItemIndicator = {
   category: "hidden",
   type: "container",
   label: "Indicator",
@@ -280,7 +281,7 @@ const metaSelectItemIndicator = {
     span
   }
 };
-const metaSelectItemText = {
+export const metaSelectItemText = {
   category: "hidden",
   type: "container",
   label: "Item Text",
@@ -291,48 +292,30 @@ const metaSelectItemText = {
     span
   }
 };
-const propsMetaSelect = {
+export const propsMetaSelect = {
   props: propsSelect,
   initialProps: ["value", "open", "name", "required"]
 };
-const propsMetaSelectTrigger = {
+export const propsMetaSelectTrigger = {
   props: propsSelectTrigger
 };
-const propsMetaSelectValue = {
+export const propsMetaSelectValue = {
   props: propsSelectValue,
   initialProps: ["placeholder"]
 };
-const propsMetaSelectContent = {
+export const propsMetaSelectContent = {
   props: propsSelectContent
 };
-const propsMetaSelectViewport = {
+export const propsMetaSelectViewport = {
   props: propsSelectViewport
 };
-const propsMetaSelectItem = {
+export const propsMetaSelectItem = {
   props: propsSelectItem,
   initialProps: ["value"]
 };
-const propsMetaSelectItemIndicator = {
+export const propsMetaSelectItemIndicator = {
   props: propsSelectItemIndicator
 };
-const propsMetaSelectItemText = {
+export const propsMetaSelectItemText = {
   props: propsSelectItemText
 };
-export {
-  metaSelect,
-  metaSelectContent,
-  metaSelectItem,
-  metaSelectItemIndicator,
-  metaSelectItemText,
-  metaSelectTrigger,
-  metaSelectValue,
-  metaSelectViewport,
-  propsMetaSelect,
-  propsMetaSelectContent,
-  propsMetaSelectItem,
-  propsMetaSelectItemIndicator,
-  propsMetaSelectItemText,
-  propsMetaSelectTrigger,
-  propsMetaSelectValue,
-  propsMetaSelectViewport
-};

package/lib/sheet.js

@@ -1,16 +1,17 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef
 } from "react";
 import { getClosestInstance } from "@webstudio-is/react-sdk";
 import * as Dialog from "./dialog";
-const Sheet = Dialog.Dialog;
-const SheetTrigger = Dialog.DialogTrigger;
-const SheetOverlay = Dialog.DialogOverlay;
-const SheetClose = Dialog.DialogClose;
-const SheetTitle = Dialog.DialogTitle;
-const SheetDescription = Dialog.DialogDescription;
-const SheetContent = forwardRef(
+export const Sheet = Dialog.Dialog;
+export const SheetTrigger = Dialog.DialogTrigger;
+export const SheetOverlay = Dialog.DialogOverlay;
+export const SheetClose = Dialog.DialogClose;
+export const SheetTitle = Dialog.DialogTitle;
+export const SheetDescription = Dialog.DialogDescription;
+export const SheetContent = forwardRef(
   ({ tag = "nav", side = "left", role = "navigation", children, ...props }, ref) => {
     const Tag = tag;
     return /* @__PURE__ */ jsx(
@@ -26,7 +27,7 @@ const SheetContent = forwardRef(
   }
 );
 const namespace = "@webstudio-is/sdk-components-react-radix";
-const hooksSheet = {
+export const hooksSheet = {
   onNavigatorUnselect: (context, event) => {
     for (const instance of event.instancePath) {
       if (instance.component === `${namespace}:SheetOverlay`) {
@@ -56,13 +57,3 @@ const hooksSheet = {
     }
   }
 };
-export {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetOverlay,
-  SheetTitle,
-  SheetTrigger,
-  hooksSheet
-};

package/{src/sheet.stories.tsx → lib/sheet.stories.js}

@@ -1,21 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/react";
+"use strict";
 import { renderComponentTemplate } from "@webstudio-is/react-sdk";
 import { Sheet as SheetPrimitive } from "./sheet";
 import * as baseComponents from "@webstudio-is/sdk-components-react";
 import * as baseMetas from "@webstudio-is/sdk-components-react/metas";
 import * as radixComponents from "./components";
 import * as radixMetas from "./metas";
-
 export default {
   title: "Components/Sheet",
-  component: SheetPrimitive,
-} satisfies Meta<typeof SheetPrimitive>;
-
-export const Sheet: StoryObj<typeof SheetPrimitive> = {
-  render: () =>
-    renderComponentTemplate({
-      name: "Sheet",
-      components: { ...baseComponents, ...radixComponents },
-      metas: { ...baseMetas, ...radixMetas },
-    }),
+  component: SheetPrimitive
+};
+export const Sheet = {
+  render: () => renderComponentTemplate({
+    name: "Sheet",
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
 };

package/lib/sheet.ws.js

@@ -1,7 +1,8 @@
+"use strict";
 import { HamburgerMenuIcon, LargeXIcon } from "@webstudio-is/icons/svg";
 import * as tc from "./theme/tailwind-classes";
 import { getButtonStyles } from "./theme/styles";
-const meta = {
+export const meta = {
   category: "radix",
   order: 1,
   type: "container",
@@ -222,6 +223,3 @@ const meta = {
     }
   ]
 };
-export {
-  meta
-};

package/lib/switch.js

@@ -1,7 +1,4 @@
+"use strict";
 import { Root, Thumb } from "@radix-ui/react-switch";
-const Switch = Root;
-const SwitchThumb = Thumb;
-export {
-  Switch,
-  SwitchThumb
-};
+export const Switch = Root;
+export const SwitchThumb = Thumb;

package/lib/switch.stories.js

@@ -0,0 +1,19 @@
+"use strict";
+import { renderComponentTemplate } from "@webstudio-is/react-sdk";
+import * as baseComponents from "@webstudio-is/sdk-components-react";
+import * as baseMetas from "@webstudio-is/sdk-components-react/metas";
+import * as radixComponents from "./components";
+import * as radixMetas from "./metas";
+import { Switch as SwitchPrimitive } from "./switch";
+export default {
+  title: "Components/Switch",
+  component: SwitchPrimitive
+};
+export const Switch = {
+  render: (props) => renderComponentTemplate({
+    name: "Switch",
+    props: { ...props },
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
+};

package/lib/switch.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { SwitchIcon, TriggerIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -6,7 +7,7 @@ import { button, span } from "@webstudio-is/react-sdk/css-normalize";
 import * as tc from "./theme/tailwind-classes";
 import { buttonReset } from "./theme/styles";
 import { propsSwitch, propsSwitchThumb } from "./__generated__/switch.props";
-const metaSwitch = {
+export const metaSwitch = {
   category: "radix",
   order: 11,
   type: "container",
@@ -108,7 +109,7 @@ const metaSwitch = {
     }
   ]
 };
-const metaSwitchThumb = {
+export const metaSwitchThumb = {
   category: "hidden",
   type: "container",
   detachable: false,
@@ -130,16 +131,10 @@ const metaSwitchThumb = {
     span
   }
 };
-const propsMetaSwitch = {
+export const propsMetaSwitch = {
   props: propsSwitch,
   initialProps: ["id", "checked", "name", "required"]
 };
-const propsMetaSwitchThumb = {
+export const propsMetaSwitchThumb = {
   props: propsSwitchThumb
 };
-export {
-  metaSwitch,
-  metaSwitchThumb,
-  propsMetaSwitch,
-  propsMetaSwitchThumb
-};