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

package/lib/tabs.js

@@ -0,0 +1,65 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as c, useCallback as m } from "react";
+import { Root as f, List as b, Trigger as p, Content as T } from "@radix-ui/react-tabs";
+import { getIndexWithinAncestorFromComponentProps as g, getClosestInstance as l } from "@webstudio-is/react-sdk/runtime";
+import { useControllableState as d } from "@radix-ui/react-use-controllable-state";
+import h from "await-interaction-response";
+const S = c(({ defaultValue: e, ...t }, o) => {
+  const [n, a] = d({
+    prop: t.value,
+    defaultProp: e,
+    onChange: t.onValueChange
+  }), s = m(
+    async (u) => {
+      await h(), a(u);
+    },
+    [a]
+  );
+  return /* @__PURE__ */ i(
+    f,
+    {
+      ref: o,
+      ...t,
+      value: n,
+      onValueChange: s
+    }
+  );
+}), k = b, w = c(({ value: e, ...t }, o) => {
+  const n = g(t);
+  return /* @__PURE__ */ i(p, { ref: o, value: e ?? n ?? "", ...t });
+}), y = c(({ value: e, ...t }, o) => {
+  const n = g(t);
+  return /* @__PURE__ */ i(T, { ref: o, value: e ?? n ?? "", ...t });
+}), r = "@webstudio-is/sdk-components-react-radix", A = {
+  onNavigatorSelect: (e, t) => {
+    var o;
+    for (const n of t.instancePath)
+      if (n.component === `${r}:TabsContent` || n.component === `${r}:TabsTrigger`) {
+        const a = l(
+          t.instancePath,
+          n,
+          `${r}:Tabs`
+        ), s = e.getPropValue(n, "value") ?? ((o = e.indexesWithinAncestors.get(n.id)) == null ? void 0 : o.toString());
+        a && s && e.setMemoryProp(a, "value", s);
+      }
+  },
+  onNavigatorUnselect: (e, t) => {
+    var o;
+    for (const n of t.instancePath)
+      if (n.component === `${r}:TabsContent` || n.component === `${r}:TabsTrigger`) {
+        const a = l(
+          t.instancePath,
+          n,
+          `${r}:Tabs`
+        ), s = e.getPropValue(n, "value") ?? ((o = e.indexesWithinAncestors.get(n.id)) == null ? void 0 : o.toString());
+        a && s && e.setMemoryProp(a, "value", void 0);
+      }
+  }
+};
+export {
+  S as Tabs,
+  y as TabsContent,
+  k as TabsList,
+  w as TabsTrigger,
+  A as hooksTabs
+};

package/lib/tabs.template.js

@@ -0,0 +1,66 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { css as a, PlaceholderValue as o } from "@webstudio-is/template";
+import { radix as e } from "./shared/proxy.js";
+import { borderRadius as l, spacing as n, fontSize as g, fontSizeLineHeight as h, weights as u, transition as b, boxShadow as r, opacity as p, colors as i, height as m } from "./shared/theme.js";
+const d = a`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: ${l.md};
+  padding: ${n[1.5]} ${n[3]};
+  font-size: ${g.sm};
+  line-height: ${h.sm};
+  font-weight: ${u.medium};
+  transition: ${b.all};
+  &:focus-visible {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    box-shadow: ${r.ring};
+  }
+  &:disabled {
+    pointer-events: none;
+    opacity: ${p[50]};
+  }
+  &[data-state="active"] {
+    background-color: ${i.background};
+    color: ${i.foreground};
+    box-shadow: ${r.sm};
+  }
+`, c = a`
+  margin-top: ${n[2]};
+  &:focus-visible {
+    outline: none;
+    box-shadow: ${r.ring};
+  }
+`, x = {
+  category: "radix",
+  description: "A set of panels with content that are displayed one at a time. Duplicate both a tab trigger and tab content to add more tabs. Triggers and content are connected according to their order in the Navigator.",
+  order: 2,
+  template: /* @__PURE__ */ s(e.Tabs, { defaultValue: "0", children: [
+    /* @__PURE__ */ s(
+      e.TabsList,
+      {
+        "ws:style": a`
+          display: inline-flex;
+          height: ${m[10]};
+          align-items: center;
+          justify-content: center;
+          border-radius: ${l.md};
+          background-color: ${i.muted};
+          padding: ${n[1]};
+          color: ${i.mutedForeground};
+        `,
+        children: [
+          /* @__PURE__ */ t(e.TabsTrigger, { "ws:style": d, children: new o("Account") }),
+          /* @__PURE__ */ t(e.TabsTrigger, { "ws:style": d, children: new o("Password") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(e.TabsContent, { "ws:style": c, children: new o("Make changes to your account here.") }),
+    /* @__PURE__ */ t(e.TabsContent, { "ws:style": c, children: new o("Change your password here.") })
+  ] })
+};
+export {
+  x as meta
+};

package/lib/tabs.ws.js

@@ -0,0 +1,88 @@
+import { TabsIcon as e, HeaderIcon as n, TriggerIcon as o, ContentIcon as s } from "@webstudio-is/icons/svg";
+import { defaultStates as a } from "@webstudio-is/sdk";
+import { button as r, div as c } from "@webstudio-is/sdk/normalize.css";
+import { buttonReset as i } from "./shared/preset-styles.js";
+import { propsTabs as p, propsTabsList as T, propsTabsTrigger as b, propsTabsContent as m } from "./__generated__/tabs.props.js";
+const t = {
+  div: c
+}, y = {
+  type: "container",
+  icon: e,
+  constraints: [
+    {
+      relation: "descendant",
+      component: { $eq: "TabsTrigger" }
+    },
+    {
+      relation: "descendant",
+      component: { $eq: "TabsList" }
+    },
+    {
+      relation: "descendant",
+      component: { $eq: "TabsContent" }
+    }
+  ],
+  presetStyle: t
+}, $ = {
+  type: "container",
+  icon: n,
+  constraints: {
+    relation: "ancestor",
+    component: { $eq: "Tabs" }
+  },
+  presetStyle: t
+}, C = {
+  type: "container",
+  icon: o,
+  constraints: [
+    {
+      relation: "ancestor",
+      component: { $eq: "TabsList" }
+    },
+    {
+      relation: "ancestor",
+      component: { $neq: "TabsTrigger" }
+    }
+  ],
+  indexWithinAncestor: "Tabs",
+  label: "Tab Trigger",
+  states: [
+    ...a,
+    {
+      category: "component-states",
+      label: "Active",
+      selector: "[data-state=active]"
+    }
+  ],
+  presetStyle: {
+    button: [r, i].flat()
+  }
+}, L = {
+  type: "container",
+  label: "Tab Content",
+  icon: s,
+  constraints: {
+    relation: "ancestor",
+    component: { $eq: "Tabs" }
+  },
+  indexWithinAncestor: "Tabs",
+  presetStyle: t
+}, u = {
+  props: p
+}, I = {
+  props: T
+}, M = {
+  props: b
+}, v = {
+  props: m
+};
+export {
+  y as metaTabs,
+  L as metaTabsContent,
+  $ as metaTabsList,
+  C as metaTabsTrigger,
+  u as propsMetaTabs,
+  v as propsMetaTabsContent,
+  I as propsMetaTabsList,
+  M as propsMetaTabsTrigger
+};

package/lib/templates.js

@@ -0,0 +1,28 @@
+import { meta as a } from "./label.template.js";
+import { meta as r } from "./tabs.template.js";
+import { meta as p } from "./sheet.template.js";
+import { meta as x } from "./dialog.template.js";
+import { meta as i } from "./switch.template.js";
+import { meta as c } from "./checkbox.template.js";
+import { meta as h } from "./collapsible.template.js";
+import { meta as S } from "./accordion.template.js";
+import { meta as g } from "./tooltip.template.js";
+import { meta as v } from "./popover.template.js";
+import { meta as T } from "./radio-group.template.js";
+import { meta as w } from "./select.template.js";
+import { meta as D } from "./navigation-menu.template.js";
+export {
+  S as Accordion,
+  c as Checkbox,
+  h as Collapsible,
+  x as Dialog,
+  a as Label,
+  D as NavigationMenu,
+  v as Popover,
+  T as RadioGroup,
+  w as Select,
+  p as Sheet,
+  i as Switch,
+  r as Tabs,
+  g as Tooltip
+};

package/lib/tooltip.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-tooltip";
+import { getClosestInstance as a } from "@webstudio-is/react-sdk/runtime";
+import { forwardRef as c, Children as p } from "react";
+const m = c((t, o) => /* @__PURE__ */ r(e.Provider, { children: /* @__PURE__ */ r(e.Root, { ...t }) })), h = c(({ children: t, ...o }, n) => {
+  const i = p.toArray(t)[0];
+  return /* @__PURE__ */ r(e.Trigger, { asChild: !0, ref: n, ...o, children: i ?? /* @__PURE__ */ r("button", { children: "Add button or link" }) });
+}), T = c(({ sideOffset: t = 4, hideWhenDetached: o = !0, ...n }, i) => /* @__PURE__ */ r(e.Portal, { children: /* @__PURE__ */ r(
+  e.Content,
+  {
+    ref: i,
+    hideWhenDetached: o,
+    sideOffset: t,
+    ...n
+  }
+) })), s = "@webstudio-is/sdk-components-react-radix", P = {
+  onNavigatorUnselect: (t, o) => {
+    for (const n of o.instancePath)
+      if (n.component === `${s}:TooltipContent`) {
+        const i = a(
+          o.instancePath,
+          n,
+          `${s}:Tooltip`
+        );
+        i && t.setMemoryProp(i, "open", void 0);
+      }
+  },
+  onNavigatorSelect: (t, o) => {
+    for (const n of o.instancePath)
+      if (n.component === `${s}:TooltipContent`) {
+        const i = a(
+          o.instancePath,
+          n,
+          `${s}:Tooltip`
+        );
+        i && t.setMemoryProp(i, "open", !0);
+      }
+  }
+};
+export {
+  m as Tooltip,
+  T as TooltipContent,
+  h as TooltipTrigger,
+  P as hooksTooltip
+};

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

@@ -0,0 +1,50 @@
+import { TriggerIcon as o, ContentIcon as t, TooltipIcon as n } from "@webstudio-is/icons/svg";
+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 l = {
+  type: "container",
+  icon: o,
+  constraints: {
+    relation: "ancestor",
+    component: { $eq: "Tooltip" }
+  }
+}, T = {
+  type: "container",
+  icon: t,
+  presetStyle: {
+    div: e
+  },
+  constraints: {
+    relation: "ancestor",
+    component: { $eq: "Tooltip" }
+  }
+}, m = {
+  type: "container",
+  constraints: [
+    {
+      relation: "descendant",
+      component: { $eq: "TooltipTrigger" }
+    },
+    {
+      relation: "descendant",
+      component: { $eq: "TooltipContent" }
+    }
+  ],
+  icon: n
+}, g = {
+  props: i,
+  initialProps: ["open", "delayDuration", "disableHoverableContent"]
+}, d = {
+  props: p
+}, f = {
+  props: r,
+  initialProps: ["side", "sideOffset", "align", "alignOffset"]
+};
+export {
+  m as metaTooltip,
+  T as metaTooltipContent,
+  l as metaTooltipTrigger,
+  g as propsMetaTooltip,
+  f as propsMetaTooltipContent,
+  d as propsMetaTooltipTrigger
+};

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

@@ -0,0 +1,6 @@
+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>;
+export declare const propsAccordionTrigger: Record<string, PropMeta>;
+export declare const propsAccordionContent: Record<string, PropMeta>;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,8 @@
+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>;
+export declare const propsDialogContent: Record<string, PropMeta>;
+export declare const propsDialogClose: Record<string, PropMeta>;
+export declare const propsDialogTitle: Record<string, PropMeta>;
+export declare const propsDialogDescription: Record<string, PropMeta>;

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

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

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

@@ -0,0 +1,8 @@
+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>;
+export declare const propsNavigationMenuContent: Record<string, PropMeta>;
+export declare const propsNavigationMenuItem: Record<string, PropMeta>;
+export declare const propsNavigationMenuLink: Record<string, PropMeta>;
+export declare const propsNavigationMenuTrigger: Record<string, PropMeta>;

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,9 @@
+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>;
+export declare const propsSelectContent: Record<string, PropMeta>;
+export declare const propsSelectViewport: Record<string, PropMeta>;
+export declare const propsSelectItem: Record<string, PropMeta>;
+export declare const propsSelectItemIndicator: Record<string, PropMeta>;
+export declare const propsSelectItemText: Record<string, PropMeta>;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,5 @@
+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>;
+export declare const propsTabsContent: Record<string, PropMeta>;

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

@@ -0,0 +1,4 @@
+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.d.ts

@@ -0,0 +1,11 @@
+import { type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Header, Trigger, Content } from "@radix-ui/react-accordion";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Accordion: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionSingleProps & RefAttributes<HTMLDivElement>, "ref">, "type" | "asChild"> & RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-accordion").AccordionItemProps & RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    value?: string;
+} & RefAttributes<HTMLDivElement>>;
+export declare const AccordionHeader: ForwardRefExoticComponent<Omit<ComponentProps<typeof Header>, "asChild"> & RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionTrigger: ForwardRefExoticComponent<Omit<ComponentProps<typeof Trigger>, "asChild"> & RefAttributes<HTMLButtonElement>>;
+export declare const AccordionContent: ForwardRefExoticComponent<Omit<ComponentProps<typeof Content>, "asChild"> & RefAttributes<HTMLDivElement>>;
+export declare const hooksAccordion: Hook;

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

@@ -0,0 +1,11 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaAccordion: WsComponentMeta;
+export declare const metaAccordionItem: WsComponentMeta;
+export declare const metaAccordionHeader: WsComponentMeta;
+export declare const metaAccordionTrigger: WsComponentMeta;
+export declare const metaAccordionContent: WsComponentMeta;
+export declare const propsMetaAccordion: WsComponentPropsMeta;
+export declare const propsMetaAccordionItem: WsComponentPropsMeta;
+export declare const propsMetaAccordionHeader: WsComponentPropsMeta;
+export declare const propsMetaAccordionTrigger: WsComponentPropsMeta;
+export declare const propsMetaAccordionContent: WsComponentPropsMeta;

package/lib/types/checkbox.d.ts

@@ -0,0 +1,9 @@
+import { type ForwardRefExoticComponent, type ComponentProps } from "react";
+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;
+    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

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

package/lib/types/collapsible.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode, type ForwardRefExoticComponent, type ComponentProps, type RefAttributes } from "react";
+import { Root, Content } from "@radix-ui/react-collapsible";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Collapsible: ForwardRefExoticComponent<Omit<ComponentProps<typeof Root>, "defaultOpen" | "asChild"> & 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 CollapsibleTrigger: ForwardRefExoticComponent<{
+    children: ReactNode;
+} & RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleContent: ForwardRefExoticComponent<Omit<ComponentProps<typeof Content>, "asChild"> & RefAttributes<HTMLDivElement>>;
+export declare const hooksCollapsible: Hook;

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

@@ -0,0 +1,7 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+export declare const metaCollapsible: WsComponentMeta;
+export declare const metaCollapsibleTrigger: WsComponentMeta;
+export declare const metaCollapsibleContent: WsComponentMeta;
+export declare const propsMetaCollapsible: WsComponentPropsMeta;
+export declare const propsMetaCollapsibleTrigger: WsComponentPropsMeta;
+export declare const propsMetaCollapsibleContent: WsComponentPropsMeta;

package/lib/types/components.d.ts

@@ -0,0 +1,12 @@
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./collapsible";
+export { Dialog, DialogTrigger, DialogOverlay, DialogContent, DialogClose, 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 { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuViewport, } from "./navigation-menu";
+export { 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";

package/lib/types/dialog.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type Hook } from "@webstudio-is/react-sdk/runtime";
+export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogProps, "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 DialogTrigger: import("react").ForwardRefExoticComponent<{
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+type Tag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement> & {
+    tag?: Tag;
+}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const hooksDialog: Hook;
+export {};

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

@@ -0,0 +1,15 @@
+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;
+export declare const metaDialog: WsComponentMeta;
+export declare const propsMetaDialog: WsComponentPropsMeta;
+export declare const propsMetaDialogTrigger: WsComponentPropsMeta;
+export declare const propsMetaDialogContent: WsComponentPropsMeta;
+export declare const propsMetaDialogOverlay: WsComponentPropsMeta;
+export declare const propsMetaDialogClose: WsComponentPropsMeta;
+export declare const propsMetaDialogTitle: WsComponentPropsMeta;
+export declare const propsMetaDialogDescription: WsComponentPropsMeta;

package/lib/types/hooks.d.ts

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

package/lib/types/label.d.ts

@@ -0,0 +1,2 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<LabelPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref">, "asChild"> & import("react").RefAttributes<HTMLLabelElement>>;

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

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