skillgrid 0.0.80 → 0.0.82

package/dist/components/Modal/Modal.js

@@ -0,0 +1,160 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as H } from "react";
+import r from "./Modal.module.css.js";
+import { clsx as n } from "clsx";
+import { Dialog as L } from "../Dialog/Dialog.js";
+import { LeftChevronIcon as _ } from "./assets/LeftChevronIcon.js";
+import { Typography as j } from "../Typography/Typography.js";
+import { CrossIcon as F } from "./assets/CrossIcon.js";
+import { Button as S } from "../Button/Button.js";
+const { Paragraph: M, Title: R } = j, U = {
+  size: "xs",
+  mode: "primary",
+  buttonStyle: "gray"
+}, A = (d) => {
+  const { props: g, wrapper: m } = d, h = {
+    ...U,
+    ...g
+  };
+  return m ? /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(S, { ...h }) }) : /* @__PURE__ */ e(S, { ...h });
+}, Y = H((d, g) => {
+  const {
+    open: m,
+    onOpenChange: h,
+    size: w,
+    placement: p = "default",
+    rightActionsSlot: v = [],
+    leftActionsSlot: u = [],
+    closeButton: a = { show: !0 },
+    backButton: c = { show: !1 },
+    title: f,
+    subTitle: l,
+    children: k,
+    footer: T,
+    hideHeaderDivider: C = !1,
+    hideFooterDivider: D = !1,
+    classNames: t,
+    styles: o,
+    headerTemplate: O,
+    "data-testid": i,
+    ...B
+  } = d, I = p === "bottom-sheet" ? "actions-title-actions" : "title-actions-actions", $ = p === "right-drawer" || p === "left-drawer", x = p === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : d == null ? void 0 : d.closeOnDrag, b = () => h(!1), y = !!(f || l || a.show || c.show || v.length || u.length), P = f ? `${i || "modal"}-title` : void 0, z = l ? `${i || "modal"}-subtitle` : void 0;
+  return /* @__PURE__ */ e(
+    L,
+    {
+      open: m,
+      onOpenChange: h,
+      placement: p,
+      ref: g,
+      style: { width: w, ...o == null ? void 0 : o.dialog },
+      closeOnDrag: x,
+      className: t == null ? void 0 : t.dialog,
+      ...B,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: n(r.container, t == null ? void 0 : t.container),
+          style: { width: w, ...o == null ? void 0 : o.container },
+          "data-testid": i ? `${i}-container` : void 0,
+          children: [
+            y && /* @__PURE__ */ s(
+              "div",
+              {
+                "data-testid": i ? `${i}-header` : void 0,
+                className: n(
+                  r.header,
+                  !C && r.withBorder,
+                  r[O || I],
+                  t == null ? void 0 : t.header,
+                  $ && r.drawerHeader
+                ),
+                style: o == null ? void 0 : o.header,
+                children: [
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: n(r.leftActionsStack, t == null ? void 0 : t.leftActionsStack),
+                      style: o == null ? void 0 : o.leftActionsStack,
+                      children: [
+                        c.show && /* @__PURE__ */ e(
+                          A,
+                          {
+                            wrapper: c.wrapper,
+                            props: {
+                              iconLeft: /* @__PURE__ */ e(_, {}),
+                              "aria-label": "Back",
+                              onClick: b,
+                              ...c == null ? void 0 : c.props
+                            }
+                          }
+                        ),
+                        u
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e("div", { id: P, className: n(r.title, t == null ? void 0 : t.title), style: o == null ? void 0 : o.title, children: typeof f == "string" ? /* @__PURE__ */ e(R, { size: 5, children: f }) : f }),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: n(r.rightActionsStack, t == null ? void 0 : t.rightActionsStack),
+                      style: o == null ? void 0 : o.rightActionsStack,
+                      children: [
+                        v,
+                        a.show && /* @__PURE__ */ e(
+                          A,
+                          {
+                            wrapper: a.wrapper,
+                            props: {
+                              mode: "tertiary",
+                              iconLeft: /* @__PURE__ */ e(F, { color: "var(--base-graphite-55)" }),
+                              "aria-label": "Close modal",
+                              onClick: b,
+                              className: r.closeButton,
+                              ...a == null ? void 0 : a.props
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  l && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      id: z,
+                      className: n(r.subTitle, t == null ? void 0 : t.subTitle),
+                      style: o == null ? void 0 : o.subTitle,
+                      children: typeof l == "string" ? /* @__PURE__ */ e(M, { size: 2, typographyStyle: "secondary", children: l }) : l
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: n(r.content, t == null ? void 0 : t.content),
+                style: {
+                  ...o == null ? void 0 : o.content
+                },
+                "data-testid": i ? `${i}-content` : void 0,
+                children: k
+              }
+            ),
+            T && /* @__PURE__ */ e(
+              "div",
+              {
+                "data-testid": i ? `${i}-footer` : void 0,
+                className: n(r.footer, !D && r.withBorder, t == null ? void 0 : t.footer),
+                style: o == null ? void 0 : o.footer,
+                children: T
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  Y as Modal
+};

package/dist/components/Modal/Modal.module.css.js

@@ -0,0 +1,29 @@
+import '../../assets/components/Modal/Modal.module-BXeSeTs2.css';const t = "_container_1d51n_1", n = "_header_1d51n_21", o = "_withBorder_1d51n_56", e = "_drawerHeader_1d51n_60", c = "_title_1d51n_40", _ = "_subTitle_1d51n_76", s = "_leftActionsStack_1d51n_88", i = "_rightActionsStack_1d51n_96", a = "_closeButton_1d51n_111", r = "_content_1d51n_116", d = "_footer_1d51n_127", l = {
+  container: t,
+  header: n,
+  "title-actions-actions": "_title-actions-actions_1d51n_40",
+  "actions-title-actions": "_actions-title-actions_1d51n_48",
+  withBorder: o,
+  drawerHeader: e,
+  title: c,
+  subTitle: _,
+  leftActionsStack: s,
+  rightActionsStack: i,
+  closeButton: a,
+  content: r,
+  footer: d
+};
+export {
+  a as closeButton,
+  t as container,
+  r as content,
+  l as default,
+  e as drawerHeader,
+  d as footer,
+  n as header,
+  s as leftActionsStack,
+  i as rightActionsStack,
+  _ as subTitle,
+  c as title,
+  o as withBorder
+};

package/dist/components/Modal/assets/CrossIcon.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+const e = (r) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "100%",
+    height: "100%",
+    stroke: "currentColor",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M14 2L2 14M2 2L14 14",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  e as CrossIcon
+};

package/dist/components/Modal/assets/LeftChevronIcon.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+const e = (r) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "100%",
+    height: "100%",
+    stroke: "currentColor",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...r,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M11 2 L5 8 L11 14",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  e as LeftChevronIcon
+};

package/dist/components/Placeholder/Placeholder.js

@@ -0,0 +1,50 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { clsx as o } from "clsx";
+import r from "./Placeholder.module.css.js";
+import m from "../../styles/typography.module.css.js";
+import { getTypographyClassFromPlaceholderSize as b } from "./lib/get-typography-classes-from-placeholder-size.js";
+const j = (u) => {
+  const {
+    iconSlot: d,
+    title: l,
+    subTitle: n,
+    styles: i,
+    classNames: t,
+    children: c,
+    "data-testid": x,
+    size: a = "m"
+  } = u, h = b(a);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: o(r.container, t == null ? void 0 : t.container),
+      style: i == null ? void 0 : i.container,
+      "data-testid": x,
+      children: [
+        d && /* @__PURE__ */ e("div", { style: i == null ? void 0 : i.iconSlot, className: o(r.iconSlot, t == null ? void 0 : t.iconSlot), children: d }),
+        (l || n) && /* @__PURE__ */ p("div", { className: o(r.textBlock, t == null ? void 0 : t.textBlock), children: [
+          l && /* @__PURE__ */ e(
+            "p",
+            {
+              style: i == null ? void 0 : i.title,
+              className: o(r.title, m[h.title], t == null ? void 0 : t.title),
+              children: l
+            }
+          ),
+          n && /* @__PURE__ */ e(
+            "p",
+            {
+              style: i == null ? void 0 : i.subTitle,
+              className: o(r.subtitle, m[h.subtitle], t == null ? void 0 : t.subTitle),
+              children: n
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ e("div", { className: o(r.children, t == null ? void 0 : t.children), children: c })
+      ]
+    }
+  );
+};
+export {
+  j as Placeholder
+};

package/dist/components/Placeholder/Placeholder.module.css.js

@@ -0,0 +1,17 @@
+import '../../assets/components/Placeholder/Placeholder.module-gNgrEaKG.css';const t = "_container_crbo3_1", o = "_children_crbo3_10", c = "_iconSlot_crbo3_10", n = "_textBlock_crbo3_17", _ = "_title_crbo3_24", e = "_subtitle_crbo3_24", l = {
+  container: t,
+  children: o,
+  iconSlot: c,
+  textBlock: n,
+  title: _,
+  subtitle: e
+};
+export {
+  o as children,
+  t as container,
+  l as default,
+  c as iconSlot,
+  e as subtitle,
+  n as textBlock,
+  _ as title
+};

package/dist/components/Placeholder/lib/get-typography-classes-from-placeholder-size.js

@@ -0,0 +1,10 @@
+const t = {
+  m: { title: "typography-subtitle-1-semibold", subtitle: "typography-paragraph-3-regular" },
+  l: { title: "typography-title-5-semibold", subtitle: "typography-paragraph-3-regular" }
+};
+function p(r) {
+  return (t == null ? void 0 : t[r]) || t.m;
+}
+export {
+  p as getTypographyClassFromPlaceholderSize
+};

package/dist/components/Popover/Popover.context.js

@@ -0,0 +1,11 @@
+import { createContext as t, useContext as e } from "react";
+const r = t(null), p = () => {
+  const o = e(r);
+  if (!o)
+    throw new Error("Составные компоненты Popover должны рендериться внутри Popover.Root");
+  return o;
+};
+export {
+  r as PopoverContext,
+  p as usePopoverContext
+};

package/dist/components/Popover/Popover.js

@@ -0,0 +1,19 @@
+import { PopoverRoot as o } from "./components/PopoverRoot.js";
+import { PopoverTrigger as r } from "./components/PopoverTrigger.js";
+import { PopoverAnchor as p } from "./components/PopoverAnchor.js";
+import { PopoverDrop as e } from "./components/PopoverDrop.js";
+import { PopoverHeader as t } from "./components/PopoverHeader.js";
+import { PopoverFooter as m } from "./components/PopoverFooter.js";
+import { PopoverDropContent as i } from "./components/PopoverDropContent.js";
+const a = Object.assign(o, {
+  Root: o,
+  Trigger: r,
+  Anchor: p,
+  Drop: e,
+  DropContent: i,
+  DropHeader: t,
+  DropFooter: m
+});
+export {
+  a as Popover
+};

package/dist/components/Popover/Popover.module.css.js

@@ -0,0 +1,35 @@
+import '../../assets/components/Popover/Popover.module-9na4ddfq.css';const r = "_dropFloating_jti4z_1", o = "_dropTransition_jti4z_19", d = "_dropPanel_jti4z_30", i = "_dropContent_jti4z_44", t = "_dropErrorBanner_jti4z_54", n = "_dropErrorHint_jti4z_69", e = "_dropSentinel_jti4z_78", p = "_dropSection_jti4z_85", _ = "_dropHeader_jti4z_86", s = "_dropFooter_jti4z_87", a = "_dropDivider_jti4z_107", c = "_dropDividerVisible_jti4z_123", l = "_dropDividerHidden_jti4z_127", j = "_dropOverlay_jti4z_131", z = "_dropHiddenDetached_jti4z_137", v = {
+  dropFloating: r,
+  dropTransition: o,
+  dropPanel: d,
+  dropContent: i,
+  dropErrorBanner: t,
+  dropErrorHint: n,
+  dropSentinel: e,
+  dropSection: p,
+  dropHeader: _,
+  dropFooter: s,
+  dropDivider: a,
+  dropDividerVisible: c,
+  dropDividerHidden: l,
+  dropOverlay: j,
+  dropHiddenDetached: z
+};
+export {
+  v as default,
+  i as dropContent,
+  a as dropDivider,
+  l as dropDividerHidden,
+  c as dropDividerVisible,
+  t as dropErrorBanner,
+  n as dropErrorHint,
+  r as dropFloating,
+  s as dropFooter,
+  _ as dropHeader,
+  z as dropHiddenDetached,
+  j as dropOverlay,
+  d as dropPanel,
+  p as dropSection,
+  e as dropSentinel,
+  o as dropTransition
+};

package/dist/components/Popover/components/PopoverAnchor.js

@@ -0,0 +1,17 @@
+import { cloneElement as p } from "react";
+import { usePopoverContext as f } from "../Popover.context.js";
+import { validatePopoverCompoundChild as m, assignRef as s } from "../lib/utils.js";
+const u = ({ children: o }) => {
+  const { setAnchorNode: e } = f();
+  if (!m("Popover.Anchor", o))
+    return o;
+  const t = o, n = o.ref;
+  return p(t, {
+    ref: (r) => {
+      s(n, r), e(r);
+    }
+  });
+};
+export {
+  u as PopoverAnchor
+};

package/dist/components/Popover/components/PopoverContentDivider.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import { clsx as t } from "clsx";
+import i from "../Popover.module.css.js";
+const s = (r, e) => r === "hidden" ? i.dropDividerHidden : r === "visible" ? i.dropDividerVisible : e ? i.dropDividerVisible : i.dropDividerHidden, a = ({ mode: r, isVisible: e, testId: d }) => /* @__PURE__ */ o(
+  "hr",
+  {
+    className: t(i.dropDivider, s(r, e)),
+    "data-testid": d,
+    "aria-hidden": "true"
+  }
+);
+export {
+  a as PopoverContentDivider
+};

package/dist/components/Popover/components/PopoverDrop.js

@@ -0,0 +1,113 @@
+import { jsx as e, jsxs as y, Fragment as $ } from "react/jsx-runtime";
+import { FloatingFocusManager as ee, FloatingOverlay as oe, FloatingPortal as re } from "@floating-ui/react";
+import { clsx as te } from "clsx";
+import { forwardRef as de, useState as ie, useMemo as ae, useEffect as ne } from "react";
+import { useInView as P } from "react-intersection-observer";
+import { usePopoverContext as se } from "../Popover.context.js";
+import { PopoverContentDivider as b } from "./PopoverContentDivider.js";
+import { parsePopoverChildren as le, getParsedPopoverChildrenValidationIssue as pe, reportPopoverDropValidationIssue as ce, renderSection as N, renderBodyContent as fe, mergeRefs as he, resolvePortalRoot as me } from "../lib/utils.js";
+import o from "../Popover.module.css.js";
+import { Placeholder as ve } from "../../Placeholder/Placeholder.js";
+const M = (d) => (d == null ? void 0 : d.props.divider) ?? "dynamic", ue = de(
+  ({ children: d, className: w, style: V, width: I, widthAsTarget: S, ...F }, B) => {
+    var u, g;
+    const {
+      open: a,
+      keepMounted: c,
+      disabled: D,
+      width: R,
+      widthAsTarget: C,
+      targetWidth: E,
+      contentId: T,
+      resolvedTriggerId: W,
+      floating: r,
+      refs: x,
+      context: H,
+      floatingStyles: j,
+      middlewareData: f,
+      isMounted: h,
+      transitionStyles: k,
+      getFloatingProps: A
+    } = se(), [m, O] = ie(null), { ref: q, inView: z } = P({
+      root: m,
+      threshold: 0,
+      initialInView: !0
+    }), { ref: G, inView: J } = P({
+      root: m,
+      threshold: 0,
+      initialInView: !0
+    }), K = !D && (h || c), s = ae(() => le(d), [d]), n = pe(s);
+    if (ne(() => {
+      ce(n);
+    }, [n]), !K)
+      return null;
+    const v = S ?? C ? E : I ?? R, L = !!(r.hideDetached && ((u = f.hide) != null && u.referenceHidden || (g = f.hide) != null && g.escaped)), l = s.headerElement, p = s.footerElement, Q = {
+      ...j,
+      ...v !== void 0 ? { width: v } : {},
+      ...c && !a && !h ? { display: "none" } : {},
+      ...V
+    }, U = n ? /* @__PURE__ */ e("div", { className: o.dropErrorBanner, "data-testid": "popover-drop-error", children: n.developerHint ? /* @__PURE__ */ e("pre", { className: o.dropErrorHint, children: n.developerHint }) : /* @__PURE__ */ e(ve, { title: "Упс, непредвиденная ошибка", "data-testid": "popover-drop-error-placeholder" }) }) : /* @__PURE__ */ y($, { children: [
+      N(l, o.dropHeader),
+      l && /* @__PURE__ */ e(
+        b,
+        {
+          testId: "popover-header-divider",
+          mode: M(l),
+          isVisible: !z
+        }
+      ),
+      /* @__PURE__ */ y("div", { ref: O, className: o.dropContent, children: [
+        /* @__PURE__ */ e("div", { ref: q, className: o.dropSentinel, "aria-hidden": "true" }),
+        fe(s.contentElement),
+        /* @__PURE__ */ e("div", { ref: G, className: o.dropSentinel, "aria-hidden": "true" })
+      ] }),
+      p && /* @__PURE__ */ e(
+        b,
+        {
+          testId: "popover-footer-divider",
+          mode: M(p),
+          isVisible: !J
+        }
+      ),
+      N(p, o.dropFooter)
+    ] }), X = /* @__PURE__ */ e(
+      "div",
+      {
+        ...A(F),
+        ref: he(B, x.setFloating),
+        id: T,
+        "aria-labelledby": W,
+        className: te(o.dropFloating, L && o.dropHiddenDetached, w),
+        style: Q,
+        "data-state": a ? "open" : "closed",
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: o.dropTransition,
+            style: k,
+            "data-state": a ? "open" : "closed",
+            children: /* @__PURE__ */ e("div", { className: o.dropPanel, children: U })
+          }
+        )
+      }
+    ), Y = !!(r.focusManager && a), Z = !!(r.overlay && a), _ = r.portal !== !1;
+    let t = X;
+    if (Y) {
+      const i = typeof r.focusManager == "object" ? r.focusManager : { modal: !1 };
+      t = /* @__PURE__ */ e(ee, { context: H, ...i, children: t });
+    }
+    if (Z) {
+      const i = typeof r.overlay == "object" ? r.overlay : { className: o.dropOverlay, lockScroll: !1 };
+      t = /* @__PURE__ */ e(oe, { ...i, children: t });
+    }
+    if (_) {
+      const i = me(r.portalRoot);
+      t = /* @__PURE__ */ e(re, { ...i ? { root: i } : {}, children: t });
+    }
+    return t;
+  }
+);
+ue.displayName = "Popover.Drop";
+export {
+  ue as PopoverDrop
+};

package/dist/components/Popover/components/PopoverDropContent.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+const o = n(
+  ({ className: r, ...t }, p) => /* @__PURE__ */ e("div", { ref: p, className: r, ...t })
+);
+o.displayName = "Popover.DropContent";
+o.__popoverSlot = "content";
+export {
+  o as PopoverDropContent
+};

package/dist/components/Popover/components/PopoverFooter.js

@@ -0,0 +1,10 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const o = i(
+  ({ className: r, divider: e = "dynamic", ...p }, t) => /* @__PURE__ */ d("div", { ref: t, className: r, "data-divider-mode": e, ...p })
+);
+o.displayName = "Popover.DropFooter";
+o.__popoverSlot = "footer";
+export {
+  o as PopoverFooter
+};

package/dist/components/Popover/components/PopoverHeader.js

@@ -0,0 +1,10 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const o = i(
+  ({ className: r, divider: e = "dynamic", ...d }, a) => /* @__PURE__ */ p("div", { ref: a, className: r, "data-divider-mode": e, ...d })
+);
+o.displayName = "Popover.DropHeader";
+o.__popoverSlot = "header";
+export {
+  o as PopoverHeader
+};

package/dist/components/Popover/components/PopoverRoot.js

@@ -0,0 +1,37 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { PopoverContext as P } from "../Popover.context.js";
+import { usePopover as a } from "../lib/use-popover.js";
+const V = ({
+  children: t,
+  open: e,
+  defaultOpen: m,
+  onOpenChange: p,
+  onDismiss: s,
+  disabled: v,
+  keepMounted: o = !1,
+  width: f,
+  widthAsTarget: i,
+  floating: n
+}) => {
+  const r = a({
+    open: e,
+    defaultOpen: m,
+    onOpenChange: p,
+    onDismiss: s,
+    disabled: v,
+    width: f,
+    widthAsTarget: i,
+    floating: n
+  }), c = x(
+    () => ({
+      keepMounted: o,
+      ...r
+    }),
+    [o, r]
+  );
+  return /* @__PURE__ */ u(P.Provider, { value: c, children: t });
+};
+export {
+  V as PopoverRoot
+};

package/dist/components/Popover/components/PopoverTrigger.js

@@ -0,0 +1,58 @@
+import { useLayoutEffect as I, cloneElement as P } from "react";
+import { usePopoverContext as x } from "../Popover.context.js";
+import { validatePopoverCompoundChild as A, assignRef as h } from "../lib/utils.js";
+const y = /* @__PURE__ */ new Set([
+  "button",
+  "fieldset",
+  "input",
+  "optgroup",
+  "option",
+  "select",
+  "textarea"
+]), C = (e) => typeof e.type == "string" && !y.has(e.type), l = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, S = ({ children: e, disabled: c }) => {
+  const {
+    open: o,
+    disabled: g,
+    refs: f,
+    getReferenceProps: u,
+    contentId: s,
+    triggerId: b,
+    setResolvedTriggerId: i,
+    setTriggerDisabled: n,
+    hasCustomAnchor: v
+  } = x(), d = e, D = e.ref, r = d.props ?? {}, a = r.id ?? b, t = g || c || !!r.disabled, T = C(d);
+  if (I(() => {
+    i(a), n(t);
+  }, [t, a, i, n]), !A("Popover.Trigger", e))
+    return e;
+  const m = t ? {
+    ...r,
+    "aria-controls": o ? s : void 0,
+    "aria-expanded": o,
+    "aria-haspopup": "dialog"
+  } : u({
+    ...r,
+    "aria-controls": o ? s : void 0,
+    "aria-expanded": o,
+    "aria-haspopup": "dialog"
+  });
+  return P(e, {
+    ...m,
+    ...t ? T ? {
+      "aria-disabled": !0,
+      onClick: l,
+      onKeyDown: l,
+      tabIndex: -1
+    } : { disabled: !0 } : {},
+    id: a,
+    "data-state": o ? "open" : "closed",
+    ref: (p) => {
+      h(D, p), v || f.setReference(p);
+    }
+  });
+};
+export {
+  S as PopoverTrigger
+};