@ledgerhq/lumen-ui-react 0.1.14 → 0.1.15

package/dist/_virtual/index.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = /* @__PURE__ */ r();
+export {
+  i as s
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/with-selector.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/with-selector.js

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/with-selector.js";
+var t = /* @__PURE__ */ r();
+export {
+  t as w
+};

package/dist/_virtual/with-selector.production.js

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

package/dist/_virtual/with-selector2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/index.js

@@ -1,50 +1,51 @@
-import { Languages as t } from "./i18n/languages.js";
+import { Languages as r } from "./i18n/languages.js";
 import { AddressInput as a } from "./lib/Components/AddressInput/AddressInput.js";
 import { AmountInput as i } from "./lib/Components/AmountInput/AmountInput.js";
 import { AmountDisplay as p } from "./lib/Components/AmountDisplay/AmountDisplay.js";
 import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
 import { Banner as u } from "./lib/Components/Banner/Banner.js";
 import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
-import { Button as S } from "./lib/Components/Button/Button.js";
+import { Button as g } from "./lib/Components/Button/Button.js";
 import { BaseButton as B } from "./lib/Components/Button/BaseButton.js";
-import { Card as c, CardContent as I, CardContentDescription as s, CardContentRow as M, CardContentTitle as D, CardFooter as L, CardFooterActions as h, CardHeader as R, CardLeading as v, CardTrailing as A } from "./lib/Components/Card/Card.js";
+import { Card as b, CardContent as I, CardContentDescription as s, CardContentRow as M, CardContentTitle as D, CardFooter as L, CardFooterActions as h, CardHeader as v, CardLeading as R, CardTrailing as A } from "./lib/Components/Card/Card.js";
 import { CardButton as H } from "./lib/Components/CardButton/CardButton.js";
-import { ContentBanner as y, ContentBannerContent as G, ContentBannerDescription as N, ContentBannerTitle as P } from "./lib/Components/ContentBanner/ContentBanner.js";
+import { ContentBanner as k, ContentBannerContent as y, ContentBannerDescription as G, ContentBannerTitle as N } from "./lib/Components/ContentBanner/ContentBanner.js";
 import { Checkbox as E } from "./lib/Components/Checkbox/Checkbox.js";
 import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } from "./lib/Components/DataTable/DataTable.js";
 import { useLumenDataTable as J } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
 import { DialogClose as Q } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
 import { Dialog as V, DialogBody as W, DialogBodyStickyContent as X, DialogContent as Y, DialogFooter as Z, DialogTrigger as $ } from "./lib/Components/Dialog/Dialog.js";
 import { DialogHeader as oe } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as re } from "./lib/Components/Divider/Divider.js";
+import { Divider as te } from "./lib/Components/Divider/Divider.js";
 import { IconButton as ne } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as le } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as me } from "./lib/Components/Link/Link.js";
-import { ListItem as de, ListItemContent as ue, ListItemDescription as xe, ListItemIcon as fe, ListItemLeading as Ce, ListItemSpot as Se, ListItemTitle as ge, ListItemTrailing as Be, ListItemTruncate as be } from "./lib/Components/ListItem/ListItem.js";
+import { ListItem as de, ListItemContent as ue, ListItemDescription as xe, ListItemIcon as fe, ListItemLeading as Ce, ListItemSpot as ge, ListItemTitle as Se, ListItemTrailing as Be, ListItemTruncate as ce } from "./lib/Components/ListItem/ListItem.js";
 import { MediaBanner as Ie, MediaBannerDescription as se, MediaBannerTitle as Me } from "./lib/Components/MediaBanner/MediaBanner.js";
 import { MediaCard as Le, MediaCardTitle as he } from "./lib/Components/MediaCard/MediaCard.js";
-import { Menu as ve, MenuCheckboxItem as Ae, MenuContent as we, MenuGroup as He, MenuItem as ke, MenuLabel as ye, MenuPortal as Ge, MenuRadioGroup as Ne, MenuRadioItem as Pe, MenuSeparator as Fe, MenuSub as Ee, MenuSubContent as Oe, MenuSubTrigger as _e, MenuTrigger as je } from "./lib/Components/Menu/Menu.js";
+import { Menu as Re, MenuCheckboxItem as Ae, MenuContent as we, MenuGroup as He, MenuItem as Pe, MenuLabel as ke, MenuPortal as ye, MenuRadioGroup as Ge, MenuRadioItem as Ne, MenuSeparator as Fe, MenuSub as Ee, MenuSubContent as Oe, MenuSubTrigger as _e, MenuTrigger as je } from "./lib/Components/Menu/Menu.js";
 import { NavBar as ze, NavBarBackButton as Je, NavBarCoinCapsule as Ke, NavBarTitle as Qe, NavBarTrailing as Ue } from "./lib/Components/NavBar/NavBar.js";
-import { PageIndicator as We } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as Ye } from "./lib/Components/SearchInput/SearchInput.js";
-import { SegmentedControl as $e, SegmentedControlButton as eo } from "./lib/Components/SegmentedControl/SegmentedControl.js";
-import { Select as to, SelectContent as ro, SelectGroup as ao, SelectItem as no, SelectItemText as io, SelectLabel as lo, SelectSeparator as po, SelectTrigger as mo, SelectTriggerButton as To } from "./lib/Components/Select/Select.js";
-import { TriggerButton as xo } from "./lib/Components/TriggerButton/TriggerButton.js";
-import { SideBar as Co, SideBarCollapseToggle as So, SideBarItem as go, SideBarLeading as Bo, SideBarTrailing as bo } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Io } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Mo } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as Lo } from "./lib/Components/Spot/Spot.js";
-import { Stepper as Ro } from "./lib/Components/Stepper/Stepper.js";
-import { Subheader as Ao, SubheaderCount as wo, SubheaderDescription as Ho, SubheaderInfo as ko, SubheaderRow as yo, SubheaderShowMore as Go, SubheaderTitle as No } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Fo } from "./lib/Components/Switch/Switch.js";
-import { Table as Oo, TableActionBar as _o, TableActionBarLeading as jo, TableActionBarTrailing as qo, TableBody as zo, TableCell as Jo, TableCellContent as Ko, TableGroupHeaderRow as Qo, TableHeader as Uo, TableHeaderCell as Vo, TableHeaderRow as Wo, TableInfoIcon as Xo, TableLoadingRow as Yo, TableRoot as Zo, TableRow as $o, TableSortButton as et } from "./lib/Components/Table/Table.js";
-import { Tag as tt } from "./lib/Components/Tag/Tag.js";
-import { TextInput as at } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as it, TileContent as lt, TileDescription as pt, TileSecondaryAction as mt, TileTitle as Tt, TileTrailingContent as dt } from "./lib/Components/Tile/Tile.js";
-import { TileButton as xt } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Ct, TooltipContent as St, TooltipProvider as gt, TooltipTrigger as Bt } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as ct } from "./lib/Components/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as st } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
+import { Popover as We, PopoverContent as Xe, PopoverTrigger as Ye, createPopoverHandle as Ze } from "./lib/Components/Popover/Popover.js";
+import { PageIndicator as eo } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as ro } from "./lib/Components/SearchInput/SearchInput.js";
+import { SegmentedControl as ao, SegmentedControlButton as no } from "./lib/Components/SegmentedControl/SegmentedControl.js";
+import { Select as lo, SelectContent as po, SelectGroup as mo, SelectItem as To, SelectItemText as uo, SelectLabel as xo, SelectSeparator as fo, SelectTrigger as Co, SelectTriggerButton as go } from "./lib/Components/Select/Select.js";
+import { TriggerButton as Bo } from "./lib/Components/TriggerButton/TriggerButton.js";
+import { SideBar as bo, SideBarCollapseToggle as Io, SideBarItem as so, SideBarLeading as Mo, SideBarTrailing as Do } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as ho } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as Ro } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as wo } from "./lib/Components/Spot/Spot.js";
+import { Stepper as Po } from "./lib/Components/Stepper/Stepper.js";
+import { Subheader as yo, SubheaderCount as Go, SubheaderDescription as No, SubheaderInfo as Fo, SubheaderRow as Eo, SubheaderShowMore as Oo, SubheaderTitle as _o } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as qo } from "./lib/Components/Switch/Switch.js";
+import { Table as Jo, TableActionBar as Ko, TableActionBarLeading as Qo, TableActionBarTrailing as Uo, TableBody as Vo, TableCell as Wo, TableCellContent as Xo, TableGroupHeaderRow as Yo, TableHeader as Zo, TableHeaderCell as $o, TableHeaderRow as er, TableInfoIcon as or, TableLoadingRow as rr, TableRoot as tr, TableRow as ar, TableSortButton as nr } from "./lib/Components/Table/Table.js";
+import { Tag as lr } from "./lib/Components/Tag/Tag.js";
+import { TextInput as mr } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as dr, TileContent as ur, TileDescription as xr, TileSecondaryAction as fr, TileTitle as Cr, TileTrailingContent as gr } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Br } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as br, TooltipContent as Ir, TooltipProvider as sr, TooltipTrigger as Mr } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Lr } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as vr } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
@@ -53,9 +54,9 @@ export {
   u as Banner,
   B as BaseButton,
   f as BaseInput,
-  S as Button,
-  st as COLOR_SCHEMES,
-  c as Card,
+  g as Button,
+  vr as COLOR_SCHEMES,
+  b as Card,
   H as CardButton,
   I as CardContent,
   s as CardContentDescription,
@@ -63,14 +64,14 @@ export {
   D as CardContentTitle,
   L as CardFooter,
   h as CardFooterActions,
-  R as CardHeader,
-  v as CardLeading,
+  v as CardHeader,
+  R as CardLeading,
   A as CardTrailing,
   E as Checkbox,
-  y as ContentBanner,
-  G as ContentBannerContent,
-  N as ContentBannerDescription,
-  P as ContentBannerTitle,
+  k as ContentBanner,
+  y as ContentBannerContent,
+  G as ContentBannerDescription,
+  N as ContentBannerTitle,
   _ as DataTable,
   j as DataTableGlobalSearchInput,
   q as DataTableRoot,
@@ -82,34 +83,34 @@ export {
   Z as DialogFooter,
   oe as DialogHeader,
   $ as DialogTrigger,
-  re as Divider,
+  te as Divider,
   ne as IconButton,
   le as InteractiveIcon,
-  t as Languages,
+  r as Languages,
   me as Link,
   de as ListItem,
   ue as ListItemContent,
   xe as ListItemDescription,
   fe as ListItemIcon,
   Ce as ListItemLeading,
-  Se as ListItemSpot,
-  ge as ListItemTitle,
+  ge as ListItemSpot,
+  Se as ListItemTitle,
   Be as ListItemTrailing,
-  be as ListItemTruncate,
+  ce as ListItemTruncate,
   Ie as MediaBanner,
   se as MediaBannerDescription,
   Me as MediaBannerTitle,
   Le as MediaCard,
   he as MediaCardTitle,
-  ve as Menu,
+  Re as Menu,
   Ae as MenuCheckboxItem,
   we as MenuContent,
   He as MenuGroup,
-  ke as MenuItem,
-  ye as MenuLabel,
-  Ge as MenuPortal,
-  Ne as MenuRadioGroup,
-  Pe as MenuRadioItem,
+  Pe as MenuItem,
+  ke as MenuLabel,
+  ye as MenuPortal,
+  Ge as MenuRadioGroup,
+  Ne as MenuRadioItem,
   Fe as MenuSeparator,
   Ee as MenuSub,
   Oe as MenuSubContent,
@@ -120,66 +121,70 @@ export {
   Ke as NavBarCoinCapsule,
   Qe as NavBarTitle,
   Ue as NavBarTrailing,
-  We as PageIndicator,
-  Ye as SearchInput,
-  $e as SegmentedControl,
-  eo as SegmentedControlButton,
-  to as Select,
-  ro as SelectContent,
-  ao as SelectGroup,
-  no as SelectItem,
-  io as SelectItemText,
-  lo as SelectLabel,
-  po as SelectSeparator,
-  mo as SelectTrigger,
-  To as SelectTriggerButton,
-  Co as SideBar,
-  So as SideBarCollapseToggle,
-  go as SideBarItem,
-  Bo as SideBarLeading,
-  bo as SideBarTrailing,
-  Io as Skeleton,
-  Mo as Spinner,
-  Lo as Spot,
-  Ro as Stepper,
-  Ao as Subheader,
-  wo as SubheaderCount,
-  Ho as SubheaderDescription,
-  ko as SubheaderInfo,
-  yo as SubheaderRow,
-  Go as SubheaderShowMore,
-  No as SubheaderTitle,
-  Fo as Switch,
-  Oo as Table,
-  _o as TableActionBar,
-  jo as TableActionBarLeading,
-  qo as TableActionBarTrailing,
-  zo as TableBody,
-  Jo as TableCell,
-  Ko as TableCellContent,
-  Qo as TableGroupHeaderRow,
-  Uo as TableHeader,
-  Vo as TableHeaderCell,
-  Wo as TableHeaderRow,
-  Xo as TableInfoIcon,
-  Yo as TableLoadingRow,
-  Zo as TableRoot,
-  $o as TableRow,
-  et as TableSortButton,
-  tt as Tag,
-  at as TextInput,
-  ct as ThemeProvider,
-  it as Tile,
-  xt as TileButton,
-  lt as TileContent,
-  pt as TileDescription,
-  mt as TileSecondaryAction,
-  Tt as TileTitle,
-  dt as TileTrailingContent,
-  Ct as Tooltip,
-  St as TooltipContent,
-  gt as TooltipProvider,
-  Bt as TooltipTrigger,
-  xo as TriggerButton,
+  eo as PageIndicator,
+  We as Popover,
+  Xe as PopoverContent,
+  Ye as PopoverTrigger,
+  ro as SearchInput,
+  ao as SegmentedControl,
+  no as SegmentedControlButton,
+  lo as Select,
+  po as SelectContent,
+  mo as SelectGroup,
+  To as SelectItem,
+  uo as SelectItemText,
+  xo as SelectLabel,
+  fo as SelectSeparator,
+  Co as SelectTrigger,
+  go as SelectTriggerButton,
+  bo as SideBar,
+  Io as SideBarCollapseToggle,
+  so as SideBarItem,
+  Mo as SideBarLeading,
+  Do as SideBarTrailing,
+  ho as Skeleton,
+  Ro as Spinner,
+  wo as Spot,
+  Po as Stepper,
+  yo as Subheader,
+  Go as SubheaderCount,
+  No as SubheaderDescription,
+  Fo as SubheaderInfo,
+  Eo as SubheaderRow,
+  Oo as SubheaderShowMore,
+  _o as SubheaderTitle,
+  qo as Switch,
+  Jo as Table,
+  Ko as TableActionBar,
+  Qo as TableActionBarLeading,
+  Uo as TableActionBarTrailing,
+  Vo as TableBody,
+  Wo as TableCell,
+  Xo as TableCellContent,
+  Yo as TableGroupHeaderRow,
+  Zo as TableHeader,
+  $o as TableHeaderCell,
+  er as TableHeaderRow,
+  or as TableInfoIcon,
+  rr as TableLoadingRow,
+  tr as TableRoot,
+  ar as TableRow,
+  nr as TableSortButton,
+  lr as Tag,
+  mr as TextInput,
+  Lr as ThemeProvider,
+  dr as Tile,
+  Br as TileButton,
+  ur as TileContent,
+  xr as TileDescription,
+  fr as TileSecondaryAction,
+  Cr as TileTitle,
+  gr as TileTrailingContent,
+  br as Tooltip,
+  Ir as TooltipContent,
+  sr as TooltipProvider,
+  Mr as TooltipTrigger,
+  Bo as TriggerButton,
+  Ze as createPopoverHandle,
   J as useLumenDataTable
 };

package/dist/lib/Components/Avatar/Avatar.js

@@ -3,7 +3,7 @@ import { cva as l } from "class-variance-authority";
 import n from "react";
 import { useCommonTranslation as h } from "../../../i18n/useCommonTranslation.js";
 import { User as A } from "../../Symbols/Icons/User.js";
-const m = {
+const d = {
   root: l(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
     {
@@ -33,7 +33,7 @@ const m = {
   md: 24,
   lg: 32
 }, x = ({
-  ref: d,
+  ref: m,
   className: c,
   src: a,
   alt: f,
@@ -48,8 +48,8 @@ const m = {
   }, [a]), /* @__PURE__ */ z(
     "div",
     {
-      ref: d,
-      className: m.root({ size: e, className: c }),
+      ref: m,
+      className: d.root({ size: e, className: c }),
       role: "img",
       "aria-label": g,
       ...p,
@@ -57,7 +57,7 @@ const m = {
         t && /* @__PURE__ */ r(
           "div",
           {
-            className: m.notification({ size: e }),
+            className: d.notification({ size: e }),
             "aria-hidden": "true"
           }
         ),

package/dist/lib/Components/BaseInput/BaseInput.js

@@ -1,29 +1,29 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useDisabledContext as $, cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { useDisabledContext as _, cn as a } from "../../../libs/utils-shared/dist/index.js";
 import d from "react";
-import { useCommonTranslation as q } from "../../../i18n/useCommonTranslation.js";
-import { InteractiveIcon as H } from "../InteractiveIcon/InteractiveIcon.js";
+import { useCommonTranslation as $ } from "../../../i18n/useCommonTranslation.js";
+import { InteractiveIcon as q } from "../InteractiveIcon/InteractiveIcon.js";
 import { DeleteCircleFill as x } from "../../Symbols/Icons/DeleteCircleFill.js";
-const P = a(
+const H = a(
   "group relative flex h-48 w-full cursor-text items-center gap-8 rounded-sm bg-muted px-16 transition-colors",
   "focus-within:ring-2 focus-within:ring-active hover:bg-muted-hover",
   "has-disabled:cursor-not-allowed has-disabled:bg-disabled has-disabled:text-disabled",
   "has-invalid:border-error has-invalid:ring-1 has-invalid:ring-error",
   'has-[input[aria-invalid="true"]]:border-error has-[input[aria-invalid="true"]]:ring-1 has-[input[aria-invalid="true"]]:ring-error'
-), U = a(
+), P = a(
   "peer w-full flex-1 bg-muted body-1 text-base caret-active outline-hidden transition-colors",
   "group-hover:bg-muted-hover group-disabled:bg-disabled",
   "group-has-disabled:cursor-not-allowed group-has-disabled:bg-disabled group-has-disabled:text-disabled",
   "placeholder:text-muted group-has-disabled:placeholder:text-disabled",
   "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
   "truncate"
-), W = a(
+), U = a(
   "pointer-events-none absolute top-6 left-16 origin-left body-4 text-muted transition-all duration-300",
   "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-placeholder-shown:body-2",
   "group-has-disabled:text-disabled",
   "peer-focus:top-6 peer-focus:translate-y-0 peer-focus:body-4",
   "w-[calc(100%-var(--size-56))] truncate"
-), G = ({
+), W = ({
   ref: y,
   className: I,
   containerClassName: C,
@@ -41,22 +41,22 @@ const P = a(
   onChange: h,
   ...i
 }) => {
-  const m = $({
+  const m = _({
     consumerName: "BaseInput",
     mergeWith: { disabled: R }
-  }), { t: z } = q(), n = d.useRef(null), F = d.useId(), c = k || `input-${F}`, L = b || (o ? !0 : void 0), s = i.value !== void 0, [T, v] = d.useState(
+  }), { t: z } = $(), n = d.useRef(null), F = d.useId(), c = k || `input-${F}`, L = b || (o ? !0 : void 0), s = i.value !== void 0, [T, f] = d.useState(
     i.defaultValue?.toString() || ""
   ), V = d.useCallback(
     (t) => {
-      s || v(t.target.value), h?.(t);
+      s || f(t.target.value), h?.(t);
     },
     [s, h]
-  ), f = (s ? !!i.value && i.value.toString().length > 0 : T.length > 0) && !m && !j, g = `${c}-error`, A = () => {
+  ), v = (s ? !!i.value && i.value.toString().length > 0 : T.length > 0) && !m && !j, g = `${c}-error`, A = () => {
     if (!n.current) return;
     Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
       "value"
-    )?.set?.call(n.current, ""), s || v("");
+    )?.set?.call(n.current, ""), s || f("");
     const l = new Event("input", { bubbles: !0 });
     n.current.dispatchEvent(l), n.current.focus(), E?.();
   };
@@ -71,7 +71,7 @@ const P = a(
     /* @__PURE__ */ p(
       "div",
       {
-        className: a(P, C),
+        className: a(H, C),
         onPointerDown: (t) => {
           if (t.target.closest("input, button, a")) return;
           const e = n.current;
@@ -97,7 +97,7 @@ const P = a(
               "aria-invalid": L,
               "aria-describedby": o ? g : void 0,
               className: a(
-                U,
+                P,
                 u && "pt-12 body-2",
                 S
               ),
@@ -110,15 +110,15 @@ const P = a(
             {
               htmlFor: c,
               className: a(
-                W,
+                U,
                 o && "text-error",
                 N
               ),
               children: u
             }
           ),
-          f && /* @__PURE__ */ r(
-            H,
+          v && /* @__PURE__ */ r(
+            q,
             {
               iconType: "filled",
               onClick: A,
@@ -126,7 +126,7 @@ const P = a(
               children: /* @__PURE__ */ r(x, { size: 20 })
             }
           ),
-          !f && B
+          !v && B
         ]
       }
     ),
@@ -144,7 +144,7 @@ const P = a(
     )
   ] });
 };
-G.displayName = "BaseInput";
+W.displayName = "BaseInput";
 export {
-  G as BaseInput
+  W as BaseInput
 };

package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/MediaBanner.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW;gFAQrB,gBAAgB;;CAgDlB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAUvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAU7B,CAAC"}
+{"version":3,"file":"MediaBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaBanner/MediaBanner.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW;gFAQrB,gBAAgB;;CAmDlB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,gBAAgB;6CAK1B,qBAAqB;;CAUvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,sBAAsB;6CAKhC,2BAA2B;;CAU7B,CAAC"}

package/dist/lib/Components/MediaBanner/MediaBanner.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { cn as o } from "../../../libs/utils-shared/dist/index.js";
-import { useState as b, useEffect as u } from "react";
-import { useCommonTranslation as v } from "../../../i18n/useCommonTranslation.js";
-import { Close as x } from "../../Symbols/Icons/Close.js";
-import { InteractiveIcon as N } from "../InteractiveIcon/InteractiveIcon.js";
-const h = ({
-  ref: s,
+import { cn as s } from "../../../libs/utils-shared/dist/index.js";
+import { useState as u, useEffect as v } from "react";
+import { useCommonTranslation as x } from "../../../i18n/useCommonTranslation.js";
+import { Close as N } from "../../Symbols/Icons/Close.js";
+import { InteractiveIcon as h } from "../InteractiveIcon/InteractiveIcon.js";
+const y = ({
+  ref: o,
   imageUrl: a,
   onClose: r,
   closeAriaLabel: t,
@@ -13,16 +13,16 @@ const h = ({
   className: c,
   ...m
 }) => {
-  const { t: d } = v(), [p, i] = b(!1);
-  u(() => {
+  const { t: d } = x(), [p, i] = u(!1);
+  v(() => {
     i(!1);
   }, [a]);
   const f = a && !p;
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: s,
-      className: o(
+      ref: o,
+      className: s(
         "relative flex h-72 flex-row overflow-hidden rounded-md bg-surface",
         c
       ),
@@ -43,54 +43,56 @@ const h = ({
           /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-linear-[45deg] from-black/0 from-67% to-black/80" })
         ] }),
         r && /* @__PURE__ */ e(
-          N,
+          h,
           {
             type: "button",
             iconType: "stroked",
             appearance: "white",
             className: "absolute top-8 right-8",
-            onClick: () => r(),
+            onClick: (b) => {
+              b.stopPropagation(), r();
+            },
             "aria-label": t || d("components.banner.closeAriaLabel"),
-            children: /* @__PURE__ */ e(x, { size: 16 })
+            children: /* @__PURE__ */ e(N, { size: 16 })
           }
         )
       ]
     }
   );
 };
-h.displayName = "MediaBanner";
-const y = ({
-  ref: s,
+y.displayName = "MediaBanner";
+const g = ({
+  ref: o,
   children: a,
   className: r,
   ...t
 }) => /* @__PURE__ */ e(
   "div",
   {
-    ref: s,
-    className: o("line-clamp-1 body-2-semi-bold text-base", r),
+    ref: o,
+    className: s("line-clamp-1 body-2-semi-bold text-base", r),
     ...t,
     children: a
   }
 );
-y.displayName = "MediaBannerTitle";
-const g = ({
-  ref: s,
+g.displayName = "MediaBannerTitle";
+const B = ({
+  ref: o,
   children: a,
   className: r,
   ...t
 }) => /* @__PURE__ */ e(
   "div",
   {
-    ref: s,
-    className: o("line-clamp-2 body-3 text-muted", r),
+    ref: o,
+    className: s("line-clamp-2 body-3 text-muted", r),
     ...t,
     children: a
   }
 );
-g.displayName = "MediaBannerDescription";
+B.displayName = "MediaBannerDescription";
 export {
-  h as MediaBanner,
-  g as MediaBannerDescription,
-  y as MediaBannerTitle
+  y as MediaBanner,
+  B as MediaBannerDescription,
+  g as MediaBannerTitle
 };