@ledgerhq/lumen-ui-react 0.1.16 → 0.1.18

package/dist/lib/Components/ContentBanner/ContentBanner.js

@@ -1,93 +1,87 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { cn as r } from "../../../libs/utils-shared/dist/index.js";
-import { useCommonTranslation as c } from "../../../i18n/useCommonTranslation.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { cn as a } from "../../../libs/utils-shared/dist/index.js";
+import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
 import { Close as p } from "../../Symbols/Icons/Close.js";
 import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
-const f = ({
-  ref: n,
-  children: t,
-  className: a,
+const C = ({
+  ref: t,
+  children: n,
+  className: o,
   ...e
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: n,
-    className: r("flex min-w-0 flex-1 flex-col gap-4", a),
+    ref: t,
+    className: a("flex min-w-0 flex-1 flex-col gap-4", o),
     ...e,
-    children: t
+    children: n
   }
-);
-f.displayName = "ContentBannerContent";
-const u = ({
-  ref: n,
-  children: t,
-  className: a,
+), N = ({
+  ref: t,
+  children: n,
+  className: o,
   ...e
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: n,
-    className: r("line-clamp-1 body-2-semi-bold text-base", a),
+    ref: t,
+    className: a("line-clamp-1 body-2-semi-bold text-base", o),
     ...e,
-    children: t
+    children: n
   }
-);
-u.displayName = "ContentBannerTitle";
-const C = ({
-  ref: n,
-  children: t,
-  className: a,
+), g = ({
+  ref: t,
+  children: n,
+  className: o,
   ...e
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ r(
   "div",
   {
-    ref: n,
-    className: r("line-clamp-2 body-3 text-muted", a),
+    ref: t,
+    className: a("line-clamp-2 body-3 text-muted", o),
     ...e,
-    children: t
+    children: n
   }
-);
-C.displayName = "ContentBannerDescription";
-const b = ({
-  ref: n,
-  children: t,
-  className: a,
+), y = ({
+  ref: t,
+  children: n,
+  className: o,
   onClose: e,
-  closeAriaLabel: i,
-  ...s
+  closeAriaLabel: s,
+  ...i
 }) => {
-  const { t: l } = c();
-  return /* @__PURE__ */ m(
+  const { t: l } = m();
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: n,
-      className: r(
+      ref: t,
+      className: a(
         "relative flex w-full items-center gap-12 rounded-md bg-surface p-12",
         e && "pr-48",
-        a
+        o
       ),
-      ...s,
+      ...i,
       children: [
-        t,
-        e && /* @__PURE__ */ o(
+        n,
+        e && /* @__PURE__ */ r(
           d,
           {
             type: "button",
             iconType: "stroked",
+            icon: p,
+            size: 16,
             className: "absolute top-8 right-8",
             onClick: () => e(),
-            "aria-label": i || l("components.banner.closeAriaLabel"),
-            children: /* @__PURE__ */ o(p, { size: 16 })
+            "aria-label": s || l("components.banner.closeAriaLabel")
           }
         )
       ]
     }
   );
 };
-b.displayName = "ContentBanner";
 export {
-  b as ContentBanner,
-  f as ContentBannerContent,
-  C as ContentBannerDescription,
-  u as ContentBannerTitle
+  y as ContentBanner,
+  C as ContentBannerContent,
+  g as ContentBannerDescription,
+  N as ContentBannerTitle
 };

package/dist/lib/Components/DataTable/DataTable.d.ts

@@ -11,10 +11,7 @@ import { DataTableProps, DataTableRootProps } from './types';
  *   <DataTable />
  * </DataTableRoot>
  */
-export declare const DataTableRoot: {
-    <TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, children, className, ref, ...props }: DataTableRootProps<TData>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DataTableRoot: <TData extends RowData>({ table, appearance, paginationMode, loading, onScrollBottom, onRowClick, groupBy, renderGroupHeader, hideHeader, children, className, ref, ...props }: DataTableRootProps<TData>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Renders the full table (header + body) from the TanStack table instance
  * provided by `DataTableRoot`. Internally composes the pure-UI Table building blocks.
@@ -24,16 +21,10 @@ export declare const DataTableRoot: {
  *   <DataTable />
  * </DataTableRoot>
  */
-export declare const DataTable: {
-    ({ className, ref, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DataTable: ({ className, ref, ...props }: DataTableProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A search input that connects to the TanStack table's `globalFilter` state
  * via the `DataTableRoot` context. No external state management is required.
  */
-export declare const DataTableGlobalSearchInput: {
-    ({ onChange, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DataTableGlobalSearchInput: ({ onChange, ...props }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAER,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,OAAO,EAGL,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;KAAI,KAAK,SAAS,OAAO,0JAchD,kBAAkB,CAAC,KAAK,CAAC;;CAoB3B,CAAC;AA2DF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS;mCAAkC,cAAc;;CA6BrE,CAAC;AA0HF;;;GAGG;AACH,eAAO,MAAM,0BAA0B;6BAGpC,gBAAgB;;CAqBlB,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAER,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAe/D,OAAO,EAGL,cAAc,EACd,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,OAAO,EAAE,wJAclD,kBAAkB,CAAC,KAAK,CAAC,4CAoB3B,CAAC;AAyDF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CA6BrE,CAAC;AAsHF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,gBAAgB,4CAqBlB,CAAC"}

package/dist/lib/Components/DataTable/DataTable.js

@@ -1,61 +1,59 @@
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createSafeContext as y, cn as C } from "../../../libs/utils-shared/dist/index.js";
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { createSafeContext as h, cn as w } from "../../../libs/utils-shared/dist/index.js";
 import { flexRender as m } from "@tanstack/react-table";
-import { useCallback as x, Fragment as N } from "react";
-import { TableRoot as B, Table as S, TableLoadingRow as k, TableHeader as H, TableHeaderRow as G, TableHeaderCell as v, TableSortButton as q, TableBody as T, TableGroupHeaderRow as I, TableRow as F, TableCell as M } from "../Table/Table.js";
-import { SearchInput as j } from "../SearchInput/SearchInput.js";
-const [P, d] = y("DataTableContext"), V = ({
-  table: n,
+import { useCallback as C, Fragment as R } from "react";
+import { TableRoot as x, Table as B, TableLoadingRow as k, TableHeader as y, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as H, TableBody as b, TableGroupHeaderRow as v, TableRow as G, TableCell as q } from "../Table/Table.js";
+import { SearchInput as I } from "../SearchInput/SearchInput.js";
+const [F, u] = h("DataTableContext"), O = ({
+  table: l,
   appearance: r = "no-background",
-  paginationMode: o = "none",
+  paginationMode: a = "none",
   loading: e = !1,
-  onScrollBottom: a,
+  onScrollBottom: o,
   onRowClick: t,
   groupBy: c,
   renderGroupHeader: i,
   hideHeader: s = !1,
-  children: h,
-  className: f,
-  ref: w,
-  ...R
-}) => /* @__PURE__ */ l(
-  P,
+  children: T,
+  className: p,
+  ref: D,
+  ...f
+}) => /* @__PURE__ */ n(
+  F,
   {
     value: {
       hideHeader: s,
-      paginationMode: o,
-      table: n,
+      paginationMode: a,
+      table: l,
       appearance: r,
       loading: e,
-      onScrollBottom: a,
+      onScrollBottom: o,
       onRowClick: t,
       groupBy: c,
       renderGroupHeader: i
     },
-    children: /* @__PURE__ */ l("div", { ref: w, className: C("flex flex-col", f), ...R, children: h })
+    children: /* @__PURE__ */ n("div", { ref: D, className: w("flex flex-col", p), ...f, children: T })
   }
-);
-V.displayName = "DataTableRoot";
-const p = ({
-  className: n,
+), M = ({
+  className: l,
   ref: r,
-  ...o
+  ...a
 }) => {
-  const { table: e } = d({
+  const { table: e } = u({
     consumerName: "DataTableHeader",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(H, { ref: r, className: n, ...o, children: e.getHeaderGroups().map((a) => /* @__PURE__ */ l(G, { children: a.headers.map((t) => {
+  return /* @__PURE__ */ n(y, { ref: r, className: l, ...a, children: e.getHeaderGroups().map((o) => /* @__PURE__ */ n(N, { children: o.headers.map((t) => {
     const c = t.column.columnDef.meta;
-    return /* @__PURE__ */ l(
-      v,
+    return /* @__PURE__ */ n(
+      S,
       {
         align: c?.align,
         hideBelow: c?.hideBelow,
         className: c?.className,
         trailingContent: c?.headerTrailingContent,
-        children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */ l(
-          q,
+        children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */ n(
+          H,
           {
             sortDirection: t.column.getIsSorted() || void 0,
             onClick: t.column.getToggleSortingHandler(),
@@ -72,90 +70,82 @@ const p = ({
       },
       t.id
     );
-  }) }, a.id)) });
-};
-p.displayName = "DataTableHeader";
-const z = ({ className: n, ref: r, ...o }) => {
+  }) }, o.id)) });
+}, Q = ({ className: l, ref: r, ...a }) => {
   const {
     appearance: e,
-    paginationMode: a,
+    paginationMode: o,
     hideHeader: t,
     loading: c,
     onScrollBottom: i,
     groupBy: s
-  } = d({
+  } = u({
     consumerName: "DataTable",
     contextRequired: !0
   });
-  return /* @__PURE__ */ u(
-    B,
+  return /* @__PURE__ */ d(
+    x,
     {
       ref: r,
       appearance: e,
       loading: c,
       onScrollBottom: i,
-      className: n,
-      ...o,
+      className: l,
+      ...a,
       children: [
-        /* @__PURE__ */ u(S, { children: [
-          !t && /* @__PURE__ */ l(p, {}),
-          s ? /* @__PURE__ */ l(D, {}) : /* @__PURE__ */ l(g, {})
+        /* @__PURE__ */ d(B, { children: [
+          !t && /* @__PURE__ */ n(M, {}),
+          s ? /* @__PURE__ */ n(V, {}) : /* @__PURE__ */ n(j, {})
         ] }),
-        a === "infinite-scroll" && /* @__PURE__ */ l(k, {})
+        o === "infinite-scroll" && /* @__PURE__ */ n(k, {})
       ]
     }
   );
-};
-z.displayName = "DataTable";
-const g = ({ className: n, ref: r, ...o }) => {
-  const { table: e } = d({
+}, j = ({ className: l, ref: r, ...a }) => {
+  const { table: e } = u({
     consumerName: "DataTableBody",
     contextRequired: !0
   });
-  return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: e.getRowModel().rows.map((a) => /* @__PURE__ */ l(b, { row: a }, a.id)) });
-};
-g.displayName = "DataTableBody";
-const L = (n, r) => {
-  const o = [];
+  return /* @__PURE__ */ n(b, { ref: r, className: l, ...a, children: e.getRowModel().rows.map((o) => /* @__PURE__ */ n(g, { row: o }, o.id)) });
+}, P = (l, r) => {
+  const a = [];
   let e = null;
-  for (const a of n) {
-    const t = r(a);
-    (!e || e.key !== t) && (e = { key: t, rows: [], count: 0 }, o.push(e)), e.rows.push(a), e.count++;
+  for (const o of l) {
+    const t = r(o);
+    (!e || e.key !== t) && (e = { key: t, rows: [], count: 0 }, a.push(e)), e.rows.push(o), e.count++;
   }
-  return o;
-}, D = ({
-  className: n,
+  return a;
+}, V = ({
+  className: l,
   ref: r,
-  ...o
+  ...a
 }) => {
-  const { table: e, groupBy: a, renderGroupHeader: t } = d({
+  const { table: e, groupBy: o, renderGroupHeader: t } = u({
     consumerName: "DataTableGroupedBody",
     contextRequired: !0
-  }), c = L(e.getRowModel().rows, a);
-  return /* @__PURE__ */ l(T, { ref: r, className: n, ...o, children: c.map((i) => /* @__PURE__ */ u(N, { children: [
-    /* @__PURE__ */ l(I, { colSpan: i.rows[0].getVisibleCells().length, children: t ? t({ row: i.rows[0], count: i.count }) : i.key }),
-    i.rows.map((s) => /* @__PURE__ */ l(b, { row: s }, s.id))
+  }), c = P(e.getRowModel().rows, o);
+  return /* @__PURE__ */ n(b, { ref: r, className: l, ...a, children: c.map((i) => /* @__PURE__ */ d(R, { children: [
+    /* @__PURE__ */ n(v, { colSpan: i.rows[0].getVisibleCells().length, children: t ? t({ row: i.rows[0], count: i.count }) : i.key }),
+    i.rows.map((s) => /* @__PURE__ */ n(g, { row: s }, s.id))
   ] }, i.key)) });
-};
-D.displayName = "DataTableGroupedBody";
-const b = ({ row: n }) => {
-  const { onRowClick: r } = d({
+}, g = ({ row: l }) => {
+  const { onRowClick: r } = u({
     consumerName: "DataTableRow",
     contextRequired: !0
-  }), o = !!r;
-  return /* @__PURE__ */ l(
-    F,
+  }), a = !!r;
+  return /* @__PURE__ */ n(
+    G,
     {
-      clickable: o,
-      onClick: o ? () => r?.(n) : void 0,
-      children: n.getVisibleCells().map((e) => {
-        const a = e.column.columnDef.meta;
-        return /* @__PURE__ */ l(
-          M,
+      clickable: a,
+      onClick: a ? () => r?.(l) : void 0,
+      children: l.getVisibleCells().map((e) => {
+        const o = e.column.columnDef.meta;
+        return /* @__PURE__ */ n(
+          q,
           {
-            align: a?.align,
-            hideBelow: a?.hideBelow,
-            className: a?.className,
+            align: o?.align,
+            hideBelow: o?.hideBelow,
+            className: o?.className,
             children: m(e.column.columnDef.cell, e.getContext())
           },
           e.id
@@ -163,33 +153,30 @@ const b = ({ row: n }) => {
       })
     }
   );
-};
-b.displayName = "DataTableRow";
-const A = ({
-  onChange: n,
+}, U = ({
+  onChange: l,
   ...r
 }) => {
-  const { table: o } = d({
+  const { table: a } = u({
     consumerName: "DataTableGlobalSearchInput",
     contextRequired: !0
-  }), e = x(
-    (a) => {
-      o.setGlobalFilter(a.target.value), n?.(a);
+  }), e = C(
+    (o) => {
+      a.setGlobalFilter(o.target.value), l?.(o);
     },
-    [o, n]
+    [a, l]
   );
-  return /* @__PURE__ */ l(
-    j,
+  return /* @__PURE__ */ n(
+    I,
     {
-      value: o.getState().globalFilter ?? "",
+      value: a.getState().globalFilter ?? "",
       onChange: e,
       ...r
     }
   );
 };
-A.displayName = "DataTableGlobalSearchInput";
 export {
-  z as DataTable,
-  A as DataTableGlobalSearchInput,
-  V as DataTableRoot
+  Q as DataTable,
+  U as DataTableGlobalSearchInput,
+  O as DataTableRoot
 };

package/dist/lib/Components/Dialog/Dialog.d.ts

@@ -99,10 +99,7 @@ export declare function DialogContent({ className, children, ...props }: DialogC
  *   </DialogFooter>
  * </DialogContent>
  */
-export declare const DialogBody: {
-    ({ ref, className, children, scrollbarWidth, style, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogBody: ({ ref, className, children, scrollbarWidth, style, ...props }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * A sticky region inside the dialog body.
  *
@@ -120,10 +117,7 @@ export declare const DialogBody: {
  *   <div>Scrollable content</div>
  * </DialogBody>
  */
-export declare const DialogBodyStickyContent: {
-    ({ ref, className, children, ...props }: DialogBodyStickyContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogBodyStickyContent: ({ ref, className, children, ...props }: DialogBodyStickyContentProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * The fixed footer area of the dialog.
  *
@@ -144,9 +138,6 @@ export declare const DialogBodyStickyContent: {
  *   </DialogFooter>
  * </DialogContent>
  */
-export declare const DialogFooter: {
-    ({ ref, className, children, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogFooter: ({ ref, className, children, ...props }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { DialogHeader };
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,4BAA4B,EAC5B,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAqDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;oEAOpB,eAAe;;CAqBjB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB;6CAKjC,4BAA4B;;CAW9B,CAAC;AAGF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY;6CAKtB,iBAAiB;;CAWnB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,4BAA4B,EAC5B,kBAAkB,EAClB,iBAAiB,EAGjB,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,MAAM,CAAC,EAAE,MAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM/D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAE7D;AAED,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAoDxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAkBpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,GAAI,+DAOxB,eAAe,4CAqBjB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAW9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,GAAI,wCAK1B,iBAAiB,4CAWnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/lib/Components/Dialog/Dialog.js

@@ -1,8 +1,8 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { createSafeContext as f, cn as l } from "../../../libs/utils-shared/dist/index.js";
-import * as n from "@radix-ui/react-dialog";
-import { cva as u } from "class-variance-authority";
-const [y, r] = f("Dialog"), p = u(
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { createSafeContext as f, cn as i } from "../../../libs/utils-shared/dist/index.js";
+import * as l from "@radix-ui/react-dialog";
+import { cva as m } from "class-variance-authority";
+const [u, r] = f("Dialog"), x = m(
   [
     "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
     "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -20,61 +20,60 @@ const [y, r] = f("Dialog"), p = u(
     }
   }
 );
-function k({ height: t = "fit", ...a }) {
-  return /* @__PURE__ */ o(y, { value: { height: t }, children: /* @__PURE__ */ o(n.Root, { "data-slot": "dialog", ...a }) });
+function D({ height: t = "fit", ...a }) {
+  return /* @__PURE__ */ o(u, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
 }
-function w({ ...t }) {
-  return /* @__PURE__ */ o(n.Trigger, { "data-slot": "dialog-trigger", ...t });
+function C({ ...t }) {
+  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function x({
+function h({
   ...t
 }) {
-  return /* @__PURE__ */ o(n.Portal, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ o(l.Portal, { "data-slot": "dialog-portal", ...t });
 }
-const s = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
-  n.Overlay,
+const p = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
+  l.Overlay,
   {
     ref: t,
     "data-slot": "dialog-overlay",
-    className: l(
+    className: i(
       a,
       "fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in"
     ),
     ...e
   }
 );
-s.displayName = "DialogOverlay";
-function B({
+function N({
   className: t,
   children: a,
   ...e
 }) {
-  const { height: i } = r({
+  const { height: n } = r({
     consumerName: "DialogContent",
     contextRequired: !0
   });
-  return /* @__PURE__ */ m(x, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ o(s, {}),
+  return /* @__PURE__ */ g(h, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ o(p, {}),
     /* @__PURE__ */ o(
-      n.Content,
+      l.Content,
       {
         "data-slot": "dialog-content",
-        className: l(p({ height: i }), t),
+        className: i(x({ height: n }), t),
         ...e,
         children: a
       }
     )
   ] });
 }
-const h = ({
+const w = ({
   ref: t,
   className: a,
   children: e,
-  scrollbarWidth: i = "none",
-  style: d,
-  ...c
+  scrollbarWidth: n = "none",
+  style: s,
+  ...d
 }) => {
-  const { height: g } = r({
+  const { height: c } = r({
     consumerName: "DialogBody",
     contextRequired: !0
   });
@@ -83,56 +82,51 @@ const h = ({
     {
       ref: t,
       "data-slot": "dialog-body",
-      style: d,
-      className: l(
+      style: s,
+      className: i(
         "-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
-        g === "fit" ? "basis-auto" : "basis-0",
+        c === "fit" ? "basis-auto" : "basis-0",
         a,
-        i === "auto" ? "scrollbar-custom" : "scrollbar-none"
+        n === "auto" ? "scrollbar-custom" : "scrollbar-none"
       ),
-      ...c,
+      ...d,
       children: e
     }
   );
-};
-h.displayName = "DialogBody";
-const v = ({
+}, k = ({
   ref: t,
   className: a,
   children: e,
-  ...i
+  ...n
 }) => /* @__PURE__ */ o(
   "div",
   {
     ref: t,
     "data-slot": "dialog-body-sticky-content",
-    className: l("sticky top-0 bg-canvas-sheet py-8", a),
-    ...i,
+    className: i("sticky top-0 bg-canvas-sheet py-8", a),
+    ...n,
     children: e
   }
-);
-v.displayName = "DialogBodyStickyContent";
-const D = ({
+), P = ({
   ref: t,
   className: a,
   children: e,
-  ...i
+  ...n
 }) => /* @__PURE__ */ o(
   "div",
   {
     ref: t,
     "data-slot": "dialog-footer",
-    className: l("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
-    ...i,
+    className: i("flex shrink-0 justify-end gap-8 px-24 pt-24", a),
+    ...n,
     children: e
   }
 );
-D.displayName = "DialogFooter";
 export {
-  k as Dialog,
-  h as DialogBody,
-  v as DialogBodyStickyContent,
-  B as DialogContent,
-  D as DialogFooter,
-  w as DialogTrigger
+  D as Dialog,
+  w as DialogBody,
+  k as DialogBodyStickyContent,
+  N as DialogContent,
+  P as DialogFooter,
+  C as DialogTrigger
 };