@midas-ds/layout 0.2.0 → 0.2.2

package/chunks/PanelRegion-X9t7HDPS.js

@@ -1,193 +0,0 @@
-'use client';
-import { jsx as f, jsxs as g } from "react/jsx-runtime";
-import { useRef as E, useEffect as b, forwardRef as y, createContext as A, useState as C, useContext as N } from "react";
-import { c as O } from "./clsx-OuTLNxxd.js";
-import { useLocalizedStringFormatter as T, Button as I } from "@midas-ds/components";
-import { useControlledState as R } from "@react-stately/utils";
-import { useExitAnimation as j, useObjectRef as S, useEnterAnimation as k, filterDOMProps as z } from "@react-aria/utils";
-import { P as L, b as M, c as U, a as V } from "./PanelTitle-CSjU7dUj.js";
-import { c as w } from "./createLucideIcon-CP-mMPfa.js";
-import '../assets/PanelRegion.css';const D = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], F = w("x", D), H = { closePanel: "Close panel" }, X = { closePanel: "Stäng panel" }, $ = {
-  en: H,
-  sv: X
-}, q = "_panel_11eci_6", B = "_panelActions_11eci_63", G = "_panelTitle_11eci_69", h = {
-  panel: q,
-  panelActions: B,
-  panelTitle: G
-}, J = (a) => {
-  const { onExited: l } = a, [o, d] = R(
-    a.isOpen,
-    a.defaultOpen || !1,
-    a.onOpenChange
-  ), r = E(null), s = j(r, o), m = () => d((u) => !u);
-  return b(() => {
-    !o && !s && l?.();
-  }, [o, s, l]), !o && !s ? null : /* @__PURE__ */ f(
-    K,
-    {
-      isExiting: s,
-      onPress: m,
-      ref: r,
-      ...a
-    }
-  );
-}, K = y(
-  ({
-    className: a,
-    title: l,
-    actions: o,
-    onPress: d,
-    children: r,
-    isExiting: s,
-    defaultOpen: m,
-    promoting: u,
-    onPromotionEnd: p,
-    "aria-hidden": c,
-    ...t
-  }, e) => {
-    const n = T($), i = S(e), P = k(i, !m), v = (x) => {
-      x.target === x.currentTarget && u && p?.();
-    };
-    return /* @__PURE__ */ g(
-      L,
-      {
-        "aria-hidden": c || void 0,
-        "aria-label": l,
-        className: O(a, h.panel),
-        ref: i,
-        "data-entering": P || void 0,
-        "data-exiting": s || void 0,
-        "data-promoting": u || void 0,
-        onAnimationEnd: v,
-        ...z(t),
-        children: [
-          /* @__PURE__ */ g(M, { children: [
-            /* @__PURE__ */ f(
-              U,
-              {
-                className: h.panelTitle,
-                title: l
-              }
-            ),
-            /* @__PURE__ */ g("div", { className: h.panelActions, children: [
-              o,
-              /* @__PURE__ */ f(
-                I,
-                {
-                  "aria-label": n.format("closePanel"),
-                  onPress: d,
-                  size: "medium",
-                  variant: "icon",
-                  children: /* @__PURE__ */ f(F, { size: 20 })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ f(V, { children: r })
-        ]
-      }
-    );
-  }
-), Q = (a) => null;
-Q.displayName = "usePanels";
-const _ = A({
-  panels: [],
-  panelVariant: "overlay",
-  addPanel: () => {
-  },
-  closePanel: () => {
-  },
-  removePanel: () => {
-  },
-  resetPromoting: () => {
-  }
-}), re = ({
-  children: a,
-  defaultPanels: l = [],
-  panelBehavior: o = "replace",
-  panelVariant: d = "overlay"
-}) => {
-  const [r, s] = C(
-    l.map((t) => ({ ...t, isOpen: !0, defaultOpen: !0 }))
-  ), m = (t) => {
-    s((e) => {
-      if (o === "replace")
-        return [{ ...t, isOpen: !0 }];
-      const n = e.findIndex((i) => i.id === t.id);
-      if (n === -1)
-        return [...e, { ...t, isOpen: !0 }];
-      if (o === "bring-to-front") {
-        if (n === e.length - 1) return e;
-        const i = e[n];
-        return [
-          ...e.filter((P) => P.id !== t.id),
-          { ...i, isOpen: !0, promoting: !0 }
-        ];
-      }
-      return o === "pop-to" ? e.map(
-        (i, P) => P > n ? { ...i, isOpen: !1 } : i
-      ) : e;
-    });
-  }, u = (t) => {
-    s(
-      (e) => e.map((n) => n.id === t ? { ...n, isOpen: !1 } : n)
-    );
-  }, p = (t) => {
-    s((e) => e.filter((n) => n.id !== t));
-  }, c = (t) => {
-    s(
-      (e) => e.map((n) => n.id === t ? { ...n, promoting: !1 } : n)
-    );
-  };
-  return /* @__PURE__ */ f(
-    _.Provider,
-    {
-      value: { panels: r, panelVariant: d, addPanel: m, closePanel: u, removePanel: p, resetPromoting: c },
-      children: a
-    }
-  );
-}, W = () => N(_), Y = "_push_a83oo_1", Z = {
-  push: Y
-}, ce = ({
-  children: a,
-  className: l,
-  ...o
-}) => {
-  const { panels: d, panelVariant: r, closePanel: s, removePanel: m, resetPromoting: u } = W(), p = d.length > 0;
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: O(l, r === "push" && Z.push),
-      "data-open": r === "push" && p ? !0 : void 0,
-      ...o,
-      children: [
-        d.map(({ id: c, ...t }, e, { length: n }) => /* @__PURE__ */ f(
-          J,
-          {
-            "aria-hidden": e < n - 1 || void 0,
-            id: c,
-            onOpenChange: (i) => {
-              i || s(c);
-            },
-            onExited: () => m(c),
-            onPromotionEnd: () => u(c),
-            ...t
-          },
-          c
-        )),
-        a
-      ]
-    }
-  );
-};
-export {
-  J as P,
-  Q as U,
-  _ as a,
-  re as b,
-  ce as c,
-  W as u
-};

package/chunks/PanelTitle-CSjU7dUj.js

@@ -1,51 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "./clsx-OuTLNxxd.js";
-import { forwardRef as l } from "react";
-import { Text as o, clsx as c } from "@midas-ds/components";
-import '../assets/PanelTitle.css';const p = "_panelBody_1p0jk_1", r = {
-  panelBody: p
-}, H = l(
-  ({ className: e, ...n }, a) => /* @__PURE__ */ s(
-    "aside",
-    {
-      ref: a,
-      className: t(e, r.panelBody),
-      ...n
-    }
-  )
-), d = "_panelContent_1gfrc_1", i = {
-  panelContent: d
-}, P = l(
-  ({ className: e, ...n }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      tabIndex: 0,
-      className: t(e, i.panelContent),
-      ...n
-    }
-  )
-), m = "_panelHeader_1g1ux_1", _ = {
-  panelHeader: m
-}, N = ({ className: e, ...n }) => /* @__PURE__ */ s(
-  "div",
-  {
-    className: t(e, _.panelHeader),
-    ...n
-  }
-), y = "_panelTitle_w7y4m_1", x = {
-  panelTitle: y
-}, $ = ({ className: e, title: n, ...a }) => /* @__PURE__ */ s(
-  o,
-  {
-    className: c(e, x.panelTitle),
-    ...a,
-    children: n
-  }
-);
-export {
-  H as P,
-  P as a,
-  N as b,
-  $ as c
-};

package/chunks/Sidebar-uZAklu0a.js

@@ -1,91 +0,0 @@
-'use client';
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import C from "react";
-import { c as o } from "./clsx-OuTLNxxd.js";
-import { useLocalizedStringFormatter as u, Button as x } from "@midas-ds/components";
-import { useControlledState as S } from "@react-stately/utils";
-import { filterDOMProps as g } from "@react-aria/utils";
-import { u as y } from "./useIsMobileDevice-D0iMVFPx.js";
-import { S as P } from "./SidebarContext-CoDRKR2m.js";
-import { c } from "./createLucideIcon-CP-mMPfa.js";
-import { P as z, b as T, c as N, a as k } from "./PanelTitle-CSjU7dUj.js";
-import '../assets/Sidebar.css';const M = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], H = c("panel-left-close", M);
-const E = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], I = c("panel-left-open", E), L = { expandSidebar: "Expand sidebar", collapseSidebar: "Collapse sidebar" }, w = { expandSidebar: "Expandera sidopanel", collapseSidebar: "Minimera sidopanel" }, D = {
-  en: L,
-  sv: w
-}, $ = "_sidebar_zlaev_1", j = "_collapsed_zlaev_8", q = "_sidebarHeader_zlaev_17", B = "_sidebarTitle_zlaev_26", F = "_sidebarContent_zlaev_49", s = {
-  sidebar: $,
-  collapsed: j,
-  sidebarHeader: q,
-  sidebarTitle: B,
-  sidebarContent: F
-}, X = ({
-  children: p,
-  className: m,
-  title: r,
-  ...i
-}) => {
-  const n = u(D), b = y(), [e, f] = S(
-    i.isCollapsed,
-    i.defaultCollapsed || !1,
-    i.onCollapseChange
-  ), [h, l] = C.useState(!1), _ = () => {
-    l(!0), f((t) => !t);
-  }, v = (t) => {
-    t.propertyName === "width" && t.target === t.currentTarget && l(!1);
-  };
-  return b ? null : /* @__PURE__ */ a(P.Provider, { value: { isCollapsed: e }, children: /* @__PURE__ */ d(
-    z,
-    {
-      className: o(m, s.sidebar, {
-        [s.collapsed]: e
-      }),
-      "data-transitioning": h || void 0,
-      onTransitionEnd: v,
-      ...g(i),
-      children: [
-        /* @__PURE__ */ d(
-          T,
-          {
-            className: o(s.sidebarHeader, {
-              [s.collapsed]: e
-            }),
-            children: [
-              r ? /* @__PURE__ */ a(
-                N,
-                {
-                  className: o(s.sidebarTitle, {
-                    [s.collapsed]: e
-                  }),
-                  title: r
-                }
-              ) : /* @__PURE__ */ a("div", {}),
-              /* @__PURE__ */ a(
-                x,
-                {
-                  "aria-label": e ? n.format("expandSidebar") : n.format("collapseSidebar"),
-                  onPress: _,
-                  variant: "icon",
-                  size: e ? "large" : "medium",
-                  children: e ? /* @__PURE__ */ a(I, { size: 20 }) : /* @__PURE__ */ a(H, { size: 20 })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ a(k, { className: s.sidebarContent, children: p })
-      ]
-    }
-  ) });
-};
-export {
-  X as S
-};

package/chunks/SidebarContext-CoDRKR2m.js

@@ -1,8 +0,0 @@
-'use client';
-import { createContext as t } from "react";
-const e = t(
-  void 0
-);
-export {
-  e as S
-};

package/chunks/clsx-OuTLNxxd.js

@@ -1,16 +0,0 @@
-function a(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function i() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
-  return t;
-}
-export {
-  i as c
-};

package/chunks/createLucideIcon-CP-mMPfa.js

@@ -1,75 +0,0 @@
-import { forwardRef as l, createElement as n } from "react";
-const u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim();
-const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const f = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
-);
-const i = (t) => {
-  const e = f(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-};
-var h = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-const g = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-  return !1;
-};
-const A = l(
-  ({
-    color: t = "currentColor",
-    size: e = 24,
-    strokeWidth: r = 2,
-    absoluteStrokeWidth: o,
-    className: s = "",
-    children: a,
-    iconNode: p,
-    ...c
-  }, m) => n(
-    "svg",
-    {
-      ref: m,
-      ...h,
-      width: e,
-      height: e,
-      stroke: t,
-      strokeWidth: o ? Number(r) * 24 / Number(e) : r,
-      className: u("lucide", s),
-      ...!a && !g(c) && { "aria-hidden": "true" },
-      ...c
-    },
-    [
-      ...p.map(([C, d]) => n(C, d)),
-      ...Array.isArray(a) ? a : [a]
-    ]
-  )
-);
-const k = (t, e) => {
-  const r = l(
-    ({ className: o, ...s }, a) => n(A, {
-      ref: a,
-      iconNode: e,
-      className: u(
-        `lucide-${w(i(t))}`,
-        `lucide-${t}`,
-        o
-      ),
-      ...s
-    })
-  );
-  return r.displayName = i(t), r;
-};
-export {
-  k as c
-};

package/chunks/useIsMobileDevice-D0iMVFPx.js

@@ -1,25 +0,0 @@
-'use client';
-import { useState as r, useEffect as c } from "react";
-import { useIsSSR as d } from "@react-aria/ssr";
-import "@react-aria/utils";
-function f(e) {
-  let t = typeof window < "u" && typeof window.matchMedia == "function", [n, o] = r(() => t ? window.matchMedia(e).matches : !1);
-  return c(() => {
-    if (!t) return;
-    let i = window.matchMedia(e), a = (s) => {
-      o(s.matches);
-    };
-    return i.addListener(a), () => {
-      i.removeListener(a);
-    };
-  }, [
-    t,
-    e
-  ]), d() ? !1 : n;
-}
-function w() {
-  return f("(max-width: 640px)");
-}
-export {
-  w as u
-};