@epam/ai-dial-ui-kit 0.15.0-dev.4 → 0.15.0-dev.41

package/dist/components/FileManager/hooks/use-grid-context-menu.js

@@ -1,24 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useMemo as F } from "react";
-import { DialFileNodeType as r, DialFilePermission as U } from "../../../models/file.js";
+import { DialFileNodeType as i, DialFilePermission as X } from "../../../models/file.js";
 import { DialFileManagerActions as e } from "../../../types/file-manager.js";
-import { IconExternalLink as A, IconCopy as X, IconDownload as _, IconEye as j, IconTrashX as W, IconPencilMinus as $, IconInfoCircle as q, IconUserX as B } from "@tabler/icons-react";
-import H from "../../../assets/icons/copy-to.svg.js";
-import J from "../../../assets/icons/move-to.svg.js";
-import K from "../../../assets/icons/unshare.svg.js";
-import Q from "../../../assets/icons/add-child.svg.js";
-import V from "../../../assets/icons/add-sibling.svg.js";
+import { IconExternalLink as O, IconCopy as _, IconDownload as j, IconEye as W, IconTrashX as $, IconPencilMinus as q, IconInfoCircle as B, IconUserX as H } from "@tabler/icons-react";
+import J from "../../../assets/icons/copy-to.svg.js";
+import K from "../../../assets/icons/move-to.svg.js";
+import Q from "../../../assets/icons/unshare.svg.js";
+import V from "../../../assets/icons/add-child.svg.js";
+import Y from "../../../assets/icons/add-sibling.svg.js";
 import { BASE_ICON_PROPS as n } from "../../../constants/icon.js";
-import { DropdownItemType as Y } from "../../../types/dropdown.js";
-import { cleanForbiddenSymbolsRegExp as Z } from "../utils.js";
-const de = ({
+import { DropdownItemType as Z } from "../../../types/dropdown.js";
+import { cleanForbiddenSymbolsRegExp as G } from "../utils.js";
+const ye = ({
   actionLabels: s,
   onDuplicate: u,
   onCopy: a,
   onMove: k,
   onDownload: l,
-  onRename: C,
-  onDelete: T,
+  onRename: T,
+  onDelete: C,
   onInfo: I,
   onUnshare: x,
   onRemoveAccess: c,
@@ -31,62 +31,61 @@ const de = ({
   isRenameFileAvailable: v = !0,
   isDuplicateFolderAvailable: E = !0,
   forbiddenSymbolsRegExp: z,
-  onGridCreateSiblingFolder: w,
-  onGridCreateChildFolder: M
+  skipForbiddenSymbolsCheckForActions: w,
+  onGridCreateSiblingFolder: M,
+  onGridCreateChildFolder: R
 }) => F(() => (o) => {
   const t = [];
   if (!s)
     return t;
-  const p = Z(
-    z
-  )?.test(o.name);
-  s[e.AddSibling] && o.nodeType === r.FOLDER && t.push({
+  const p = !w && G(z)?.test(o.name);
+  s[e.AddSibling] && o.nodeType === i.FOLDER && t.push({
     key: "addSibling",
     label: s[e.AddSibling],
-    icon: /* @__PURE__ */ i(
-      V,
+    icon: /* @__PURE__ */ r(
+      Y,
       {
         width: n.size,
         height: n.size,
         className: "text-secondary"
       }
     ),
-    onClick: () => w([o])
-  }), s[e.AddChild] && o.nodeType === r.FOLDER && !p && t.push(
+    onClick: () => M([o])
+  }), s[e.AddChild] && o.nodeType === i.FOLDER && !p && t.push(
     {
       key: "addChild",
       label: s[e.AddChild],
-      icon: /* @__PURE__ */ i(
-        Q,
+      icon: /* @__PURE__ */ r(
+        V,
         {
           width: n.size,
           height: n.size,
           className: "text-secondary"
         }
       ),
-      onClick: () => M([o])
+      onClick: () => R([o])
     },
     {
       key: "divider",
-      type: Y.Divider
+      type: Z.Divider
     }
-  ), s[e.OpenInNewTab] && typeof y == "function" && o.nodeType === r.ITEM && !p && t.push({
+  ), s[e.OpenInNewTab] && typeof y == "function" && o.nodeType === i.ITEM && !p && t.push({
     key: e.OpenInNewTab,
     label: s[e.OpenInNewTab],
-    icon: /* @__PURE__ */ i(A, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(O, { ...n, className: "text-secondary" }),
     onClick: () => y?.(o)
   });
-  const O = o.nodeType === r.ITEM || o.nodeType === r.FOLDER && E;
-  s[e.Duplicate] && O && !p && t.push({
+  const P = o.nodeType === i.ITEM || o.nodeType === i.FOLDER && E;
+  s[e.Duplicate] && P && !p && t.push({
     key: e.Duplicate,
     label: s[e.Duplicate],
-    icon: /* @__PURE__ */ i(X, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(_, { ...n, className: "text-secondary" }),
     onClick: () => u(o)
   }), s[e.Copy] && !p && t.push({
     key: e.Copy,
     label: s[e.Copy],
-    icon: /* @__PURE__ */ i(
-      H,
+    icon: /* @__PURE__ */ r(
+      J,
       {
         width: n.size,
         height: n.size,
@@ -97,8 +96,8 @@ const de = ({
   }), s[e.Move] && !p && t.push({
     key: e.Move,
     label: s[e.Move],
-    icon: /* @__PURE__ */ i(
-      J,
+    icon: /* @__PURE__ */ r(
+      K,
       {
         width: n.size,
         height: n.size,
@@ -109,44 +108,44 @@ const de = ({
   }), s[e.Download] && !p && t.push({
     key: e.Download,
     label: s[e.Download],
-    icon: /* @__PURE__ */ i(_, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(j, { ...n, className: "text-secondary" }),
     onClick: () => l(o)
-  }), s[e.ManagePermissions] && typeof m == "function" && o.nodeType === r.FOLDER && !p && t.push({
+  }), s[e.ManagePermissions] && typeof m == "function" && o.nodeType === i.FOLDER && !p && t.push({
     key: e.ManagePermissions,
     label: s[e.ManagePermissions],
-    icon: /* @__PURE__ */ i(A, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(O, { ...n, className: "text-secondary" }),
     onClick: () => m?.(o.path)
   });
-  const h = o.name.split("."), R = h.length > 1 ? h[h.length - 1] : "", P = R && D?.includes(`.${R}`);
-  s[e.Preview] && typeof d == "function" && o.nodeType === r.ITEM && P && !p && t.push({
+  const h = o.name.split("."), S = h.length > 1 ? h[h.length - 1] : "", f = S && D?.includes(`.${S}`);
+  s[e.Preview] && typeof d == "function" && o.nodeType === i.ITEM && f && !p && t.push({
     key: e.Preview,
     label: s[e.Preview],
-    icon: /* @__PURE__ */ i(j, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(W, { ...n, className: "text-secondary" }),
     onClick: () => d?.(o.path)
   });
-  const S = !o.permissions || o.permissions.includes(U.WRITE);
-  s[e.Delete] && S && t.push({
+  const A = !o.permissions || o.permissions.includes(X.WRITE);
+  s[e.Delete] && A && t.push({
     key: e.Delete,
     label: s[e.Delete],
-    icon: /* @__PURE__ */ i(W, { ...n, className: "text-secondary" }),
-    onClick: () => T(o, o.parentPath ?? "")
+    icon: /* @__PURE__ */ r($, { ...n, className: "text-secondary" }),
+    onClick: () => C(o, o.parentPath ?? "")
   });
-  const f = o.nodeType === r.FOLDER || o.nodeType === r.ITEM && v;
-  return s[e.Rename] && f && S && t.push({
+  const U = o.nodeType === i.FOLDER || o.nodeType === i.ITEM && v;
+  return s[e.Rename] && U && A && t.push({
     key: e.Rename,
     label: s[e.Rename],
-    icon: /* @__PURE__ */ i($, { ...n, className: "text-secondary" }),
-    onClick: () => C(o.path)
-  }), s[e.Info] && o.nodeType === r.ITEM && !p && t.push({
+    icon: /* @__PURE__ */ r(q, { ...n, className: "text-secondary" }),
+    onClick: () => T(o.path)
+  }), s[e.Info] && o.nodeType === i.ITEM && !p && t.push({
     key: e.Info,
     label: s[e.Info],
-    icon: /* @__PURE__ */ i(q, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(B, { ...n, className: "text-secondary" }),
     onClick: () => I(o)
   }), s[e.Unshare] && N?.includes(o.path) && t.push({
     key: e.Unshare,
     label: s[e.Unshare],
-    icon: /* @__PURE__ */ i(
-      K,
+    icon: /* @__PURE__ */ r(
+      Q,
       {
         width: n.size,
         height: n.size,
@@ -157,7 +156,7 @@ const de = ({
   }), s[e.RemoveAccess] && g?.has(o.path) && c && t.push({
     key: e.RemoveAccess,
     label: s[e.RemoveAccess],
-    icon: /* @__PURE__ */ i(B, { size: n.size, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(H, { size: n.size, className: "text-secondary" }),
     onClick: () => c(o)
   }), t;
 }, [
@@ -166,8 +165,8 @@ const de = ({
   a,
   k,
   l,
-  T,
   C,
+  T,
   I,
   x,
   c,
@@ -180,9 +179,10 @@ const de = ({
   v,
   E,
   z,
-  M,
-  w
+  w,
+  R,
+  M
 ]);
 export {
-  de as useGridContextMenu
+  ye as useGridContextMenu
 };

package/dist/components/New/Accordion/Accordion.js

@@ -1,97 +1,113 @@
-import { jsxs as i, Fragment as _, jsx as e } from "react/jsx-runtime";
-import { IconChevronRight as j } from "@tabler/icons-react";
-import { useState as A, useId as C } from "react";
-import { DIAL_KIT_ICON_STROKE as S } from "../constants/icon.js";
-import { DIAL_ICON_SIZE as k } from "../../../constants/icon.js";
-import { resolveAccessibleName as O } from "../../../utils/accessible-name.js";
-import { mergeClasses as n } from "../../../utils/merge-classes.js";
-const F = ({
-  title: p,
-  description: s,
-  children: h,
+import { jsx as e, jsxs as s, Fragment as j } from "react/jsx-runtime";
+import { IconChevronRight as T } from "@tabler/icons-react";
+import { useState as k, useId as D } from "react";
+import { DIAL_KIT_ICON_STROKE as K } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as O } from "../../../constants/icon.js";
+import { resolveAccessibleName as R } from "../../../utils/accessible-name.js";
+import { mergeClasses as t } from "../../../utils/merge-classes.js";
+import { DIAL_KIT_CLASS as $ } from "../../../constants/public-class-names.js";
+import { AccordionCaretPosition as y } from "../../../types/accordion.js";
+const J = ({
+  title: g,
+  description: c,
+  children: I,
   expanded: l,
-  defaultExpanded: y = !1,
-  disabled: r,
-  nonCollapsible: o,
-  ariaLabel: v,
-  onToggle: I,
-  className: g,
-  headerClassName: c,
-  contentClassName: N
+  defaultExpanded: N = !1,
+  disabled: o,
+  nonCollapsible: n,
+  ariaLabel: w,
+  onToggle: b,
+  caretPosition: A = y.End,
+  className: C,
+  headerClassName: d,
+  contentClassName: S
 }) => {
-  const d = l !== void 0, [b, w] = A(y), t = o ? !0 : d ? l : b, m = C(), a = `accordion-header-${m}`, x = `accordion-content-${m}`, E = () => {
-    if (r) return;
-    const u = !t;
-    d || w(u), I?.(u);
-  }, f = /* @__PURE__ */ i(_, { children: [
-    /* @__PURE__ */ i("span", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ e("span", { className: "truncate dial-body-text text-primary", children: p }),
-      s ? /* @__PURE__ */ e("span", { className: "truncate dial-tiny-text text-secondary", children: s }) : null
+  const m = l !== void 0, [_, E] = k(N), r = n ? !0 : m ? l : _, f = D(), i = `accordion-header-${f}`, u = `accordion-content-${f}`, L = () => {
+    if (o) return;
+    const v = !r;
+    m || E(v), b?.(v);
+  }, a = A === y.Start, p = n ? null : /* @__PURE__ */ e(
+    T,
+    {
+      size: O.SM,
+      stroke: K,
+      "aria-hidden": "true",
+      className: t(
+        "shrink-0 text-secondary transition-transform motion-reduce:transition-none",
+        r ? "rotate-90" : "rtl:rotate-180"
+      )
+    }
+  ), x = /* @__PURE__ */ s(j, { children: [
+    a && p,
+    /* @__PURE__ */ s("span", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ e("span", { className: "truncate dial-body-text text-primary", children: g }),
+      c ? /* @__PURE__ */ e("span", { className: "truncate dial-tiny-text text-secondary", children: c }) : null
     ] }),
-    !o && // Caret at the leading edge; it turns a quarter turn to point down when open.
-    /* @__PURE__ */ e(
-      j,
-      {
-        size: k.SM,
-        stroke: S,
-        "aria-hidden": "true",
-        className: n(
-          "shrink-0 text-secondary transition-transform motion-reduce:transition-none",
-          t && "rotate-90"
-        )
-      }
-    )
-  ] });
-  return /* @__PURE__ */ i(
+    !a && p
+  ] }), h = a ? "justify-start gap-2" : "justify-between";
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: n(
-        "flex flex-col gap-3 py-3 overflow-hidden bg-transparent ",
-        g
+      className: t(
+        "flex flex-col py-3 overflow-hidden bg-transparent",
+        C,
+        $.accordion
       ),
       children: [
-        o ? /* @__PURE__ */ e(
+        n ? /* @__PURE__ */ e(
           "div",
           {
-            id: a,
-            className: n(
-              "flex w-full px-4 rounded-xl items-center justify-between dial-tiny-text",
-              c
+            id: i,
+            className: t(
+              "flex w-full px-4 rounded-xl items-center dial-tiny-text",
+              h,
+              d
             ),
-            children: f
+            children: x
           }
         ) : /* @__PURE__ */ e(
           "button",
           {
-            id: a,
+            id: i,
             type: "button",
-            "aria-expanded": t,
-            "aria-controls": t ? x : void 0,
-            "aria-label": O(v),
-            disabled: r,
-            onClick: E,
-            className: n(
-              "flex w-full px-4 rounded-xl items-center justify-between dial-tiny-text",
-              r ? "cursor-not-allowed opacity-75" : (
+            "aria-expanded": r,
+            "aria-controls": u,
+            "aria-label": R(w),
+            disabled: o,
+            onClick: L,
+            className: t(
+              "flex w-full px-4 rounded-xl items-center dial-tiny-text",
+              h,
+              o ? "cursor-not-allowed opacity-75" : (
                 // Applied only to a header that can actually be operated.
                 "cursor-pointer hover:bg-control-accent-alpha-hover focus-visible:outline focus-visible:outline-focus"
               ),
-              c
+              d
             ),
-            children: f
+            children: x
           }
         ),
-        t && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(
           "div",
           {
-            id: x,
-            role: "region",
-            "aria-labelledby": a,
-            className: n(
-              "px-4 dial-small-text text-primary",
-              N
+            inert: !r,
+            className: t(
+              "grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+              r ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
             ),
-            children: h
+            children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ e("div", { className: "pt-3", children: /* @__PURE__ */ e(
+              "div",
+              {
+                id: u,
+                role: "region",
+                "aria-labelledby": i,
+                className: t(
+                  "px-4 dial-small-text text-primary",
+                  S
+                ),
+                children: I
+              }
+            ) }) })
           }
         )
       ]
@@ -99,5 +115,5 @@ const F = ({
   );
 };
 export {
-  F as Accordion
+  J as Accordion
 };

package/dist/components/New/Avatar/Avatar.js

@@ -0,0 +1,70 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useState as C } from "react";
+import { DIAL_KIT_CLASS as b } from "../../../constants/public-class-names.js";
+import { AvatarShape as d } from "../../../types/avatar.js";
+import { pickAvatarColor as w, extractInitials as I } from "../../../utils/avatar.js";
+import { mergeClasses as e } from "../../../utils/merge-classes.js";
+const N = {
+  [d.Circle]: "rounded-full",
+  [d.Square]: "rounded-md"
+}, E = ({
+  name: s,
+  initials: c,
+  src: r,
+  alt: t = "",
+  size: o = 32,
+  shape: f = d.Circle,
+  className: h,
+  textClassName: l,
+  onImageError: u
+}) => {
+  const [S, p] = C(), v = !!r && S !== r, i = t !== "", m = (n) => e(
+    "inline-flex shrink-0 select-none items-center justify-center overflow-hidden",
+    N[f],
+    n,
+    h,
+    b.avatar
+  );
+  if (v)
+    return /* @__PURE__ */ a(
+      "img",
+      {
+        src: r,
+        alt: t,
+        width: o,
+        height: o,
+        className: e(m(), "object-cover"),
+        onError: (n) => {
+          p(r), u?.(n);
+        }
+      }
+    );
+  const { background: g, foreground: A } = w(s);
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      role: i ? "img" : void 0,
+      "aria-label": i ? t : void 0,
+      "aria-hidden": i ? void 0 : !0,
+      className: m(e(g, A)),
+      style: {
+        width: o,
+        height: o,
+        fontSize: l ? void 0 : Math.round(o * 0.4)
+      },
+      children: /* @__PURE__ */ a(
+        "span",
+        {
+          className: e(
+            "leading-none",
+            l ?? "font-semibold"
+          ),
+          children: c ?? I(s)
+        }
+      )
+    }
+  );
+};
+export {
+  E as Avatar
+};

package/dist/components/New/Badge/Badge.js

@@ -0,0 +1,45 @@
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { DIAL_KIT_CLASS as m } from "../../../constants/public-class-names.js";
+import { BadgeVariant as t, BadgeColor as e } from "../../../types/badge.js";
+import { mergeClasses as x } from "../../../utils/merge-classes.js";
+const b = {
+  [e.Blue]: "bg-blue text-blue",
+  [e.Green]: "bg-green-2 text-green-1",
+  [e.Violet]: "bg-violet-2 text-violet-1",
+  [e.Indigo]: "bg-violet-1 text-violet-2",
+  [e.Brown]: "bg-brown text-brown-2",
+  [e.Red]: "bg-red text-red"
+}, c = {
+  [t.Outlined]: "rounded-md border border-tertiary bg-layer-sunken text-secondary",
+  [t.Filled]: "rounded-full"
+}, p = {
+  [t.Outlined]: "dial-tiny-text",
+  [t.Filled]: "dial-caption-lead-semi-text"
+}, L = ({
+  label: n,
+  variant: r = t.Outlined,
+  color: d = e.Blue,
+  icon: l,
+  textClassName: o,
+  className: s,
+  ...a
+}) => /* @__PURE__ */ g(
+  "span",
+  {
+    ...a,
+    className: x(
+      "inline-flex h-6 w-fit shrink-0 items-center gap-1 whitespace-nowrap px-2",
+      c[r],
+      r === t.Filled && b[d],
+      s,
+      m.badge
+    ),
+    children: [
+      l && /* @__PURE__ */ i("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: l }),
+      /* @__PURE__ */ i("span", { className: o ?? p[r], children: n })
+    ]
+  }
+);
+export {
+  L as Badge
+};

package/dist/components/New/BottomSheet/BottomSheet.js

@@ -0,0 +1,128 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { useFloating as k, useRole as A, useDismiss as O, useInteractions as w, FloatingPortal as z, FloatingOverlay as D, FloatingFocusManager as T } from "@floating-ui/react";
+import { IconArrowLeft as j } from "@tabler/icons-react";
+import { useId as B } from "react";
+import { CloseButton as E } from "../CloseButton/CloseButton.js";
+import { DIAL_KIT_ICON_STROKE as K } from "../constants/icon.js";
+import { GhostIconButton as P } from "../IconButton/IconButtonWrappers.js";
+import { useThemeScope as G } from "../ThemeScope/ThemeScope.js";
+import { DIAL_ICON_SIZE as R } from "../../../constants/icon.js";
+import { DIAL_KIT_CLASS as M } from "../../../constants/public-class-names.js";
+import { ElementSize as U } from "../../../types/size.js";
+import { mergeClasses as o } from "../../../utils/merge-classes.js";
+const te = ({
+  open: i,
+  onClose: a,
+  title: t,
+  ariaLabel: c,
+  onBack: s,
+  backAriaLabel: d = "Back",
+  closeAriaLabel: u = "Close",
+  closeOnOutsideClick: f = !0,
+  children: p,
+  className: h,
+  overlayClassName: b,
+  headerClassName: g,
+  style: x,
+  overlayStyle: I,
+  bodyClassName: S,
+  titleClassName: N,
+  portalId: v
+}) => {
+  const y = G(), l = `bottom-sheet-title-${B()}`, { refs: n, context: r } = k({
+    open: i,
+    onOpenChange: (_) => {
+      _ || a();
+    }
+  }), F = A(r, { role: "dialog" }), C = O(r, { outsidePress: f }), { getFloatingProps: L } = w([F, C]);
+  return i ? /* @__PURE__ */ e(z, { id: v, children: /* @__PURE__ */ e(
+    D,
+    {
+      lockScroll: !0,
+      style: I,
+      className: o(
+        "z-popup flex items-end bg-backdrop",
+        y,
+        b
+      ),
+      children: /* @__PURE__ */ e(T, { context: r, initialFocus: n.floating, children: /* @__PURE__ */ m(
+        "div",
+        {
+          ref: n.setFloating,
+          ...L(),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": t ? l : void 0,
+          "aria-label": t ? void 0 : c,
+          style: x,
+          className: o(
+            "flex max-h-[85dvh] w-full flex-col rounded-t-lg bg-layer-raised outline-none",
+            "animate-slideUp motion-reduce:animate-none",
+            h,
+            M.bottomSheet
+          ),
+          children: [
+            t && /* @__PURE__ */ m(
+              "div",
+              {
+                className: o(
+                  "relative flex h-[60px] shrink-0 items-center justify-center border-b border-tertiary px-14",
+                  g
+                ),
+                children: [
+                  s && /* @__PURE__ */ e(
+                    P,
+                    {
+                      "aria-label": d,
+                      className: "absolute start-4",
+                      onClick: s,
+                      icon: /* @__PURE__ */ e(
+                        j,
+                        {
+                          size: R.LG,
+                          stroke: K,
+                          className: "rtl:-scale-x-100",
+                          "aria-hidden": "true"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "h2",
+                    {
+                      id: l,
+                      className: o(
+                        "min-w-0 truncate text-primary",
+                        N ?? "dial-body-semi-text"
+                      ),
+                      children: t
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    E,
+                    {
+                      ariaLabel: u,
+                      onClose: a,
+                      size: U.Standard,
+                      className: "absolute end-4"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: o("min-h-0 overflow-y-auto", S),
+                children: p
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  ) }) : null;
+};
+export {
+  te as BottomSheet
+};