@webstudio-is/sdk-components-react-radix 0.0.0-021f2d4

package/lib/types/metas.d.ts

@@ -0,0 +1,12 @@
+export { metaCollapsible as Collapsible, metaCollapsibleTrigger as CollapsibleTrigger, metaCollapsibleContent as CollapsibleContent, } from "./collapsible.ws";
+export { metaDialog as Dialog, metaDialogTrigger as DialogTrigger, metaDialogOverlay as DialogOverlay, metaDialogContent as DialogContent, metaDialogClose as DialogClose, metaDialogTitle as DialogTitle, metaDialogDescription as DialogDescription, } from "./dialog.ws";
+export { metaPopover as Popover, metaPopoverTrigger as PopoverTrigger, metaPopoverContent as PopoverContent, } from "./popover.ws";
+export { metaTooltip as Tooltip, metaTooltipTrigger as TooltipTrigger, metaTooltipContent as TooltipContent, } from "./tooltip.ws";
+export { metaTabs as Tabs, metaTabsList as TabsList, metaTabsTrigger as TabsTrigger, metaTabsContent as TabsContent, } from "./tabs.ws";
+export { meta as Label } from "./label.ws";
+export { metaAccordion as Accordion, metaAccordionItem as AccordionItem, metaAccordionHeader as AccordionHeader, metaAccordionTrigger as AccordionTrigger, metaAccordionContent as AccordionContent, } from "./accordion.ws";
+export { metaNavigationMenu as NavigationMenu, metaNavigationMenuList as NavigationMenuList, metaNavigationMenuItem as NavigationMenuItem, metaNavigationMenuTrigger as NavigationMenuTrigger, metaNavigationMenuContent as NavigationMenuContent, metaNavigationMenuLink as NavigationMenuLink, metaNavigationMenuViewport as NavigationMenuViewport, } from "./navigation-menu.ws";
+export { metaSelect as Select, metaSelectTrigger as SelectTrigger, metaSelectValue as SelectValue, metaSelectViewport as SelectViewport, metaSelectContent as SelectContent, metaSelectItem as SelectItem, metaSelectItemIndicator as SelectItemIndicator, metaSelectItemText as SelectItemText, } from "./select.ws";
+export { metaSwitch as Switch, metaSwitchThumb as SwitchThumb, } from "./switch.ws";
+export { metaCheckbox as Checkbox, metaCheckboxIndicator as CheckboxIndicator, } from "./checkbox.ws";
+export { metaRadioGroup as RadioGroup, metaRadioGroupItem as RadioGroupItem, metaRadioGroupIndicator as RadioGroupIndicator, } from "./radio-group.ws";

package/lib/types/navigation-menu.d.ts

@@ -0,0 +1,10 @@
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref">, "aria-orientation" | "orientation"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const hooksNavigationMenu: Hook;

package/lib/types/navigation-menu.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/navigation-menu.ws.d.ts

@@ -0,0 +1,15 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaNavigationMenu: WsComponentMeta;
+export declare const metaNavigationMenuList: WsComponentMeta;
+export declare const metaNavigationMenuItem: WsComponentMeta;
+export declare const metaNavigationMenuTrigger: WsComponentMeta;
+export declare const metaNavigationMenuContent: WsComponentMeta;
+export declare const metaNavigationMenuLink: WsComponentMeta;
+export declare const metaNavigationMenuViewport: WsComponentMeta;
+export declare const propsMetaNavigationMenu: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuItem: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuTrigger: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuContent: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuLink: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuList: WsComponentPropsMeta;
+export declare const propsMetaNavigationMenuViewport: WsComponentPropsMeta;

package/lib/types/popover.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * We're not exposing the 'asChild' property for the Trigger.
+ * Instead, we're enforcing 'asChild=true' for the Trigger and making it style-less.
+ * This avoids situations where the Trigger inadvertently passes all styles to its child,
+ * which would prevent us from displaying styles properly in the builder.
+ */
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const hooksPopover: Hook;

package/lib/types/popover.template.d.ts

@@ -0,0 +1,10 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+/**
+ * Styles source without animations:
+ * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/popover.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

package/lib/types/popover.ws.d.ts

@@ -0,0 +1,7 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaPopoverTrigger: WsComponentMeta;
+export declare const metaPopoverContent: WsComponentMeta;
+export declare const metaPopover: WsComponentMeta;
+export declare const propsMetaPopover: WsComponentPropsMeta;
+export declare const propsMetaPopoverTrigger: WsComponentPropsMeta;
+export declare const propsMetaPopoverContent: WsComponentPropsMeta;

package/lib/types/props-descriptions.d.ts

@@ -0,0 +1,29 @@
+export declare const propsDescriptions: {
+    Dialog: {
+        open: string;
+    };
+    Sheet: {
+        open: string;
+    };
+    Collapsible: {
+        open: string;
+    };
+    Popover: {
+        open: string;
+    };
+    PopoverContent: {
+        alignOffset: string;
+        sideOffset: string;
+        side: string;
+    };
+    Tooltip: {
+        open: string;
+        delayDuration: string;
+        disableHoverableContent: string;
+    };
+    TooltipContent: {
+        alignOffset: string;
+        sideOffset: string;
+        side: string;
+    };
+};

package/lib/types/props.d.ts

@@ -0,0 +1,12 @@
+export { propsMetaCollapsible as Collapsible, propsMetaCollapsibleTrigger as CollapsibleTrigger, propsMetaCollapsibleContent as CollapsibleContent, } from "./collapsible.ws";
+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";
+export { propsMetaPopover as Popover, propsMetaPopoverTrigger as PopoverTrigger, propsMetaPopoverContent as PopoverContent, } from "./popover.ws";
+export { propsMetaTooltip as Tooltip, propsMetaTooltipTrigger as TooltipTrigger, propsMetaTooltipContent as TooltipContent, } from "./tooltip.ws";
+export { propsMetaTabs as Tabs, propsMetaTabsList as TabsList, propsMetaTabsTrigger as TabsTrigger, propsMetaTabsContent as TabsContent, } from "./tabs.ws";
+export { propsMeta as Label } from "./label.ws";
+export { propsMetaAccordion as Accordion, propsMetaAccordionItem as AccordionItem, propsMetaAccordionHeader as AccordionHeader, propsMetaAccordionTrigger as AccordionTrigger, propsMetaAccordionContent as AccordionContent, } from "./accordion.ws";
+export { propsMetaNavigationMenu as NavigationMenu, propsMetaNavigationMenuList as NavigationMenuList, propsMetaNavigationMenuItem as NavigationMenuItem, propsMetaNavigationMenuTrigger as NavigationMenuTrigger, propsMetaNavigationMenuContent as NavigationMenuContent, propsMetaNavigationMenuLink as NavigationMenuLink, propsMetaNavigationMenuViewport as NavigationMenuViewport, } from "./navigation-menu.ws";
+export { propsMetaSelect as Select, 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, } 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/types/radio-group.d.ts

@@ -0,0 +1,5 @@
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Item, Indicator } from "@radix-ui/react-radio-group";
+export declare const RadioGroup: ForwardRefExoticComponent<Omit<import("@radix-ui/react-radio-group").RadioGroupProps & RefAttributes<HTMLDivElement> & RefAttributes<"div">, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupItem: ForwardRefExoticComponent<ComponentProps<typeof Item> & RefAttributes<HTMLButtonElement>>;
+export declare const RadioGroupIndicator: ForwardRefExoticComponent<ComponentProps<typeof Indicator> & RefAttributes<HTMLSpanElement>>;

package/lib/types/radio-group.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/radio-group.ws.d.ts

@@ -0,0 +1,7 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaRadioGroup: WsComponentMeta;
+export declare const metaRadioGroupItem: WsComponentMeta;
+export declare const metaRadioGroupIndicator: WsComponentMeta;
+export declare const propsMetaRadioGroup: WsComponentPropsMeta;
+export declare const propsMetaRadioGroupItem: WsComponentPropsMeta;
+export declare const propsMetaRadioGroupIndicator: WsComponentPropsMeta;

package/lib/types/select.d.ts

@@ -0,0 +1,14 @@
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Item, ItemIndicator, ItemText, Viewport } from "@radix-ui/react-select";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Select: ForwardRefExoticComponent<import("@radix-ui/react-select").SelectProps & RefAttributes<HTMLDivElement>>;
+export declare const SelectTrigger: ForwardRefExoticComponent<Omit<import("@radix-ui/react-select").SelectTriggerProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const SelectValue: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectValueProps & RefAttributes<HTMLSpanElement>, "ref">, "placeholder"> & {
+    placeholder?: string;
+} & RefAttributes<HTMLDivElement>>;
+export declare const SelectContent: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-select").SelectContentProps & RefAttributes<HTMLDivElement>, "ref">, "position" | "side"> & RefAttributes<HTMLDivElement>>;
+export declare const SelectViewport: ForwardRefExoticComponent<ComponentProps<typeof Viewport> & RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: ForwardRefExoticComponent<ComponentProps<typeof Item> & RefAttributes<HTMLDivElement>>;
+export declare const SelectItemIndicator: ForwardRefExoticComponent<ComponentProps<typeof ItemIndicator> & RefAttributes<HTMLSpanElement>>;
+export declare const SelectItemText: ForwardRefExoticComponent<ComponentProps<typeof ItemText> & RefAttributes<HTMLSpanElement>>;
+export declare const hooksSelect: Hook;

package/lib/types/select.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/select.ws.d.ts

@@ -0,0 +1,17 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaSelect: WsComponentMeta;
+export declare const metaSelectTrigger: WsComponentMeta;
+export declare const metaSelectValue: WsComponentMeta;
+export declare const metaSelectContent: WsComponentMeta;
+export declare const metaSelectViewport: WsComponentMeta;
+export declare const metaSelectItem: WsComponentMeta;
+export declare const metaSelectItemIndicator: WsComponentMeta;
+export declare const metaSelectItemText: WsComponentMeta;
+export declare const propsMetaSelect: WsComponentPropsMeta;
+export declare const propsMetaSelectTrigger: WsComponentPropsMeta;
+export declare const propsMetaSelectValue: WsComponentPropsMeta;
+export declare const propsMetaSelectContent: WsComponentPropsMeta;
+export declare const propsMetaSelectViewport: WsComponentPropsMeta;
+export declare const propsMetaSelectItem: WsComponentPropsMeta;
+export declare const propsMetaSelectItemIndicator: WsComponentPropsMeta;
+export declare const propsMetaSelectItemText: WsComponentPropsMeta;

package/lib/types/shared/preset-styles.d.ts

@@ -0,0 +1,2 @@
+import type { EmbedTemplateStyleDecl } from "@webstudio-is/sdk";
+export declare const buttonReset: EmbedTemplateStyleDecl[];

package/lib/types/shared/proxy.d.ts

@@ -0,0 +1,15 @@
+export declare const radix: Record<string, {
+    displayName: string;
+} & ((props: Record<string, unknown> & Record<`${string}:expression`, string> & {
+    "ws:id"?: string;
+    "ws:label"?: string;
+    "ws:style"?: import("@webstudio-is/template").TemplateStyleDecl[];
+    "ws:show"?: boolean | {
+        chunks: string[];
+        variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
+    };
+    children?: import("react").ReactNode | {
+        chunks: string[];
+        variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
+    } | import("@webstudio-is/template").PlaceholderValue;
+}) => import("react").ReactNode)>;

package/lib/types/shared/styles.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateStyleDecl } from "@webstudio-is/template";
+export declare const getButtonStyle: (variant: "outline" | "ghost", size?: "default" | "sm" | "icon") => TemplateStyleDecl[];

package/lib/types/shared/theme.d.ts

@@ -0,0 +1,212 @@
+export declare const fontSize: {
+    readonly sm: "0.875rem";
+    readonly lg: "1.125rem";
+};
+export declare const fontSizeLineHeight: {
+    readonly sm: "1.25rem";
+    readonly lg: "1.75rem";
+};
+export declare const lineHeight: {
+    readonly none: "1";
+    readonly snug: "1.375";
+};
+export declare const weights: {
+    readonly medium: "500";
+};
+export declare const letterSpacing: {
+    readonly tight: "-0.025em";
+};
+export declare const spacing: {
+    readonly "0": "0px";
+    readonly "1": "0.25rem";
+    readonly "2": "0.5rem";
+    readonly "3": "0.75rem";
+    readonly "4": "1rem";
+    readonly "5": "1.25rem";
+    readonly "6": "1.5rem";
+    readonly "7": "1.75rem";
+    readonly "8": "2rem";
+    readonly "9": "2.25rem";
+    readonly "10": "2.5rem";
+    readonly "11": "2.75rem";
+    readonly "12": "3rem";
+    readonly "14": "3.5rem";
+    readonly "16": "4rem";
+    readonly "20": "5rem";
+    readonly "24": "6rem";
+    readonly "28": "7rem";
+    readonly "32": "8rem";
+    readonly "36": "9rem";
+    readonly "40": "10rem";
+    readonly "44": "11rem";
+    readonly "48": "12rem";
+    readonly "52": "13rem";
+    readonly "56": "14rem";
+    readonly "60": "15rem";
+    readonly "64": "16rem";
+    readonly "72": "18rem";
+    readonly "80": "20rem";
+    readonly "96": "24rem";
+    readonly px: "1px";
+    readonly "0.5": "0.125rem";
+    readonly "1.5": "0.375rem";
+    readonly "2.5": "0.625rem";
+    readonly "3.5": "0.875rem";
+};
+export declare const width: {
+    readonly full: "100%";
+    readonly "0": "0px";
+    readonly "1": "0.25rem";
+    readonly "2": "0.5rem";
+    readonly "3": "0.75rem";
+    readonly "4": "1rem";
+    readonly "5": "1.25rem";
+    readonly "6": "1.5rem";
+    readonly "7": "1.75rem";
+    readonly "8": "2rem";
+    readonly "9": "2.25rem";
+    readonly "10": "2.5rem";
+    readonly "11": "2.75rem";
+    readonly "12": "3rem";
+    readonly "14": "3.5rem";
+    readonly "16": "4rem";
+    readonly "20": "5rem";
+    readonly "24": "6rem";
+    readonly "28": "7rem";
+    readonly "32": "8rem";
+    readonly "36": "9rem";
+    readonly "40": "10rem";
+    readonly "44": "11rem";
+    readonly "48": "12rem";
+    readonly "52": "13rem";
+    readonly "56": "14rem";
+    readonly "60": "15rem";
+    readonly "64": "16rem";
+    readonly "72": "18rem";
+    readonly "80": "20rem";
+    readonly "96": "24rem";
+    readonly px: "1px";
+    readonly "0.5": "0.125rem";
+    readonly "1.5": "0.375rem";
+    readonly "2.5": "0.625rem";
+    readonly "3.5": "0.875rem";
+};
+export declare const height: {
+    readonly full: "100%";
+    readonly "0": "0px";
+    readonly "1": "0.25rem";
+    readonly "2": "0.5rem";
+    readonly "3": "0.75rem";
+    readonly "4": "1rem";
+    readonly "5": "1.25rem";
+    readonly "6": "1.5rem";
+    readonly "7": "1.75rem";
+    readonly "8": "2rem";
+    readonly "9": "2.25rem";
+    readonly "10": "2.5rem";
+    readonly "11": "2.75rem";
+    readonly "12": "3rem";
+    readonly "14": "3.5rem";
+    readonly "16": "4rem";
+    readonly "20": "5rem";
+    readonly "24": "6rem";
+    readonly "28": "7rem";
+    readonly "32": "8rem";
+    readonly "36": "9rem";
+    readonly "40": "10rem";
+    readonly "44": "11rem";
+    readonly "48": "12rem";
+    readonly "52": "13rem";
+    readonly "56": "14rem";
+    readonly "60": "15rem";
+    readonly "64": "16rem";
+    readonly "72": "18rem";
+    readonly "80": "20rem";
+    readonly "96": "24rem";
+    readonly px: "1px";
+    readonly "0.5": "0.125rem";
+    readonly "1.5": "0.375rem";
+    readonly "2.5": "0.625rem";
+    readonly "3.5": "0.875rem";
+};
+export declare const maxWidth: {
+    readonly "0": "0rem";
+    readonly xs: "20rem";
+    readonly sm: "24rem";
+    readonly md: "28rem";
+    readonly lg: "32rem";
+    readonly xl: "36rem";
+    readonly prose: "65ch";
+};
+export declare const borderWidth: {
+    "0": string;
+    "2": string;
+    "4": string;
+    "8": string;
+    DEFAULT: string;
+};
+export declare const borderRadius: {
+    readonly sm: "0.125rem";
+    readonly md: "0.375rem";
+    readonly full: "9999px";
+};
+export declare const colors: {
+    readonly transparent: "transparent";
+    readonly current: "currentColor";
+    readonly inherit: "inherit";
+    readonly popover: "rgb(255, 255, 255)";
+    readonly popoverForeground: "rgb(2, 8, 23)";
+    readonly border: "rgb(226, 232, 240)";
+    readonly background: "rgb(255, 255, 255)";
+    readonly foreground: "hsl(222.2 84% 4.9%)";
+    readonly ring: "rgb(148, 163, 184)";
+    readonly mutedForeground: "rgb(100, 116, 139)";
+    readonly muted: "hsl(210 40% 96.1%)";
+    readonly primary: "rgb(15, 23, 42)";
+    readonly primaryForeground: "hsl(210 40% 98%)";
+    readonly destructive: "rgb(239, 68, 68)";
+    readonly destructiveForeground: "rgb(248, 250, 252)";
+    readonly accent: "rgb(241, 245, 249)";
+    readonly accentForeground: "rgb(15, 23, 42)";
+    readonly input: "rgb(226, 232, 240)";
+    readonly secondary: "rgb(241, 245, 249)";
+    readonly secondaryForeground: "rgb(15, 23, 42)";
+};
+export declare const transition: {
+    readonly all: "all 150ms cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly transform: "transform 150ms cubic-bezier(0.4, 0, 0.2, 1)";
+};
+export declare const opacity: {
+    readonly "0": "0";
+    readonly "5": "0.05";
+    readonly "10": "0.1";
+    readonly "20": "0.2";
+    readonly "25": "0.25";
+    readonly "30": "0.3";
+    readonly "40": "0.4";
+    readonly "50": "0.5";
+    readonly "60": "0.6";
+    readonly "70": "0.7";
+    readonly "75": "0.75";
+    readonly "80": "0.8";
+    readonly "90": "0.9";
+    readonly "95": "0.95";
+    readonly "100": "1";
+};
+export declare const boxShadow: {
+    readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+    readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+    readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
+    readonly ring: string;
+};
+export declare const zIndex: {
+    readonly "0": "0";
+    readonly "10": "10";
+    readonly "20": "20";
+    readonly "30": "30";
+    readonly "40": "40";
+    readonly "50": "50";
+};
+export declare const blur: {
+    sm: string;
+};

package/lib/types/sheet.template.d.ts

@@ -0,0 +1,10 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+/**
+ * Styles source without animations:
+ * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/sheet.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

package/lib/types/switch.d.ts

@@ -0,0 +1,4 @@
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Thumb } from "@radix-ui/react-switch";
+export declare const Switch: ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const SwitchThumb: ForwardRefExoticComponent<ComponentProps<typeof Thumb> & RefAttributes<HTMLSpanElement>>;

package/lib/types/switch.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/switch.ws.d.ts

@@ -0,0 +1,5 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaSwitch: WsComponentMeta;
+export declare const metaSwitchThumb: WsComponentMeta;
+export declare const propsMetaSwitch: WsComponentPropsMeta;
+export declare const propsMetaSwitchThumb: WsComponentPropsMeta;

package/lib/types/tabs.d.ts

@@ -0,0 +1,13 @@
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value" | "onValueChange"> & {
+    value?: string;
+    onValueChange?: (value: string) => void;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
+    value?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    value?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const hooksTabs: Hook;

package/lib/types/tabs.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+export declare const meta: TemplateMeta;

package/lib/types/tabs.ws.d.ts

@@ -0,0 +1,9 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaTabs: WsComponentMeta;
+export declare const metaTabsList: WsComponentMeta;
+export declare const metaTabsTrigger: WsComponentMeta;
+export declare const metaTabsContent: WsComponentMeta;
+export declare const propsMetaTabs: WsComponentPropsMeta;
+export declare const propsMetaTabsList: WsComponentPropsMeta;
+export declare const propsMetaTabsTrigger: WsComponentPropsMeta;
+export declare const propsMetaTabsContent: WsComponentPropsMeta;

package/lib/types/templates.d.ts

@@ -0,0 +1,13 @@
+export { meta as Label } from "./label.template";
+export { meta as Tabs } from "./tabs.template";
+export { meta as Sheet } from "./sheet.template";
+export { meta as Dialog } from "./dialog.template";
+export { meta as Switch } from "./switch.template";
+export { meta as Checkbox } from "./checkbox.template";
+export { meta as Collapsible } from "./collapsible.template";
+export { meta as Accordion } from "./accordion.template";
+export { meta as Tooltip } from "./tooltip.template";
+export { meta as Popover } from "./popover.template";
+export { meta as RadioGroup } from "./radio-group.template";
+export { meta as Select } from "./select.template";
+export { meta as NavigationMenu } from "./navigation-menu.template";

package/lib/types/tooltip.d.ts

@@ -0,0 +1,15 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+import { type ReactNode } from "react";
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * We're not exposing the 'asChild' property for the Trigger.
+ * Instead, we're enforcing 'asChild=true' for the Trigger and making it style-less.
+ * This avoids situations where the Trigger inadvertently passes all styles to its child,
+ * which would prevent us from displaying styles properly in the builder.
+ */
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const hooksTooltip: Hook;

package/lib/types/tooltip.template.d.ts

@@ -0,0 +1,10 @@
+import { type TemplateMeta } from "@webstudio-is/template";
+/**
+ * Styles source without animations:
+ * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/tooltip.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

package/lib/types/tooltip.ws.d.ts

@@ -0,0 +1,7 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaTooltipTrigger: WsComponentMeta;
+export declare const metaTooltipContent: WsComponentMeta;
+export declare const metaTooltip: WsComponentMeta;
+export declare const propsMetaTooltip: WsComponentPropsMeta;
+export declare const propsMetaTooltipTrigger: WsComponentPropsMeta;
+export declare const propsMetaTooltipContent: WsComponentPropsMeta;

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@webstudio-is/sdk-components-react-radix",
+  "version": "0.0.0-021f2d4",
+  "description": "Webstudio wrapper for radix library",
+  "author": "Webstudio <github@webstudio.is>",
+  "homepage": "https://webstudio.is",
+  "license": "AGPL-3.0-or-later",
+  "private": false,
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "lib/*",
+    "!*.{test,stories}.*"
+  ],
+  "exports": {
+    ".": {
+      "webstudio": "./src/components.ts",
+      "types": "./lib/types/components.d.ts",
+      "import": "./lib/components.js"
+    },
+    "./metas": {
+      "webstudio": "./src/metas.ts",
+      "types": "./lib/types/metas.d.ts",
+      "import": "./lib/metas.js"
+    },
+    "./props": {
+      "webstudio": "./src/props.ts",
+      "types": "./lib/types/props.d.ts",
+      "import": "./lib/props.js"
+    },
+    "./hooks": {
+      "webstudio": "./src/hooks.ts",
+      "types": "./lib/types/hooks.d.ts",
+      "import": "./lib/hooks.js"
+    },
+    "./templates": {
+      "webstudio": "./src/templates.ts",
+      "types": "./lib/types/templates.d.ts",
+      "import": "./lib/templates.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-navigation-menu": "^1.2.4",
+    "@radix-ui/react-popover": "^1.1.5",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.5",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.7",
+    "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "await-interaction-response": "^0.0.2",
+    "@webstudio-is/css-engine": "0.0.0-021f2d4",
+    "@webstudio-is/icons": "0.0.0-021f2d4",
+    "@webstudio-is/react-sdk": "0.0.0-021f2d4",
+    "@webstudio-is/sdk": "0.0.0-021f2d4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.70",
+    "@types/react-dom": "^18.2.25",
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318",
+    "@webstudio-is/css-data": "0.0.0",
+    "@webstudio-is/generate-arg-types": "0.0.0",
+    "@webstudio-is/template": "0.0.0-021f2d4",
+    "@webstudio-is/sdk-cli": "^0.94.0",
+    "@webstudio-is/sdk-components-react": "0.0.0-021f2d4",
+    "@webstudio-is/tsconfig": "1.0.7"
+  },
+  "scripts": {
+    "build": "vite build --config ../../vite.sdk-components.config.ts",
+    "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts !./src/*.template.tsx !./src/*.test.{ts,tsx}' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
+    "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
+    "dts": "tsc --project tsconfig.dts.json",
+    "typecheck": "tsc"
+  }
+}