@midas-ds/layout 0.0.1-beta.1 → 0.0.4

package/chunks/useIsMobileDevice-DhQB0ae2.js

@@ -0,0 +1,213 @@
+'use client';
+import { jsxs as x, jsx as l, Fragment as v } from "react/jsx-runtime";
+import { useLocale as B, useContextProps as k, ButtonContext as q, Button as A } from "react-aria-components";
+import { c as h } from "./clsx-AexbMWKp.js";
+import { forwardRef as w, createElement as g, useMemo as M, useState as z, useEffect as N } from "react";
+import { VisuallyHidden as P } from "react-aria";
+import { LocalizedStringFormatter as R, LocalizedStringDictionary as $ } from "@internationalized/string";
+import { useIsSSR as W } from "@react-aria/ssr";
+import "@react-aria/utils";
+import '../assets/useIsMobileDevice.css';const D = "_button_7n7qm_1", j = "_secondary_7n7qm_48", E = "_tertiary_7n7qm_71", F = "_iconBtn_7n7qm_91", I = "_medium_7n7qm_111", U = "_danger_7n7qm_116", G = "_iconRight_7n7qm_138", Z = "_fullwidth_7n7qm_142", H = "_primary_7n7qm_152", a = {
+  button: D,
+  secondary: j,
+  tertiary: E,
+  iconBtn: F,
+  medium: I,
+  danger: U,
+  iconRight: G,
+  fullwidth: Z,
+  primary: H
+}, K = "_container_1qexx_1", O = "_spinner_1qexx_5", T = "_large_1qexx_18", f = {
+  container: K,
+  spinner: O,
+  large: T
+};
+const L = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim();
+const V = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const J = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, r) => r ? r.toUpperCase() : n.toLowerCase()
+);
+const y = (e) => {
+  const t = J(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+var Q = {
+  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 X = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+  return !1;
+};
+const Y = w(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: r,
+    className: s = "",
+    children: o,
+    iconNode: c,
+    ...i
+  }, u) => g(
+    "svg",
+    {
+      ref: u,
+      ...Q,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(n) * 24 / Number(t) : n,
+      className: L("lucide", s),
+      ...!o && !X(i) && { "aria-hidden": "true" },
+      ...i
+    },
+    [
+      ...c.map(([p, m]) => g(p, m)),
+      ...Array.isArray(o) ? o : [o]
+    ]
+  )
+);
+const ee = (e, t) => {
+  const n = w(
+    ({ className: r, ...s }, o) => g(Y, {
+      ref: o,
+      iconNode: t,
+      className: L(
+        `lucide-${V(y(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...s
+    })
+  );
+  return n.displayName = y(e), n;
+};
+const te = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], ne = ee("loader-circle", te), _ = "sv", C = /* @__PURE__ */ new WeakMap();
+function re(e) {
+  let t = C.get(e);
+  return t || (t = new $(e, _), C.set(e, t)), t;
+}
+function oe(e, t) {
+  return re(e);
+}
+function ae(e, t) {
+  if (!e || typeof e != "object" || !(_ in e))
+    throw new Error(
+      `useLocalizedStringFormatter: Default language "${_}" must be defined in dictionary.`
+    );
+  const { locale: n } = B(), r = oe(e);
+  return M(
+    () => new R(n, r),
+    [r, n]
+  );
+}
+const ie = { loadingPleaseWait: "Loading, please wait..." }, se = { loadingPleaseWait: "Laddar, vänligen vänta..." }, ce = {
+  en: ie,
+  sv: se
+}, de = ({
+  small: e,
+  color: t,
+  className: n
+}) => {
+  const r = ae(ce);
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: h(f.container, n),
+      role: "status",
+      children: [
+        /* @__PURE__ */ l(
+          ne,
+          {
+            className: h(f.spinner, !e && f.large),
+            size: e ? 20 : 96,
+            strokeWidth: e ? 2 : 8,
+            absoluteStrokeWidth: !0,
+            color: t
+          }
+        ),
+        /* @__PURE__ */ l(P, { children: r.format("loadingPleaseWait") })
+      ]
+    }
+  );
+}, ye = w(
+  (e, t) => {
+    const [n, r] = k(e, t, q), {
+      children: s,
+      className: o,
+      fullwidth: c,
+      icon: i,
+      iconPlacement: u,
+      iconSize: p,
+      isPending: m,
+      size: S = "large",
+      variant: d = "primary",
+      ...b
+    } = n;
+    return /* @__PURE__ */ l(
+      A,
+      {
+        className: h(
+          a.button,
+          d === "primary" && a.primary,
+          d === "secondary" && a.secondary,
+          d === "tertiary" && a.tertiary,
+          d === "danger" && a.danger,
+          d === "icon" && a.iconBtn,
+          c && a.fullwidth,
+          S === "medium" && a.medium,
+          u === "right" && a.iconRight,
+          o
+        ),
+        ref: r,
+        ...b,
+        children: /* @__PURE__ */ x(v, { children: [
+          i && !m && /* @__PURE__ */ l(
+            i,
+            {
+              "aria-hidden": !0,
+              size: p ?? 20
+            }
+          ),
+          m && /* @__PURE__ */ l(de, { small: !0 }),
+          s
+        ] })
+      }
+    );
+  }
+);
+function le(e) {
+  let t = typeof window < "u" && typeof window.matchMedia == "function", [n, r] = z(() => t ? window.matchMedia(e).matches : !1);
+  return N(() => {
+    if (!t) return;
+    let o = window.matchMedia(e), c = (i) => {
+      r(i.matches);
+    };
+    return o.addListener(c), () => {
+      o.removeListener(c);
+    };
+  }, [
+    t,
+    e
+  ]), W() ? !1 : n;
+}
+function Ce() {
+  return le("(max-width: 640px)");
+}
+export {
+  ye as B,
+  ae as a,
+  ee as c,
+  Ce as u
+};

package/header/Header.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type HeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare const Header: ({ className, ...rest }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/header/header-actions/HeaderActions.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { MidasButton } from '../../../../components/src/index.ts';
+export declare const HeaderActions: (({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    Button: import('react').ForwardRefExoticComponent<Omit<MidasButton, "children" | "icon"> & {
+        icon?: ReactNode;
+        children?: ReactNode;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+};

package/header/header-actions/HeaderActions.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+import { HeaderActions } from '.';
+type Story = StoryObj<typeof HeaderActions>;
+declare const _default: {
+    component: (({ children }: {
+        children: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element) & {
+        Button: import('react').ForwardRefExoticComponent<Omit<import('../../../../components/src/index.ts').MidasButton, "children" | "icon"> & {
+            icon?: import('react').ReactNode;
+            children?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLButtonElement>>;
+    };
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children: import('react').ReactNode;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default _default;
+export declare const Primary: Story;
+export declare const IconOnly: Story;

package/header/header-actions/index.d.ts

@@ -0,0 +1 @@
+export * from './HeaderActions';

package/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Header';
+export * from './header-actions';
+export * from './mobile-menu';

package/header/index.js

@@ -0,0 +1,8 @@
+import { H as a, a as r, M } from "../chunks/MobileMenu-DcQpdykm.js";
+import { M as t } from "../chunks/MobileMenuContext-Coj0sJ0N.js";
+export {
+  a as Header,
+  r as HeaderActions,
+  M as MobileMenu,
+  t as MobileMenuContext
+};

package/header/mobile-menu/MobileMenu.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface MobileMenuProps {
+    children?: ReactNode;
+    isDrawerOpen?: boolean;
+    defaultDrawerOpen?: boolean;
+    onDrawerOpenChange?: (isDrawerOpen: boolean) => void;
+}
+export declare const MobileMenu: ({ children, isDrawerOpen: isDrawerOpenProp, defaultDrawerOpen, onDrawerOpenChange, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element | null;

package/header/mobile-menu/MobileMenuContext.d.ts

@@ -0,0 +1 @@
+export declare const MobileMenuContext: import('react').Context<object | undefined>;

package/header/mobile-menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MobileMenu';
+export * from './MobileMenuContext';

package/index.d.ts

@@ -1 +1,6 @@
-export * from './lib/Layout';
+export * from './header';
+export * from './layout';
+export * from './main';
+export * from './navigation';
+export * from './panel';
+export * from './navbar';