@midas-ds/components 17.7.4 → 17.7.5

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 17.7.5 (2026-03-11)
+
+### 🩹 Fixes
+
+- **components,table-styles:** update RAC to latest ([e2877fa6e2](https://github.com/migrationsverket/midas/commit/e2877fa6e2))
+
+### 🏭 Refactoring
+
+- **components,label:** remove local state ([f64cb9d51c](https://github.com/migrationsverket/midas/commit/f64cb9d51c))
+- **components,popover:** enable context props ([aeae93325a](https://github.com/migrationsverket/midas/commit/aeae93325a))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.12.10
+
 ## 17.7.4 (2026-03-11)
 
 ### 🧱 Updated Dependencies

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-sAkQe7Q9.js";
-import { C } from "../chunks/CheckboxGroup-C5JLzeJv.js";
+import { C } from "../chunks/CheckboxGroup-Bit-LRe2.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{CheckboxGroup-C5JLzeJv.js → CheckboxGroup-Bit-LRe2.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-Bhnpbs10.js";
+import { a as k, L as S } from "./Label-DqTDExC-.js";
 import { T as y } from "./Text-D0r_W4lH.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-sAkQe7Q9.js";

package/chunks/{ComboBox-I4tZIYpb.js → ComboBox-uD5DREps.js}

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import L from "react";
 import { ComboBox as F, Input as w, Button as R } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as y, L as B } from "./Label-Bhnpbs10.js";
+import { a as y, L as B } from "./Label-DqTDExC-.js";
 import { T as C } from "./Text-D0r_W4lH.js";
 import { F as u } from "./FieldError-krpMBtie.js";
 import { L as N } from "./ListBox-CDlOUvzJ.js";

package/chunks/{DateField-cAJ_r2cj.js → DateField-D3HP1eyS.js}

@@ -4,7 +4,7 @@ import { DateField as h, DateFieldStateContext as D } from "react-aria-component
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as g, b as B } from "./DateInputDivider-DwopMIb9.js";
 import { F } from "./FieldError-krpMBtie.js";
-import { a as C, L as b } from "./Label-Bhnpbs10.js";
+import { a as C, L as b } from "./Label-DqTDExC-.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { C as S } from "./ClearButton-DBr9Zfwq.js";
 import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";

package/chunks/{DateRangePicker-BGoKQCZf.js → DateRangePicker-wBbSTH-B.js}

@@ -5,7 +5,7 @@ import { a as k } from "./clsx-AexbMWKp.js";
 import { C as I, R as O } from "./RangeCalendar-LheFd9WF.js";
 import { D as P, b as _, a as V } from "./DateInputDivider-DwopMIb9.js";
 import { F as g } from "./FieldError-krpMBtie.js";
-import { a as y, L as v } from "./Label-Bhnpbs10.js";
+import { a as y, L as v } from "./Label-DqTDExC-.js";
 import { T as D } from "./Text-D0r_W4lH.js";
 import * as f from "react";
 import { C as j } from "./ClearButton-DBr9Zfwq.js";

package/chunks/Label-DqTDExC-.js

@@ -0,0 +1,66 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as b from "react";
+import i, { useContext as f } from "react";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { DialogTrigger as d, Label as g } from "react-aria-components";
+import { P as u } from "./Popover-6cnHxDEK.js";
+import { B as P } from "./Button-BhIvfqOc.js";
+import { I as _ } from "./info-N5jWZg2A.js";
+import { u as x } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
+  labelBase: I
+}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", c = {
+  labelPopover: T,
+  labelPopoverTrigger: B
+}, y = { moreInfo: "More info" }, C = { moreInfo: "Mer information" }, E = {
+  en: y,
+  sv: C
+}, N = ({
+  children: e,
+  "aria-label": o
+}) => {
+  const a = f(s), t = x(E);
+  return /* @__PURE__ */ n(d, { children: [
+    /* @__PURE__ */ r(
+      P,
+      {
+        variant: "icon",
+        size: "medium",
+        className: c.labelPopoverTrigger,
+        "aria-label": o || t.format("moreInfo"),
+        id: a?.popoverId,
+        children: /* @__PURE__ */ r(_, { size: 20 })
+      }
+    ),
+    /* @__PURE__ */ r(u, { children: e })
+  ] });
+}, s = i.createContext(void 0), $ = ({ children: e, popover: o }) => {
+  const a = i.useId();
+  return o ? /* @__PURE__ */ r(s.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ n("div", { className: c.labelPopover, children: [
+    e,
+    /* @__PURE__ */ r(N, { ...o })
+  ] }) }) : e;
+}, l = "label", w = ({
+  children: e,
+  className: o,
+  elementType: a = l,
+  ...t
+}) => {
+  const m = {
+    className: v(L.labelBase, o),
+    elementType: a || l,
+    ...t
+  }, p = b.useContext(s);
+  return /* @__PURE__ */ r(
+    g,
+    {
+      ...m,
+      "aria-describedby": p?.popoverId,
+      children: e
+    }
+  );
+};
+export {
+  w as L,
+  $ as a
+};

package/chunks/Popover-6cnHxDEK.js

@@ -0,0 +1,34 @@
+import { jsx as r, jsxs as d, Fragment as l } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useContextProps as v, PopoverContext as h, Popover as w, composeRenderProps as x, OverlayArrow as P } from "react-aria-components";
+import { c as _ } from "./clsx-AexbMWKp.js";
+import '../assets/Popover.css';const g = "_popover_1sqxu_1", u = "_arrow_1sqxu_23", e = {
+  popover: g,
+  arrow: u
+}, y = f((s, t) => {
+  const [o, p] = v(s, t, h), { className: a, hideArrow: c = !1, offset: n = 4, ...m } = o;
+  return /* @__PURE__ */ r(
+    w,
+    {
+      className: _(e.popover, a),
+      offset: n,
+      ref: p,
+      ...m,
+      children: x(o.children, (i) => /* @__PURE__ */ d(l, { children: [
+        !c && /* @__PURE__ */ r(P, { className: e.arrow, children: /* @__PURE__ */ r(
+          "svg",
+          {
+            height: 16,
+            viewBox: "0 0 16 16",
+            width: 16,
+            children: /* @__PURE__ */ r("path", { d: "M0 0 L8 8 L16 0" })
+          }
+        ) }),
+        i
+      ] }))
+    }
+  );
+});
+export {
+  y as P
+};

package/chunks/{ProgressBar-BGBPAJCv.js → ProgressBar-DuHPYIDe.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
 import { ProgressBar as f } from "react-aria-components";
-import { L as t } from "./Label-Bhnpbs10.js";
+import { L as t } from "./Label-DqTDExC-.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
   progressBar: N,

package/chunks/{Radio-DebU3D38.js → Radio-DEBKK7v9.js}

@@ -2,7 +2,7 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { a as G, L as R } from "./Label-Bhnpbs10.js";
+import { a as G, L as R } from "./Label-DqTDExC-.js";
 import { T as h } from "./Text-D0r_W4lH.js";
 import { F as t } from "./FieldError-krpMBtie.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {

package/chunks/{Select-YGQv4Oxx.js → Select-Dt_shvH_.js}

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as C, jsxs as i } from "react/jsx-runtime";
 import { SelectStateContext as d, SelectValue as f, Button as p, TagList as N, Select as x } from "react-aria-components";
 import { FocusScope as b } from "@react-aria/focus";
-import { a as T, L as y } from "./Label-Bhnpbs10.js";
+import { a as T, L as y } from "./Label-DqTDExC-.js";
 import { a as B, c as g } from "./clsx-AexbMWKp.js";
 import { T as M } from "./Text-D0r_W4lH.js";
 import { F as _ } from "./FieldError-krpMBtie.js";
@@ -11,7 +11,7 @@ import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { useFocusManager as L } from "react-aria";
 import { X as I } from "./x-B9bYxG31.js";
 import { L as G } from "./ListBox-CDlOUvzJ.js";
-import { P as j } from "./Popover-CaP4LFhg.js";
+import { P as j } from "./Popover-6cnHxDEK.js";
 import { a as k, T as R } from "./TagGroup-CntiwvfQ.js";
 import { C as $ } from "./chevron-down-BBFYYzZq.js";
 import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, z = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {

package/chunks/{TextArea-BL0NbUHd.js → TextArea-CDnC5fhC.js}

@@ -9,7 +9,7 @@ import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-Bhnpbs10.js";
+import { a as v, L as E } from "./Label-DqTDExC-.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-I4tZIYpb.js";
+import { C as r } from "../chunks/ComboBox-uD5DREps.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-cAJ_r2cj.js";
+import { D as t } from "../chunks/DateField-D3HP1eyS.js";
 import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-BGoKQCZf.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-wBbSTH-B.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -8,36 +8,36 @@ import { C, R as L } from "./chunks/RangeCalendar-LheFd9WF.js";
 import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
 import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
-import { C as h } from "./chunks/CheckboxGroup-C5JLzeJv.js";
+import { C as h } from "./chunks/CheckboxGroup-Bit-LRe2.js";
 import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
-import { C as N } from "./chunks/ComboBox-I4tZIYpb.js";
-import { D as z } from "./chunks/DateField-cAJ_r2cj.js";
+import { C as N } from "./chunks/ComboBox-uD5DREps.js";
+import { D as z } from "./chunks/DateField-D3HP1eyS.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-BGoKQCZf.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-wBbSTH-B.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
 import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
 import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
-import { L as xo } from "./chunks/Label-Bhnpbs10.js";
+import { L as xo } from "./chunks/Label-DqTDExC-.js";
 import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-SqGyudO8.js";
 import { L as lo } from "./chunks/Link-rqGQvFQq.js";
 import { L as Co } from "./chunks/LinkButton-DJ-D5PkB.js";
 import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
 import { M as Do } from "./chunks/Dialog-DVff9MDd.js";
-import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
-import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
-import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
+import { P as Ro } from "./chunks/Popover-6cnHxDEK.js";
+import { P as Po } from "./chunks/ProgressBar-DuHPYIDe.js";
+import { R as vo, a as Fo } from "./chunks/Radio-DEBKK7v9.js";
 import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
-import { S as Ho } from "./chunks/Select-YGQv4Oxx.js";
+import { S as Ho } from "./chunks/Select-Dt_shvH_.js";
 import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
 import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
 import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
 import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
 import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-CntiwvfQ.js";
 import { T as ra } from "./chunks/Text-D0r_W4lH.js";
-import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
+import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-CDnC5fhC.js";
 import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
 import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
 import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
@@ -49,7 +49,7 @@ import { c as wa } from "./chunks/clsx-AexbMWKp.js";
 import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
 import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
 import { useToastState as Ja } from "react-stately";
-const o = "17.7.4", a = {
+const o = "17.7.5", a = {
   version: o
 }, r = a.version;
 export {

package/label/InfoPopover.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
 /** Display an info-icon with popover next to the label to further explain what the user should enter in the field */
 export interface InfoPopoverProps {
     /** An assistive text that helps the user understand the field better. Will be hidden in a popover with an info icon button. */
-    children: React.ReactNode;
+    children: ReactNode;
     /** An aria-label for the info icon button trigger */
     'aria-label'?: string;
 }
-export declare const InfoPopover: React.FC<InfoPopoverProps>;
+export declare const InfoPopover: ({ children, "aria-label": ariaLabel, }: InfoPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-Bhnpbs10.js";
+import { L as o } from "../chunks/Label-DqTDExC-.js";
 export {
   o as Label
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.7.4",
+  "version": "17.7.5",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.12.9",
-    "react-aria-components": "1.14.0"
+    "@midas-ds/theme": "3.12.10",
+    "react-aria-components": "1.16.0"
   }
 }

package/popover/Popover.d.ts

@@ -1,7 +1,9 @@
-import { PopoverProps } from 'react-aria-components';
-import * as React from 'react';
-export interface MidasPopoverProps extends Omit<PopoverProps, 'children'> {
-    children: React.ReactNode;
+import { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+export interface PopoverProps extends AriaPopoverProps {
     hideArrow?: boolean;
 }
-export declare function Popover({ children, className, offset, hideArrow, ...props }: MidasPopoverProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated since v17.0.0 please use `PopoverProps` instead
+ */
+export type MidasPopoverProps = PopoverProps;
+export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLElement>>;

package/popover/Popover.stories.d.ts

@@ -3,7 +3,7 @@ import { Popover } from './Popover';
 import { DialogTrigger } from 'react-aria-components';
 type Story = StoryObj<typeof Popover>;
 declare const _default: {
-    component: typeof Popover;
+    component: import('react').ForwardRefExoticComponent<import('./Popover').PopoverProps & import('react').RefAttributes<HTMLElement>>;
     subcomponents: {
         DialogTrigger: typeof DialogTrigger;
     };

package/popover/index.js

@@ -1,4 +1,4 @@
-import { P as e } from "../chunks/Popover-CaP4LFhg.js";
+import { P as e } from "../chunks/Popover-6cnHxDEK.js";
 export {
   e as Popover
 };

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-BGBPAJCv.js";
+import { P as s } from "../chunks/ProgressBar-DuHPYIDe.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-DebU3D38.js";
+import { R as r, a as R } from "../chunks/Radio-DEBKK7v9.js";
 export {
   r as Radio,
   R as RadioGroup

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-YGQv4Oxx.js";
+import { S as r } from "../chunks/Select-Dt_shvH_.js";
 export {
   r as Select
 };

package/textfield/TextArea.stories.d.ts

@@ -31,6 +31,7 @@ export declare const Disabled: {
         style?: (import('react').CSSProperties | ((values: import('react-aria-components').TextFieldRenderProps & {
             defaultStyle: import('react').CSSProperties;
         }) => import('react').CSSProperties | undefined)) | undefined;
+        render?: ((props: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, renderProps: import('react-aria-components').TextFieldRenderProps) => import('react').ReactElement) | undefined;
         id?: string;
         dir?: string | undefined;
         lang?: string | undefined;

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BL0NbUHd.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CDnC5fhC.js";
 export {
   s as Input,
   t as TextArea,

package/chunks/Label-Bhnpbs10.js

@@ -1,74 +0,0 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import * as b from "react";
-import s from "react";
-import { c as v } from "./clsx-AexbMWKp.js";
-import { DialogTrigger as g, Label as d } from "react-aria-components";
-import { P as u } from "./Popover-CaP4LFhg.js";
-import { B as P } from "./Button-BhIvfqOc.js";
-import { I as _ } from "./info-N5jWZg2A.js";
-import { u as I } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Label.css';const x = "_labelBase_f5wtf_1", L = {
-  labelBase: x
-}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", f = {
-  labelPopover: T,
-  labelPopoverTrigger: B
-}, C = { moreInfo: "More info" }, h = { moreInfo: "Mer information" }, y = {
-  en: C,
-  sv: h
-}, E = ({
-  children: e,
-  "aria-label": o
-}) => {
-  const [a, t] = s.useState(!1), l = s.useContext(i), n = I(y), c = s.useRef(null);
-  return /* @__PURE__ */ m(
-    g,
-    {
-      isOpen: a,
-      onOpenChange: t,
-      children: [
-        /* @__PURE__ */ r(
-          P,
-          {
-            ref: c,
-            variant: "icon",
-            size: "medium",
-            className: f.labelPopoverTrigger,
-            "aria-label": o || n.format("moreInfo"),
-            id: l?.popoverId,
-            children: /* @__PURE__ */ r(_, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ r(u, { triggerRef: c, children: e })
-      ]
-    }
-  );
-}, i = s.createContext(void 0), S = ({ children: e, popover: o }) => {
-  const a = s.useId();
-  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ m("div", { className: f.labelPopover, children: [
-    e,
-    /* @__PURE__ */ r(E, { ...o })
-  ] }) }) : e;
-}, p = "label", W = ({
-  children: e,
-  className: o,
-  elementType: a = p,
-  ...t
-}) => {
-  const l = {
-    className: v(L.labelBase, o),
-    elementType: a || p,
-    ...t
-  }, n = b.useContext(i);
-  return /* @__PURE__ */ r(
-    d,
-    {
-      ...l,
-      "aria-describedby": n?.popoverId,
-      children: e
-    }
-  );
-};
-export {
-  W as L,
-  S as a
-};

package/chunks/Popover-CaP4LFhg.js

@@ -1,38 +0,0 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as i } from "./clsx-AexbMWKp.js";
-import { Popover as v, OverlayArrow as l } from "react-aria-components";
-import '../assets/Popover.css';const n = "_popover_1sqxu_1", m = "_arrow_1sqxu_23", r = {
-  popover: n,
-  arrow: m
-};
-function _({
-  children: s,
-  className: e,
-  offset: p = 4,
-  hideArrow: a = !1,
-  ...t
-}) {
-  return /* @__PURE__ */ c(
-    v,
-    {
-      ...t,
-      offset: p,
-      className: i(r.popover, e),
-      children: [
-        !a && /* @__PURE__ */ o(l, { className: r.arrow, children: /* @__PURE__ */ o(
-          "svg",
-          {
-            width: 16,
-            height: 16,
-            viewBox: "0 0 16 16",
-            children: /* @__PURE__ */ o("path", { d: "M0 0 L8 8 L16 0" })
-          }
-        ) }),
-        s
-      ]
-    }
-  );
-}
-export {
-  _ as P
-};