@webstudio-is/sdk-components-react-radix 0.196.0 → 0.197.0

package/lib/tooltip.template.js

@@ -0,0 +1,33 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { $ as t, PlaceholderValue as r, css as l } from "@webstudio-is/template";
+import { radix as e } from "./shared/proxy.js";
+import { getButtonStyle as s } from "./shared/styles.js";
+import { zIndex as a, borderRadius as h, colors as i, spacing as n, fontSize as p, fontSizeLineHeight as c, boxShadow as m } from "./shared/theme.js";
+const $ = {
+  category: "radix",
+  description: "Displays content that is related to the trigger, when the trigger is hovered with the mouse or focused with the keyboard. You are reading an example of a tooltip right now.",
+  order: 7,
+  template: /* @__PURE__ */ d(e.Tooltip, { children: [
+    /* @__PURE__ */ o(e.TooltipTrigger, { children: /* @__PURE__ */ o(t.Button, { "ws:style": s("outline"), children: new r("Button") }) }),
+    /* @__PURE__ */ o(
+      e.TooltipContent,
+      {
+        "ws:style": l`
+          z-index: ${a[50]};
+          overflow: hidden;
+          border-radius: ${h.md};
+          background-color: ${i.popover};
+          padding: ${n[1.5]} ${n[3]};
+          font-size: ${p.sm};
+          line-height: ${c.sm};
+          color: ${i.popoverForeground};
+          box-shadow: ${m.md};
+        `,
+        children: /* @__PURE__ */ o(t.Text, { children: new r("The text you can edit") })
+      }
+    )
+  ] })
+};
+export {
+  $ as meta
+};

package/lib/tooltip.ws.js

@@ -1,13 +1,10 @@
-import { TriggerIcon as o, ContentIcon as e, TooltipIcon as n } from "@webstudio-is/icons/svg";
-import "@webstudio-is/react-sdk";
-import { div as r } from "@webstudio-is/sdk/normalize.css";
-import { z as i, overflow as p, rounded as a, border as s, bg as l, px as c, py as d, text as t, shadow as m } from "./theme/tailwind-classes.js";
-import { propsTooltip as g, propsTooltipTrigger as T, propsTooltipContent as y } from "./__generated__/tooltip.props.js";
-import { getButtonStyles as h } from "./theme/styles.js";
-const f = {
-  div: r
-}, q = {
-  category: "hidden",
+import { TriggerIcon as o, ContentIcon as t, TooltipIcon as n } from "@webstudio-is/icons/svg";
+import "@webstudio-is/sdk";
+import { div as e } from "@webstudio-is/sdk/normalize.css";
+import { propsTooltip as i, propsTooltipTrigger as p, propsTooltipContent as r } from "./__generated__/tooltip.props.js";
+const s = {
+  div: e
+}, m = {
   type: "container",
   icon: o,
   stylable: !1,
@@ -15,18 +12,15 @@ const f = {
     relation: "ancestor",
     component: { $eq: "Tooltip" }
   }
-}, $ = {
-  category: "hidden",
+}, g = {
   type: "container",
-  icon: e,
-  presetStyle: f,
+  icon: t,
+  presetStyle: s,
   constraints: {
     relation: "ancestor",
     component: { $eq: "Tooltip" }
   }
-}, B = {
-  category: "radix",
-  order: 7,
+}, d = {
   type: "container",
   constraints: [
     {
@@ -39,75 +33,21 @@ const f = {
     }
   ],
   icon: n,
-  stylable: !1,
-  description: "Displays content that is related to the trigger, when the trigger is hovered with the mouse or focused with the keyboard. You are reading an example of a tooltip right now.",
-  template: [
-    {
-      type: "instance",
-      component: "Tooltip",
-      props: [],
-      children: [
-        {
-          type: "instance",
-          component: "TooltipTrigger",
-          children: [
-            {
-              type: "instance",
-              component: "Button",
-              styles: h("outline"),
-              children: [{ type: "text", value: "Button", placeholder: !0 }]
-            }
-          ]
-        },
-        {
-          type: "instance",
-          component: "TooltipContent",
-          /**
-           *  z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md
-           **/
-          styles: [
-            i(50),
-            p("hidden"),
-            a("md"),
-            s(),
-            l("popover"),
-            c(3),
-            d(1.5),
-            t("sm"),
-            t("popoverForeground"),
-            m("md")
-          ].flat(),
-          children: [
-            {
-              type: "instance",
-              component: "Text",
-              children: [
-                {
-                  type: "text",
-                  value: "The text you can edit",
-                  placeholder: !0
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}, I = {
-  props: g,
+  stylable: !1
+}, f = {
+  props: i,
   initialProps: ["open", "delayDuration", "disableHoverableContent"]
-}, M = {
-  props: T
-}, D = {
-  props: y,
+}, y = {
+  props: p
+}, C = {
+  props: r,
   initialProps: ["side", "sideOffset", "align", "alignOffset"]
 };
 export {
-  B as metaTooltip,
-  $ as metaTooltipContent,
-  q as metaTooltipTrigger,
-  I as propsMetaTooltip,
-  D as propsMetaTooltipContent,
-  M as propsMetaTooltipTrigger
+  d as metaTooltip,
+  g as metaTooltipContent,
+  m as metaTooltipTrigger,
+  f as propsMetaTooltip,
+  C as propsMetaTooltipContent,
+  y as propsMetaTooltipTrigger
 };

package/lib/types/__generated__/accordion.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsAccordion: Record<string, PropMeta>;
 export declare const propsAccordionItem: Record<string, PropMeta>;
 export declare const propsAccordionHeader: Record<string, PropMeta>;

package/lib/types/__generated__/checkbox.props.d.ts

@@ -1,3 +1,3 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsCheckbox: Record<string, PropMeta>;
 export declare const propsCheckboxIndicator: Record<string, PropMeta>;

package/lib/types/__generated__/collapsible.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsCollapsible: Record<string, PropMeta>;
 export declare const propsCollapsibleTrigger: Record<string, PropMeta>;
 export declare const propsCollapsibleContent: Record<string, PropMeta>;

package/lib/types/__generated__/dialog.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsDialog: Record<string, PropMeta>;
 export declare const propsDialogTrigger: Record<string, PropMeta>;
 export declare const propsDialogOverlay: Record<string, PropMeta>;

package/lib/types/__generated__/label.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const props: Record<string, PropMeta>;

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

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsNavigationMenu: Record<string, PropMeta>;
 export declare const propsNavigationMenuList: Record<string, PropMeta>;
 export declare const propsNavigationMenuViewport: Record<string, PropMeta>;

package/lib/types/__generated__/popover.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsPopover: Record<string, PropMeta>;
 export declare const propsPopoverTrigger: Record<string, PropMeta>;
 export declare const propsPopoverContent: Record<string, PropMeta>;

package/lib/types/__generated__/radio-group.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsRadioGroup: Record<string, PropMeta>;
 export declare const propsRadioGroupItem: Record<string, PropMeta>;
 export declare const propsRadioGroupIndicator: Record<string, PropMeta>;

package/lib/types/__generated__/select.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsSelect: Record<string, PropMeta>;
 export declare const propsSelectTrigger: Record<string, PropMeta>;
 export declare const propsSelectValue: Record<string, PropMeta>;

package/lib/types/__generated__/switch.props.d.ts

@@ -1,3 +1,3 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsSwitch: Record<string, PropMeta>;
 export declare const propsSwitchThumb: Record<string, PropMeta>;

package/lib/types/__generated__/tabs.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsTabs: Record<string, PropMeta>;
 export declare const propsTabsList: Record<string, PropMeta>;
 export declare const propsTabsTrigger: Record<string, PropMeta>;

package/lib/types/__generated__/tooltip.props.d.ts

@@ -1,4 +1,4 @@
-import type { PropMeta } from "@webstudio-is/react-sdk";
+import type { PropMeta } from "@webstudio-is/sdk";
 export declare const propsTooltip: Record<string, PropMeta>;
 export declare const propsTooltipTrigger: Record<string, PropMeta>;
 export declare const propsTooltipContent: Record<string, PropMeta>;

package/lib/types/accordion.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/accordion.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

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

@@ -1,4 +1,4 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaAccordion: WsComponentMeta;
 export declare const metaAccordionItem: WsComponentMeta;
 export declare const metaAccordionHeader: WsComponentMeta;

package/lib/types/checkbox.d.ts

@@ -3,7 +3,7 @@ import { Indicator } from "@radix-ui/react-checkbox";
 export declare const Checkbox: ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "defaultChecked" | "checked"> & {
-    checked: boolean;
+    checked?: boolean;
     defaultChecked?: boolean;
 }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const CheckboxIndicator: ForwardRefExoticComponent<ComponentProps<typeof Indicator> & React.RefAttributes<HTMLSpanElement>>;

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

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

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

@@ -1,4 +1,4 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaCheckbox: WsComponentMeta;
 export declare const metaCheckboxIndicator: WsComponentMeta;
 export declare const propsMetaCheckbox: WsComponentPropsMeta;

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

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

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

@@ -1,4 +1,4 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaCollapsible: WsComponentMeta;
 export declare const metaCollapsibleTrigger: WsComponentMeta;
 export declare const metaCollapsibleContent: WsComponentMeta;

package/lib/types/dialog.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/dialog.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

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

@@ -1,18 +1,10 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaDialogTrigger: WsComponentMeta;
 export declare const metaDialogOverlay: WsComponentMeta;
 export declare const metaDialogContent: WsComponentMeta;
 export declare const metaDialogTitle: WsComponentMeta;
 export declare const metaDialogDescription: WsComponentMeta;
 export declare const metaDialogClose: WsComponentMeta;
-/**
- * Styles source without animations:
- * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/dialog.tsx
- *
- * Attributions
- * MIT License
- * Copyright (c) 2023 shadcn
- **/
 export declare const metaDialog: WsComponentMeta;
 export declare const propsMetaDialog: WsComponentPropsMeta;
 export declare const propsMetaDialogTrigger: WsComponentPropsMeta;

package/lib/types/label.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/label.tsx
+ *
+ * Attributions
+ * MIT License
+ * Copyright (c) 2023 shadcn
+ **/
+export declare const meta: TemplateMeta;

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

@@ -1,3 +1,3 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
 export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/metas.d.ts

@@ -1,6 +1,5 @@
 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 { meta as Sheet } from "./sheet.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";

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

@@ -1,4 +1,4 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaNavigationMenu: WsComponentMeta;
 export declare const metaNavigationMenuList: WsComponentMeta;
 export declare const metaNavigationMenuItem: WsComponentMeta;

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

@@ -1,14 +1,6 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaPopoverTrigger: WsComponentMeta;
 export declare const metaPopoverContent: WsComponentMeta;
-/**
- * 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 metaPopover: WsComponentMeta;
 export declare const propsMetaPopover: WsComponentPropsMeta;
 export declare const propsMetaPopoverTrigger: WsComponentPropsMeta;

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

@@ -1,4 +1,4 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaRadioGroup: WsComponentMeta;
 export declare const metaRadioGroupItem: WsComponentMeta;
 export declare const metaRadioGroupIndicator: WsComponentMeta;

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

@@ -1,4 +1,4 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 export declare const metaSelect: WsComponentMeta;
 export declare const metaSelectTrigger: WsComponentMeta;
 export declare const metaSelectValue: WsComponentMeta;

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,17 @@
+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: import("@webstudio-is/template").Variable[];
+        serialize(variableIds: string[]): string;
+    };
+    children?: import("react").ReactNode | import("@webstudio-is/template").ExpressionValue | {
+        chunks: string[];
+        variables: import("@webstudio-is/template").Variable[];
+        serialize(variableIds: string[]): string;
+    } | 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[];