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

package/lib/__generated__/accordion.props.js

@@ -1,4 +1,5 @@
-const propsAccordion = {
+"use strict";
+export const propsAccordion = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -525,7 +526,7 @@ const propsAccordion = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsAccordionItem = {
+export const propsAccordionItem = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1043,7 +1044,7 @@ const propsAccordionItem = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsAccordionHeader = {
+export const propsAccordionHeader = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1549,7 +1550,7 @@ const propsAccordionHeader = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsAccordionTrigger = {
+export const propsAccordionTrigger = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2110,7 +2111,7 @@ const propsAccordionTrigger = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsAccordionContent = {
+export const propsAccordionContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2616,10 +2617,3 @@ const propsAccordionContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsAccordion,
-  propsAccordionContent,
-  propsAccordionHeader,
-  propsAccordionItem,
-  propsAccordionTrigger
-};

package/lib/__generated__/checkbox.props.js

@@ -1,4 +1,5 @@
-const propsCheckbox = {
+"use strict";
+export const propsCheckbox = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -571,7 +572,7 @@ const propsCheckbox = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsCheckboxIndicator = {
+export const propsCheckboxIndicator = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1077,7 +1078,3 @@ const propsCheckboxIndicator = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsCheckbox,
-  propsCheckboxIndicator
-};

package/lib/__generated__/collapsible.props.js

@@ -1,4 +1,5 @@
-const propsCollapsible = {
+"use strict";
+export const propsCollapsible = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -516,8 +517,8 @@ const propsCollapsible = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsCollapsibleTrigger = {};
-const propsCollapsibleContent = {
+export const propsCollapsibleTrigger = {};
+export const propsCollapsibleContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1023,8 +1024,3 @@ const propsCollapsibleContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsCollapsible,
-  propsCollapsibleContent,
-  propsCollapsibleTrigger
-};

package/lib/__generated__/dialog.props.js

@@ -1,4 +1,5 @@
-const propsDialog = {
+"use strict";
+export const propsDialog = {
   open: {
     required: false,
     control: "boolean",
@@ -6,8 +7,8 @@ const propsDialog = {
     description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
   }
 };
-const propsDialogTrigger = {};
-const propsDialogOverlay = {
+export const propsDialogTrigger = {};
+export const propsDialogOverlay = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -513,7 +514,7 @@ const propsDialogOverlay = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsDialogContent = {
+export const propsDialogContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1019,7 +1020,7 @@ const propsDialogContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsDialogClose = {
+export const propsDialogClose = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1580,7 +1581,7 @@ const propsDialogClose = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsDialogTitle = {
+export const propsDialogTitle = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2086,7 +2087,7 @@ const propsDialogTitle = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsDialogDescription = {
+export const propsDialogDescription = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2592,12 +2593,3 @@ const propsDialogDescription = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsDialog,
-  propsDialogClose,
-  propsDialogContent,
-  propsDialogDescription,
-  propsDialogOverlay,
-  propsDialogTitle,
-  propsDialogTrigger
-};

package/lib/__generated__/label.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -516,6 +517,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

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

@@ -1,4 +1,5 @@
-const propsNavigationMenu = {
+"use strict";
+export const propsNavigationMenu = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -516,7 +517,7 @@ const propsNavigationMenu = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsNavigationMenuList = {
+export const propsNavigationMenuList = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1022,7 +1023,7 @@ const propsNavigationMenuList = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsNavigationMenuViewport = {
+export const propsNavigationMenuViewport = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1528,7 +1529,7 @@ const propsNavigationMenuViewport = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsNavigationMenuContent = {
+export const propsNavigationMenuContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2040,7 +2041,7 @@ const propsNavigationMenuContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsNavigationMenuItem = {
+export const propsNavigationMenuItem = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2552,14 +2553,5 @@ const propsNavigationMenuItem = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsNavigationMenuLink = {};
-const propsNavigationMenuTrigger = {};
-export {
-  propsNavigationMenu,
-  propsNavigationMenuContent,
-  propsNavigationMenuItem,
-  propsNavigationMenuLink,
-  propsNavigationMenuList,
-  propsNavigationMenuTrigger,
-  propsNavigationMenuViewport
-};
+export const propsNavigationMenuLink = {};
+export const propsNavigationMenuTrigger = {};

package/lib/__generated__/popover.props.js

@@ -1,4 +1,5 @@
-const propsPopover = {
+"use strict";
+export const propsPopover = {
   open: {
     required: false,
     control: "boolean",
@@ -6,8 +7,8 @@ const propsPopover = {
     description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
   }
 };
-const propsPopoverTrigger = {};
-const propsPopoverContent = {
+export const propsPopoverTrigger = {};
+export const propsPopoverContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -555,8 +556,3 @@ const propsPopoverContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsPopover,
-  propsPopoverContent,
-  propsPopoverTrigger
-};

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

@@ -1,4 +1,5 @@
-const propsRadioGroup = {
+"use strict";
+export const propsRadioGroup = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -541,7 +542,7 @@ const propsRadioGroup = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsRadioGroupItem = {
+export const propsRadioGroupItem = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1114,7 +1115,7 @@ const propsRadioGroupItem = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsRadioGroupIndicator = {
+export const propsRadioGroupIndicator = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1620,8 +1621,3 @@ const propsRadioGroupIndicator = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsRadioGroup,
-  propsRadioGroupIndicator,
-  propsRadioGroupItem
-};

package/lib/__generated__/select.props.js

@@ -1,4 +1,5 @@
-const propsSelect = {
+"use strict";
+export const propsSelect = {
   autoComplete: {
     required: false,
     control: "text",
@@ -43,7 +44,7 @@ const propsSelect = {
     description: "Defines a default value which will be displayed in the element on pageload."
   }
 };
-const propsSelectTrigger = {
+export const propsSelectTrigger = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -604,7 +605,7 @@ const propsSelectTrigger = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectValue = {
+export const propsSelectValue = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1035,7 +1036,12 @@ const propsSelectValue = {
     description: "Defines the language used in the element."
   },
   nonce: { required: false, control: "text", type: "string" },
-  placeholder: { required: false, control: "text", type: "string" },
+  placeholder: {
+    required: false,
+    control: "text",
+    type: "string",
+    description: "Provides a hint to the user of what can be entered in the field."
+  },
   prefix: { required: false, control: "text", type: "string" },
   property: { required: false, control: "text", type: "string" },
   radioGroup: { required: false, control: "text", type: "string" },
@@ -1105,7 +1111,7 @@ const propsSelectValue = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectContent = {
+export const propsSelectContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1629,7 +1635,7 @@ const propsSelectContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectViewport = {
+export const propsSelectViewport = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2135,7 +2141,7 @@ const propsSelectViewport = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectItem = {
+export const propsSelectItem = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2654,7 +2660,7 @@ const propsSelectItem = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectItemIndicator = {
+export const propsSelectItemIndicator = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -3160,7 +3166,7 @@ const propsSelectItemIndicator = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSelectItemText = {
+export const propsSelectItemText = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -3666,13 +3672,3 @@ const propsSelectItemText = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsSelect,
-  propsSelectContent,
-  propsSelectItem,
-  propsSelectItemIndicator,
-  propsSelectItemText,
-  propsSelectTrigger,
-  propsSelectValue,
-  propsSelectViewport
-};

package/lib/__generated__/sheet.props.js

@@ -1,4 +1,5 @@
-const propsSheet = {
+"use strict";
+export const propsSheet = {
   open: {
     required: false,
     control: "boolean",
@@ -6,8 +7,8 @@ const propsSheet = {
     description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
   }
 };
-const propsSheetTrigger = {};
-const propsSheetOverlay = {
+export const propsSheetTrigger = {};
+export const propsSheetOverlay = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -514,7 +515,7 @@ const propsSheetOverlay = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSheetClose = {
+export const propsSheetClose = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1076,7 +1077,7 @@ const propsSheetClose = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSheetTitle = {
+export const propsSheetTitle = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1583,7 +1584,7 @@ const propsSheetTitle = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSheetDescription = {
+export const propsSheetDescription = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2090,7 +2091,7 @@ const propsSheetDescription = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSheetContent = {
+export const propsSheetContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2611,12 +2612,3 @@ const propsSheetContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsSheet,
-  propsSheetClose,
-  propsSheetContent,
-  propsSheetDescription,
-  propsSheetOverlay,
-  propsSheetTitle,
-  propsSheetTrigger
-};

package/lib/__generated__/switch.props.js

@@ -1,4 +1,5 @@
-const propsSwitch = {
+"use strict";
+export const propsSwitch = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -571,7 +572,7 @@ const propsSwitch = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsSwitchThumb = {
+export const propsSwitchThumb = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1077,7 +1078,3 @@ const propsSwitchThumb = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsSwitch,
-  propsSwitchThumb
-};

package/lib/__generated__/tabs.props.js

@@ -1,4 +1,5 @@
-const propsTabs = {
+"use strict";
+export const propsTabs = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -525,7 +526,7 @@ const propsTabs = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsTabsList = {
+export const propsTabsList = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1037,7 +1038,7 @@ const propsTabsList = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsTabsTrigger = {
+export const propsTabsTrigger = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -1604,7 +1605,7 @@ const propsTabsTrigger = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-const propsTabsContent = {
+export const propsTabsContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -2116,9 +2117,3 @@ const propsTabsContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsTabs,
-  propsTabsContent,
-  propsTabsList,
-  propsTabsTrigger
-};

package/lib/__generated__/tooltip.props.js

@@ -1,4 +1,5 @@
-const propsTooltip = {
+"use strict";
+export const propsTooltip = {
   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: false,
@@ -18,8 +19,8 @@ const propsTooltip = {
     description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
   }
 };
-const propsTooltipTrigger = {};
-const propsTooltipContent = {
+export const propsTooltipTrigger = {};
+export const propsTooltipContent = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -566,8 +567,3 @@ const propsTooltipContent = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  propsTooltip,
-  propsTooltipContent,
-  propsTooltipTrigger
-};

package/lib/accordion.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef
@@ -13,18 +14,18 @@ import {
   getClosestInstance,
   getIndexWithinAncestorFromComponentProps
 } from "@webstudio-is/react-sdk";
-const Accordion = forwardRef((props, ref) => {
+export const Accordion = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(Root, { ref, type: "single", ...props });
 });
-const AccordionItem = forwardRef(({ value, ...props }, ref) => {
+export const AccordionItem = forwardRef(({ value, ...props }, ref) => {
   const index = getIndexWithinAncestorFromComponentProps(props);
   return /* @__PURE__ */ jsx(Item, { ref, value: value ?? index, ...props });
 });
-const AccordionHeader = Header;
-const AccordionTrigger = Trigger;
-const AccordionContent = Content;
+export const AccordionHeader = Header;
+export const AccordionTrigger = Trigger;
+export const AccordionContent = Content;
 const namespace = "@webstudio-is/sdk-components-react-radix";
-const hooksAccordion = {
+export const hooksAccordion = {
   onNavigatorSelect: (context, event) => {
     for (const instance of event.instancePath) {
       if (instance.component === `${namespace}:AccordionContent`) {
@@ -48,11 +49,3 @@ const hooksAccordion = {
     }
   }
 };
-export {
-  Accordion,
-  AccordionContent,
-  AccordionHeader,
-  AccordionItem,
-  AccordionTrigger,
-  hooksAccordion
-};

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

@@ -1,21 +1,18 @@
-import type { Meta, StoryObj } from "@storybook/react";
+"use strict";
 import { renderComponentTemplate } from "@webstudio-is/react-sdk";
 import { Accordion as AccordionPrimitive } from "./accordion";
 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/Accordion",
-  component: AccordionPrimitive,
-} satisfies Meta<typeof AccordionPrimitive>;
-
-export const Accordion: StoryObj<typeof AccordionPrimitive> = {
-  render: () =>
-    renderComponentTemplate({
-      name: "Accordion",
-      components: { ...baseComponents, ...radixComponents },
-      metas: { ...baseMetas, ...radixMetas },
-    }),
+  component: AccordionPrimitive
+};
+export const Accordion = {
+  render: () => renderComponentTemplate({
+    name: "Accordion",
+    components: { ...baseComponents, ...radixComponents },
+    metas: { ...baseMetas, ...radixMetas }
+  })
 };