@tpc-mare/mare-ui-components-react 0.1.8 → 0.1.10

package/dist/shared/DialogFooter-0gaMdpXV.js

@@ -1,154 +0,0 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { Dialog as o } from "@ark-ui/react/dialog";
-import { Portal as w } from "@ark-ui/react/portal";
-import { B as n } from "./Button-AfMqNCme.js";
-import { a as _ } from "./icons-bQxPPV8R.js";
-const k = (e) => `
-	mare:fixed mare:inset-0 mare:z-40
-	${e ?? "mare:bg-overlay"}
-	mare:ark-open:[animation:mare-dialog-backdrop-enter_300ms_ease-out]
-	mare:ark-closed:[animation:mare-dialog-backdrop-exit_200ms_ease-in]
-`, y = `
-	mare:fixed mare:inset-0 mare:z-50
-	mare:flex mare:items-center mare:justify-center
-	mare:overflow-y-auto mare:px-0 mare:sm:px-10
-`, v = {
-  small: "mare:sm:w-[28rem] mare:sm:max-w-[28rem]",
-  medium: "mare:sm:w-[42rem] mare:sm:max-w-[42rem]",
-  large: "mare:sm:w-[64rem] mare:sm:max-w-[64rem]"
-}, N = (e) => `
-	mare:group/dialog mare:flex mare:flex-col
-	mare:w-full mare:max-w-full mare:max-w-screen ${v[e.size]}
-	mare:bg-default mare:text-default
-	mare:shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.10),0px_4px_6px_-2px_rgba(0,0,0,0.05)]
-	mare:fixed mare:sm:relative mare:bottom-0 mare:sm:bottom-auto mare:left-0 mare:sm:left-auto mare:right-0 mare:sm:right-auto
-	mare:rounded-t-tpc-sheet mare:sm:rounded-tpc-dialog
-	mare:max-h-[calc(100%-32px)] mare:sm:max-h-[calc(100%-80px)]
-	mare:outline-none
-	mare:ark-open:[animation:mare-dialog-enter-mobile_300ms_ease-out]
-	mare:ark-closed:[animation:mare-dialog-exit-mobile_200ms_ease-in]
-	mare:sm:ark-open:[animation:mare-dialog-enter-desktop_300ms_ease-out]
-	mare:sm:ark-closed:[animation:mare-dialog-exit-desktop_200ms_ease-in]
-	${e.fullScreen ? "mare:top-0 mare:rounded-t-none! mare:sm:rounded-tpc-dialog! mare:sm:top-auto mare:max-h-full mare:sm:max-h-[calc(100%-80px)]" : ""}
-`, $ = (e) => `
-	mare:overflow-y-auto mare:px-6 mare:pb-6
-	${e ? "mare:grow" : ""}
-`, C = (e) => `
-	mare:flex mare:w-full mare:items-center mare:justify-between mare:shrink-0
-	mare:h-14 mare:sm:h-16 mare:px-6
-	${e ? "mare:border-b mare:border-default" : ""}
-`, z = "mare:-ml-1.5", D = "mare:-mr-1.5", d = (e) => `
-	mare:grow mare:w-full mare:truncate mare:text-center
-	mare:tpc-typography-label-m mare:text-default
-	${e.hasRightIcon ? "" : "mare:mr-6.5"}
-	${e.hasLeftIcon ? "" : "mare:ml-6.5"}
-`, O = (e) => `
-	mare:flex mare:flex-col-reverse mare:gap-3 mare:justify-end mare:w-full
-	mare:px-6 mare:pb-4 mare:sm:pb-6
-	${e.layout === "row" ? "mare:sm:flex-row" : ""}
-	${e.border ? "mare:pt-3 mare:sm:pt-6 mare:border-t mare:border-t-default" : "mare:pt-0"}
-`;
-function P({
-  open: e,
-  onOpenChange: r,
-  size: m = "medium",
-  fullScreen: t = !1,
-  modal: s = !0,
-  closeOnEscape: l = !0,
-  dismissableMask: c = !0,
-  maskColor: u,
-  portalContainer: p,
-  header: x,
-  footer: f,
-  children: g,
-  "aria-label": h
-}) {
-  return /* @__PURE__ */ a(
-    o.Root,
-    {
-      open: e,
-      onOpenChange: (b) => r?.(b.open),
-      modal: s,
-      closeOnEscape: l,
-      closeOnInteractOutside: c,
-      "aria-label": h,
-      lazyMount: !0,
-      unmountOnExit: !0,
-      children: /* @__PURE__ */ i(w, { container: p, children: [
-        /* @__PURE__ */ a(o.Backdrop, { className: k(u) }),
-        /* @__PURE__ */ a(o.Positioner, { className: y, children: /* @__PURE__ */ i(
-          o.Content,
-          {
-            className: N({ size: m, fullScreen: t }),
-            children: [
-              x,
-              /* @__PURE__ */ a("div", { className: $(t), children: g }),
-              f
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-}
-function T({
-  title: e,
-  leftIcon: r = /* @__PURE__ */ a(_, {}),
-  rightIcon: m,
-  onLeftIconClick: t,
-  onRightIconClick: s,
-  border: l = !1
-}) {
-  return /* @__PURE__ */ i("div", { className: C(l), children: [
-    r ? /* @__PURE__ */ a("div", { className: z, children: /* @__PURE__ */ a(o.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ a(
-      n,
-      {
-        severity: "ghost",
-        iconOnly: !0,
-        size: "xsmall",
-        icon: r,
-        onClick: t
-      }
-    ) }) }) : null,
-    e ? /* @__PURE__ */ a(
-      o.Title,
-      {
-        className: d({
-          hasLeftIcon: !!r,
-          hasRightIcon: !!m
-        }),
-        children: e
-      }
-    ) : /* @__PURE__ */ a(
-      "span",
-      {
-        className: d({
-          hasLeftIcon: !!r,
-          hasRightIcon: !!m
-        })
-      }
-    ),
-    m ? /* @__PURE__ */ a("div", { className: D, children: /* @__PURE__ */ a(
-      n,
-      {
-        severity: "ghost",
-        iconOnly: !0,
-        size: "xsmall",
-        icon: m,
-        onClick: s
-      }
-    ) }) : null
-  ] });
-}
-function E({
-  layout: e = "row",
-  border: r = !1,
-  children: m
-}) {
-  return /* @__PURE__ */ a("div", { className: O({ layout: e, border: r }), children: m });
-}
-export {
-  P as D,
-  E as a,
-  T as b
-};