@konstructio/ui 0.1.2-alpha.74 → 0.1.2-alpha.76

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,34 +1,63 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { P as u, R as b, T as m, C as p } from "../../../../index-B7-5g1Sm.js";
-import { d as h } from "../../../../debounce-DJveWHr_.js";
-import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
-const v = ({ getValue: l, value: i }) => {
-  const a = x(null), [c, f] = w(!1), n = i ?? l().toLocaleLowerCase(), t = g(() => {
-    const e = a.current;
-    e && f(e.scrollWidth > e.clientWidth);
+import { jsx as n } from "react/jsx-runtime";
+import { d as R } from "../../../../debounce-DJveWHr_.js";
+import { useRef as g, useState as z, useCallback as L, useEffect as l } from "react";
+import { Tooltip as y } from "../../../Tooltip/Tooltip.js";
+import { Typography as i } from "../../../Typography/Typography.js";
+import { cn as a } from "../../../../utils/index.js";
+const A = ({
+  getValue: u,
+  value: f,
+  textClassName: c,
+  side: m = "bottom",
+  sideOffset: p,
+  bgClassName: d,
+  arrowClassName: h,
+  className: b,
+  delayDuration: w = 0
+}) => {
+  const o = g(null), [T, x] = z(!1), r = f ?? u().toLocaleLowerCase(), t = L(() => {
+    const e = o.current;
+    e && x(e.scrollWidth > e.clientWidth);
   }, []);
-  return s(() => {
-    const e = new AbortController(), o = h(t, 300);
-    return window.addEventListener("resize", o, {
+  return l(() => {
+    const e = new AbortController(), s = R(t, 300);
+    return window.addEventListener("resize", s, {
       signal: e.signal
     }), () => {
-      e.abort(), o.cancel();
+      e.abort(), s.cancel();
     };
-  }, [t]), s(() => {
+  }, [t]), l(() => {
     t();
-  }, [t]), c ? /* @__PURE__ */ r(u, { delayDuration: 0, children: /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate cursor-pointer", children: n }) }),
-    /* @__PURE__ */ r(
-      p,
-      {
-        side: "bottom",
-        align: "center",
-        className: "animate-in fade-in-0 relative mt-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:top-0 after:-translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-b-8 after:border-kubefirst-dark-blue-900",
-        children: n
-      }
-    )
-  ] }) }) : /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate", children: n });
+  }, [t]), T ? /* @__PURE__ */ n(
+    y,
+    {
+      content: r,
+      side: m,
+      sideOffset: p,
+      bgClassName: d,
+      arrowClassName: h,
+      className: b,
+      delayDuration: w,
+      children: /* @__PURE__ */ n(
+        i,
+        {
+          ref: o,
+          component: "p",
+          className: a("w-full truncate cursor-pointer", c),
+          children: r
+        }
+      )
+    }
+  ) : /* @__PURE__ */ n(
+    i,
+    {
+      ref: o,
+      component: "p",
+      className: a("w-full truncate", c),
+      children: r
+    }
+  );
 };
 export {
-  v as TruncateText
+  A as TruncateText
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -1,5 +1,8 @@
 import { CellContext } from '@tanstack/react-table';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
-export type Props<TData extends RowData> = CellContext<TData, string> & {
+export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
     value?: string;
+    /** Additional className for the text element */
+    textClassName?: string;
 };

package/dist/components/index.d.ts

@@ -50,5 +50,7 @@ export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
 export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
+/** @deprecated Use Counter instead */
 export { Counter as NumberInput } from './Counter/Counter';
+/** @deprecated Use Select instead */
 export { Select as Dropdown } from './Select/Select';

package/dist/components/index.js

@@ -18,7 +18,7 @@ import { ImageUpload as k } from "./ImageUpload/ImageUpload.js";
 import { Input as G } from "./Input/Input.js";
 import { LineChart as y } from "./LineChart/LineChart.js";
 import { Loading as U } from "./Loading/Loading.js";
-import { M as j } from "../Modal-CXRo8f-h.js";
+import { M as j } from "../Modal-BTOXCb0Y.js";
 import { MultiSelectDropdown as H } from "./MultiSelectDropdown/MultiSelectDropdown.js";
 import { PhoneNumberInput as K } from "./PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as X } from "./PieChart/PieChart.js";

package/dist/icons.d.ts

@@ -1,2 +1,2 @@
-export { AccountsIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, CopyIcon, CpuIcon, CubeIcon, DatacenterIcon, DeleteIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InvoiceListIcon, KeyIcon, LoaderIcon, LightBulbIcon, NetworkIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, ReceiptLongIcon, RefreshIcon, ScatterPlotIcon, SearchIcon, ServerIcon, StartIcon, TabNewIcon, TeamsIcon, WarningIcon, WarningTriangleIcon, XIcon, } from './assets/icons/components';
+export { AccountsIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BookOpenIcon, CalendarMonthIcon, CheckboxMarkedCircleOutlineIcon, CheckCircleFilledIcon, CheckCircleOutlineIcon, CheckIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, CopyIcon, CpuIcon, CubeIcon, DatacenterIcon, DeleteIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, Home2Icon, HomeIcon, IdIcon, InfoCircleIcon, InformationOutlineIcon, InvoiceListIcon, KeyIcon, LoaderIcon, LightBulbIcon, NetworkIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, ReceiptLongIcon, RefreshIcon, ScatterPlotIcon, SearchIcon, ServerIcon, StartIcon, TabNewIcon, TeamsIcon, UploadIcon, WarningIcon, WarningTriangleIcon, XIcon, } from './assets/icons/components';
 export type { IconProps, IconComponent } from './assets/icons/components';

package/dist/icons.js

@@ -13,12 +13,12 @@ import { BookOpenIcon as P } from "./assets/icons/components/BookOpen.js";
 import { CalendarMonthIcon as S } from "./assets/icons/components/CalendarMonth.js";
 import { CheckCircleFilledIcon as E } from "./assets/icons/components/CheckCircleFilled.js";
 import { CheckCircleOutlineIcon as D } from "./assets/icons/components/CheckCircleOutline.js";
-import { CheckIcon as y } from "./assets/icons/components/Check.js";
-import { CheckboxMarkedCircleOutlineIcon as G } from "./assets/icons/components/CheckboxMarkedCircleOutline.js";
+import { CheckIcon as R } from "./assets/icons/components/Check.js";
+import { CheckboxMarkedCircleOutlineIcon as B } from "./assets/icons/components/CheckboxMarkedCircleOutline.js";
 import { ClockAlertIcon as T } from "./assets/icons/components/ClockAlert.js";
 import { ClockOutlineIcon as N } from "./assets/icons/components/ClockOutline.js";
-import { CloseIcon as F } from "./assets/icons/components/Close.js";
-import { CloudIcon as U } from "./assets/icons/components/Cloud.js";
+import { CloseIcon as W } from "./assets/icons/components/Close.js";
+import { CloudIcon as K } from "./assets/icons/components/Cloud.js";
 import { CloudLockOutlineIcon as X } from "./assets/icons/components/CloudLockOutline.js";
 import { ClustersIcon as q } from "./assets/icons/components/Clusters.js";
 import { CogOutlineIcon as J } from "./assets/icons/components/CogOutline.js";
@@ -39,35 +39,37 @@ import { GitIcon as Oo } from "./assets/icons/components/Git.js";
 import { GitOpsCatalogIcon as Lo } from "./assets/icons/components/GitOpsCatalog.js";
 import { GridViewIcon as vo } from "./assets/icons/components/GridView.js";
 import { HelpIcon as bo } from "./assets/icons/components/Help.js";
-import { HideOutlineIcon as Ro } from "./assets/icons/components/HideOutline.js";
-import { HomeIcon as Bo } from "./assets/icons/components/Home.js";
-import { IdIcon as Ho } from "./assets/icons/components/Id.js";
-import { InfoCircleIcon as Mo } from "./assets/icons/components/InfoCircle.js";
-import { InformationOutlineIcon as Wo } from "./assets/icons/components/InformationOutline.js";
-import { InvoiceListIcon as Ko } from "./assets/icons/components/InvoiceList.js";
-import { KeyIcon as Vo } from "./assets/icons/components/Key.js";
-import { LightBulbIcon as jo } from "./assets/icons/components/LightBulb.js";
-import { LoaderIcon as zo } from "./assets/icons/components/Loader.js";
-import { NetworkIcon as Qo } from "./assets/icons/components/Network.js";
-import { PagesStackIcon as Zo } from "./assets/icons/components/PagesStack.js";
-import { PageviewIcon as $o } from "./assets/icons/components/Pageview.js";
-import { PeopleIcon as rr } from "./assets/icons/components/People.js";
-import { PhotoLibraryIcon as tr } from "./assets/icons/components/PhotoLibrary.js";
-import { PipelineIcon as cr } from "./assets/icons/components/Pipeline.js";
-import { PlusIcon as mr } from "./assets/icons/components/Plus.js";
-import { PowerSettingsIcon as Ir } from "./assets/icons/components/PowerSettings.js";
-import { PreviewIcon as ir } from "./assets/icons/components/Preview.js";
-import { ReceiptLongIcon as ar } from "./assets/icons/components/ReceiptLong.js";
-import { RefreshIcon as ur } from "./assets/icons/components/Refresh.js";
-import { ScatterPlotIcon as dr } from "./assets/icons/components/ScatterPlot.js";
-import { SearchIcon as gr } from "./assets/icons/components/Search.js";
-import { ServerIcon as kr } from "./assets/icons/components/Server.js";
-import { StartIcon as Or } from "./assets/icons/components/Start.js";
-import { TabNewIcon as Lr } from "./assets/icons/components/TabNew.js";
-import { TeamsIcon as vr } from "./assets/icons/components/Teams.js";
-import { WarningIcon as br } from "./assets/icons/components/Warning.js";
-import { WarningTriangleIcon as Rr } from "./assets/icons/components/WarningTriangle.js";
-import { XIcon as Br } from "./assets/icons/components/X.js";
+import { HideOutlineIcon as Ho } from "./assets/icons/components/HideOutline.js";
+import { Home2Icon as yo } from "./assets/icons/components/Home2.js";
+import { HomeIcon as Go } from "./assets/icons/components/Home.js";
+import { IdIcon as Mo } from "./assets/icons/components/Id.js";
+import { InfoCircleIcon as Uo } from "./assets/icons/components/InfoCircle.js";
+import { InformationOutlineIcon as Fo } from "./assets/icons/components/InformationOutline.js";
+import { InvoiceListIcon as Vo } from "./assets/icons/components/InvoiceList.js";
+import { KeyIcon as jo } from "./assets/icons/components/Key.js";
+import { LightBulbIcon as zo } from "./assets/icons/components/LightBulb.js";
+import { LoaderIcon as Qo } from "./assets/icons/components/Loader.js";
+import { NetworkIcon as Zo } from "./assets/icons/components/Network.js";
+import { PagesStackIcon as $o } from "./assets/icons/components/PagesStack.js";
+import { PageviewIcon as rr } from "./assets/icons/components/Pageview.js";
+import { PeopleIcon as tr } from "./assets/icons/components/People.js";
+import { PhotoLibraryIcon as cr } from "./assets/icons/components/PhotoLibrary.js";
+import { PipelineIcon as mr } from "./assets/icons/components/Pipeline.js";
+import { PlusIcon as Ir } from "./assets/icons/components/Plus.js";
+import { PowerSettingsIcon as ir } from "./assets/icons/components/PowerSettings.js";
+import { PreviewIcon as ar } from "./assets/icons/components/Preview.js";
+import { ReceiptLongIcon as ur } from "./assets/icons/components/ReceiptLong.js";
+import { RefreshIcon as dr } from "./assets/icons/components/Refresh.js";
+import { ScatterPlotIcon as gr } from "./assets/icons/components/ScatterPlot.js";
+import { SearchIcon as kr } from "./assets/icons/components/Search.js";
+import { ServerIcon as Or } from "./assets/icons/components/Server.js";
+import { StartIcon as Lr } from "./assets/icons/components/Start.js";
+import { TabNewIcon as vr } from "./assets/icons/components/TabNew.js";
+import { TeamsIcon as br } from "./assets/icons/components/Teams.js";
+import { UploadIcon as Hr } from "./assets/icons/components/Upload.js";
+import { WarningIcon as yr } from "./assets/icons/components/Warning.js";
+import { WarningTriangleIcon as Gr } from "./assets/icons/components/WarningTriangle.js";
+import { XIcon as Mr } from "./assets/icons/components/X.js";
 export {
   e as AccountsIcon,
   n as AddChartIcon,
@@ -84,12 +86,12 @@ export {
   S as CalendarMonthIcon,
   E as CheckCircleFilledIcon,
   D as CheckCircleOutlineIcon,
-  y as CheckIcon,
-  G as CheckboxMarkedCircleOutlineIcon,
+  R as CheckIcon,
+  B as CheckboxMarkedCircleOutlineIcon,
   T as ClockAlertIcon,
   N as ClockOutlineIcon,
-  F as CloseIcon,
-  U as CloudIcon,
+  W as CloseIcon,
+  K as CloudIcon,
   X as CloudLockOutlineIcon,
   q as ClustersIcon,
   J as CogOutlineIcon,
@@ -110,33 +112,35 @@ export {
   Lo as GitOpsCatalogIcon,
   vo as GridViewIcon,
   bo as HelpIcon,
-  Ro as HideOutlineIcon,
-  Bo as HomeIcon,
-  Ho as IdIcon,
-  Mo as InfoCircleIcon,
-  Wo as InformationOutlineIcon,
-  Ko as InvoiceListIcon,
-  Vo as KeyIcon,
-  jo as LightBulbIcon,
-  zo as LoaderIcon,
-  Qo as NetworkIcon,
-  Zo as PagesStackIcon,
-  $o as PageviewIcon,
-  rr as PeopleIcon,
-  tr as PhotoLibraryIcon,
-  cr as PipelineIcon,
-  mr as PlusIcon,
-  Ir as PowerSettingsIcon,
-  ir as PreviewIcon,
-  ar as ReceiptLongIcon,
-  ur as RefreshIcon,
-  dr as ScatterPlotIcon,
-  gr as SearchIcon,
-  kr as ServerIcon,
-  Or as StartIcon,
-  Lr as TabNewIcon,
-  vr as TeamsIcon,
-  br as WarningIcon,
-  Rr as WarningTriangleIcon,
-  Br as XIcon
+  Ho as HideOutlineIcon,
+  yo as Home2Icon,
+  Go as HomeIcon,
+  Mo as IdIcon,
+  Uo as InfoCircleIcon,
+  Fo as InformationOutlineIcon,
+  Vo as InvoiceListIcon,
+  jo as KeyIcon,
+  zo as LightBulbIcon,
+  Qo as LoaderIcon,
+  Zo as NetworkIcon,
+  $o as PagesStackIcon,
+  rr as PageviewIcon,
+  tr as PeopleIcon,
+  cr as PhotoLibraryIcon,
+  mr as PipelineIcon,
+  Ir as PlusIcon,
+  ir as PowerSettingsIcon,
+  ar as PreviewIcon,
+  ur as ReceiptLongIcon,
+  dr as RefreshIcon,
+  gr as ScatterPlotIcon,
+  kr as SearchIcon,
+  Or as ServerIcon,
+  Lr as StartIcon,
+  vr as TabNewIcon,
+  br as TeamsIcon,
+  Hr as UploadIcon,
+  yr as WarningIcon,
+  Gr as WarningTriangleIcon,
+  Mr as XIcon
 };

package/dist/index-BvEpLnOv.js

@@ -0,0 +1,144 @@
+import * as r from "react";
+import { P as m, c as p, d as U, u as z } from "./index--l0zux8V.js";
+import { u as T } from "./index-DLcqcWxM.js";
+import { u as b } from "./index-0ioNhtNM.js";
+import { jsx as P } from "react/jsx-runtime";
+import H from "react-dom";
+function K(n, e = globalThis?.document) {
+  const t = b(n);
+  r.useEffect(() => {
+    const o = (s) => {
+      s.key === "Escape" && t(s);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var j = "DismissableLayer", h = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", R, B = r.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = r.forwardRef(
+  (n, e) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: s,
+      onFocusOutside: a,
+      onInteractOutside: d,
+      onDismiss: l,
+      ...E
+    } = n, c = r.useContext(B), [u, S] = r.useState(null), f = u?.ownerDocument ?? globalThis?.document, [, A] = r.useState({}), N = T(e, (i) => S(i)), D = Array.from(c.layers), [W] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = D.indexOf(W), O = u ? D.indexOf(u) : -1, k = c.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= _, M = G((i) => {
+      const v = i.target, w = [...c.branches].some((y) => y.contains(v));
+      !L || w || (s?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f), C = J((i) => {
+      const v = i.target;
+      [...c.branches].some((y) => y.contains(v)) || (a?.(i), d?.(i), i.defaultPrevented || l?.());
+    }, f);
+    return K((i) => {
+      O === c.layers.size - 1 && (o?.(i), !i.defaultPrevented && l && (i.preventDefault(), l()));
+    }, f), r.useEffect(() => {
+      if (u)
+        return t && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (R = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), g(), () => {
+          t && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = R);
+        };
+    }, [u, f, t, c]), r.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), g());
+    }, [u, c]), r.useEffect(() => {
+      const i = () => A({});
+      return document.addEventListener(h, i), () => document.removeEventListener(h, i);
+    }, []), /* @__PURE__ */ P(
+      m.div,
+      {
+        ...E,
+        ref: N,
+        style: {
+          pointerEvents: k ? L ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: p(n.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: p(n.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: p(
+          n.onPointerDownCapture,
+          M.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = j;
+var q = "DismissableLayerBranch", F = r.forwardRef((n, e) => {
+  const t = r.useContext(B), o = r.useRef(null), s = T(e, o);
+  return r.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return t.branches.add(a), () => {
+        t.branches.delete(a);
+      };
+  }, [t.branches]), /* @__PURE__ */ P(m.div, { ...n, ref: s });
+});
+F.displayName = q;
+function G(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1), s = r.useRef(() => {
+  });
+  return r.useEffect(() => {
+    const a = (l) => {
+      if (l.target && !o.current) {
+        let E = function() {
+          I(
+            X,
+            t,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: l };
+        l.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", s.current);
+      o.current = !1;
+    }, d = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(d), e.removeEventListener("pointerdown", a), e.removeEventListener("click", s.current);
+    };
+  }, [e, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function J(n, e = globalThis?.document) {
+  const t = b(n), o = r.useRef(!1);
+  return r.useEffect(() => {
+    const s = (a) => {
+      a.target && !o.current && I(Y, t, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function g() {
+  const n = new CustomEvent(h);
+  document.dispatchEvent(n);
+}
+function I(n, e, t, { discrete: o }) {
+  const s = t.originalEvent.target, a = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
+  e && s.addEventListener(n, e, { once: !0 }), o ? U(s, a) : s.dispatchEvent(a);
+}
+var ne = x, re = F, Q = "Portal", V = r.forwardRef((n, e) => {
+  const { container: t, ...o } = n, [s, a] = r.useState(!1);
+  z(() => a(!0), []);
+  const d = t || s && globalThis?.document?.body;
+  return d ? H.createPortal(/* @__PURE__ */ P(m.div, { ...o, ref: e }), d) : null;
+});
+V.displayName = Q;
+export {
+  re as B,
+  x as D,
+  V as P,
+  ne as R
+};

package/dist/{index-Dd_ZmIqU.js → index-C7zAY3xv.js}

@@ -3,7 +3,7 @@ import * as l from "react";
 import { forwardRef as I } from "react";
 import { c as x, b as M } from "./index--l0zux8V.js";
 import { u } from "./index-DLcqcWxM.js";
-import { T as L, c as A, R as $, P as F, O as B, W as G, C as W, d as j, e as Y, b as f } from "./index-9a-FL_6D.js";
+import { T as L, c as A, R as $, P as F, O as B, W as G, C as W, d as j, e as Y, b as f } from "./index-DWyM654o.js";
 import { Button as k } from "./components/Button/Button.js";
 import { cn as q } from "./utils/index.js";
 var H = /* @__PURE__ */ Symbol("radix.slottable");

package/dist/{index-Dfq4O3b4.js → index-CrCTywU1.js}

@@ -1,4 +1,4 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-9a-FL_6D.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-DWyM654o.js";
 import * as n from "react";
 import { P as C } from "./index--l0zux8V.js";
 import { u as P } from "./index-BKMaItIC.js";