@midas-ds/layout 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/Button.css +1 -0
  3. package/assets/Header.css +1 -0
  4. package/assets/NavigationSubMenu.css +1 -0
  5. package/assets/Panel.css +1 -1
  6. package/chunks/Button-7IYEsEeT.js +192 -0
  7. package/chunks/Header-DjegZbd1.js +101 -0
  8. package/chunks/NavigationSubMenu-CpS-A3-h.js +208 -0
  9. package/chunks/Panel-BsVbn7nx.js +156 -0
  10. package/chunks/PanelContext-D6WQ7_yb.js +11 -0
  11. package/chunks/Text-B18MZHuN.js +56 -0
  12. package/chunks/useIsMobileDevice-D0iMVFPx.js +25 -0
  13. package/header/header-action/HeaderAction.d.ts +6 -0
  14. package/header/header-action/index.d.ts +1 -0
  15. package/header/header-actions/HeaderActions.d.ts +3 -10
  16. package/header/header-actions/HeaderActions.stories.d.ts +284 -10
  17. package/header/index.d.ts +2 -1
  18. package/header/index.js +7 -6
  19. package/header/mobile-menu/MobileMenu.d.ts +2 -1
  20. package/index.js +27 -21
  21. package/navigation/Navigation.d.ts +1 -6
  22. package/navigation/Navigation.stories.d.ts +1 -4
  23. package/navigation/index.d.ts +5 -1
  24. package/navigation/index.js +1 -1
  25. package/navigation/{components/header → navigation-header}/NavigationHeader.d.ts +1 -1
  26. package/navigation/{components/link → navigation-link}/NavigationLink.d.ts +1 -1
  27. package/navigation/{components/sub-menu → navigation-sub-menu}/NavigationSubMenu.d.ts +3 -2
  28. package/package.json +2 -2
  29. package/panel/Panel.d.ts +5 -2
  30. package/panel/Panel.stories.d.ts +1 -1
  31. package/panel/PanelContext.d.ts +0 -2
  32. package/panel/{components/collapse-panel → collapse-panel}/CollapsePanel.d.ts +1 -1
  33. package/panel/collapse-panel/CollapsePanelContext.d.ts +3 -0
  34. package/panel/collapse-panel/index.d.ts +2 -0
  35. package/panel/{components/dismiss-panel → dismiss-panel}/DismissPanel.d.ts +1 -1
  36. package/panel/index.d.ts +5 -0
  37. package/panel/index.js +10 -5
  38. package/panel/{components/panel-title → panel-title}/PanelTitle.d.ts +1 -1
  39. package/utils/index.d.ts +1 -0
  40. package/utils/index.js +4 -0
  41. package/assets/MobileMenu.css +0 -1
  42. package/assets/Navigation.css +0 -1
  43. package/assets/useIsMobileDevice.css +0 -1
  44. package/chunks/MobileMenu-DcQpdykm.js +0 -86
  45. package/chunks/Navigation-Cq0h2Nt9.js +0 -212
  46. package/chunks/Panel-C1MEWSWX.js +0 -147
  47. package/chunks/PanelContext-D2ADxgo6.js +0 -44
  48. package/chunks/clsx-AexbMWKp.js +0 -24
  49. package/chunks/useIsMobileDevice-DhQB0ae2.js +0 -213
  50. package/navigation/components/index.d.ts +0 -5
  51. package/panel/components/collapse-panel/index.d.ts +0 -1
  52. package/panel/components/index.d.ts +0 -5
  53. /package/assets/{PanelContext.css → Text.css} +0 -0
  54. /package/navigation/{components/header → navigation-header}/index.d.ts +0 -0
  55. /package/navigation/{components/item → navigation-item}/NavigationItem.d.ts +0 -0
  56. /package/navigation/{components/item → navigation-item}/index.d.ts +0 -0
  57. /package/navigation/{components/link → navigation-link}/NavigationLink.stories.d.ts +0 -0
  58. /package/navigation/{components/link → navigation-link}/index.d.ts +0 -0
  59. /package/navigation/{components/section → navigation-section}/NavigationSection.d.ts +0 -0
  60. /package/navigation/{components/section → navigation-section}/index.d.ts +0 -0
  61. /package/navigation/{components/sub-menu → navigation-sub-menu}/index.d.ts +0 -0
  62. /package/panel/{components/dismiss-panel → dismiss-panel}/index.d.ts +0 -0
  63. /package/panel/{components/panel-body → panel-body}/PanelBody.d.ts +0 -0
  64. /package/panel/{components/panel-body → panel-body}/index.d.ts +0 -0
  65. /package/panel/{components/panel-header → panel-header}/PanelHeader.d.ts +0 -0
  66. /package/panel/{components/panel-header → panel-header}/index.d.ts +0 -0
  67. /package/panel/{components/panel-title → panel-title}/index.d.ts +0 -0
package/index.js CHANGED
@@ -1,27 +1,33 @@
1
- import { H as e, a as t, M as n } from "./chunks/MobileMenu-DcQpdykm.js";
2
- import { L as s, a as i } from "./chunks/Layout-16EqvEZN.js";
1
+ import { H as o, a as s, b as t, M as n } from "./chunks/Header-DjegZbd1.js";
2
+ import { L as r, a as l } from "./chunks/Layout-16EqvEZN.js";
3
3
  import { M as m } from "./chunks/Main-QnNDtP6N.js";
4
- import { N as M, a as N, b as f, c as l, d as v, e as g } from "./chunks/Navigation-Cq0h2Nt9.js";
5
- import { P as C } from "./chunks/Panel-C1MEWSWX.js";
6
- import { C as P, P as d } from "./chunks/PanelContext-D2ADxgo6.js";
7
- import { N as L } from "./chunks/Navbar-wOOCcsru.js";
8
- import { M as y } from "./chunks/MobileMenuContext-Coj0sJ0N.js";
4
+ import { N as P, a as M, b as N, c as f, d as C, e as b } from "./chunks/NavigationSubMenu-CpS-A3-h.js";
5
+ import { C as v, D as g, P as u, a as H, b as c, c as L } from "./chunks/Panel-BsVbn7nx.js";
6
+ import { C as A, P as D } from "./chunks/PanelContext-D6WQ7_yb.js";
7
+ import { N as k } from "./chunks/Navbar-wOOCcsru.js";
8
+ import { M as I } from "./chunks/MobileMenuContext-Coj0sJ0N.js";
9
9
  export {
10
- P as CollapsePanelContext,
11
- e as Header,
10
+ v as CollapsePanel,
11
+ A as CollapsePanelContext,
12
+ g as DismissPanel,
13
+ o as Header,
14
+ s as HeaderAction,
12
15
  t as HeaderActions,
13
- s as Layout,
14
- i as LayoutContent,
16
+ r as Layout,
17
+ l as LayoutContent,
15
18
  m as Main,
16
19
  n as MobileMenu,
17
- y as MobileMenuContext,
18
- L as Navbar,
19
- M as Navigation,
20
- N as NavigationHeader,
21
- f as NavigationItem,
22
- l as NavigationLink,
23
- v as NavigationSection,
24
- g as NavigationSubMenu,
25
- C as Panel,
26
- d as PanelContext
20
+ I as MobileMenuContext,
21
+ k as Navbar,
22
+ P as Navigation,
23
+ M as NavigationHeader,
24
+ N as NavigationItem,
25
+ f as NavigationLink,
26
+ C as NavigationSection,
27
+ b as NavigationSubMenu,
28
+ u as Panel,
29
+ H as PanelBody,
30
+ D as PanelContext,
31
+ c as PanelHeader,
32
+ L as PanelTitle
27
33
  };
@@ -1,9 +1,4 @@
1
1
  import { DetailedHTMLProps, HTMLAttributes } from 'react';
2
- import { NavigationLinkProps } from './components';
3
2
  import { CollectionProps } from '@react-aria/collections';
4
3
  export type NavigationProps<T extends object> = CollectionProps<T> & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'children'>;
5
- export declare const Navigation: (<T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: NavigationProps<T>) => import("react/jsx-runtime").JSX.Element) & {
6
- Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
7
- SubMenu: <T extends object>({ className, children, items, ...rest }: import('./components').NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
8
- };
9
- export type { NavigationLinkProps };
4
+ export declare const Navigation: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: NavigationProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -2,10 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  import { Navigation } from '.';
3
3
  type Story = StoryObj<typeof Navigation>;
4
4
  declare const _default: {
5
- component: (<T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import("react/jsx-runtime").JSX.Element) & {
6
- Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, title, "aria-label": ariaLabel, ...rest }: import('./components').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
7
- SubMenu: <T extends object>({ className, children, items, ...rest }: import('./components').NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
8
- };
5
+ component: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: import('./Navigation').NavigationProps<T>) => import("react/jsx-runtime").JSX.Element;
9
6
  title: string;
10
7
  tags: string[];
11
8
  };
@@ -1,2 +1,6 @@
1
1
  export * from './Navigation';
2
- export * from './components';
2
+ export * from './navigation-header';
3
+ export * from './navigation-item';
4
+ export * from './navigation-link';
5
+ export * from './navigation-section';
6
+ export * from './navigation-sub-menu';
@@ -1,4 +1,4 @@
1
- import { N as n, a as o, b as t, c as e, d as N, e as g } from "../chunks/Navigation-Cq0h2Nt9.js";
1
+ import { N as n, a as o, b as t, c as e, d as N, e as g } from "../chunks/NavigationSubMenu-CpS-A3-h.js";
2
2
  export {
3
3
  n as Navigation,
4
4
  o as NavigationHeader,
@@ -1,3 +1,3 @@
1
- import { TextProps } from '../../../../../components/src/index.ts';
1
+ import { TextProps } from '../../../../components/src/index.ts';
2
2
  export type NavigationHeaderProps = TextProps;
3
3
  export declare const NavigationHeader: ({ className, ...rest }: NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode, ElementType } from 'react';
2
2
  import { Link } from 'react-aria-components';
3
- import { LinkComponentProps } from '../../../../../components/src/index.ts';
3
+ import { LinkComponentProps } from '../../../../components/src/index.ts';
4
4
  export interface NavigationLinkComponentProps<C extends ElementType> extends Pick<LinkComponentProps<C>, 'className' | 'as'> {
5
5
  /** The icon to display. */
6
6
  children: ReactNode;
@@ -1,4 +1,5 @@
1
- import { DetailedHTMLProps, HTMLAttributes } from 'react';
2
1
  import { CollectionProps } from '@react-aria/collections';
3
- export type NavigationSubMenuProps<T extends object> = CollectionProps<T> & Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'className'>;
2
+ export type NavigationSubMenuProps<T extends object> = CollectionProps<T> & {
3
+ className?: string;
4
+ };
4
5
  export declare const NavigationSubMenu: <T extends object>({ className, children, items, ...rest }: NavigationSubMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Layout components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "0.0.7",
17
+ "version": "0.0.8",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -36,6 +36,6 @@
36
36
  "./*": "./*/index.js"
37
37
  },
38
38
  "dependencies": {
39
- "@midas-ds/components": "17.7.5"
39
+ "@midas-ds/components": "17.7.6"
40
40
  }
41
41
  }
package/panel/Panel.d.ts CHANGED
@@ -1,7 +1,10 @@
1
- import { PanelBodyProps, CollapseTriggerProps, DismissTriggerProps, PanelTitleProps } from './components';
1
+ import { CollapseTriggerProps } from './collapse-panel';
2
+ import { DismissTriggerProps } from './dismiss-panel';
3
+ import { PanelBodyProps } from './panel-body';
4
+ import { PanelTitleProps } from './panel-title';
2
5
  export type PanelVariant = 'collapse' | 'dismiss' | undefined;
3
6
  export type PanelTriggerProps<T extends PanelVariant> = T extends 'collapse' ? CollapseTriggerProps : T extends 'dismiss' ? DismissTriggerProps : never;
4
7
  export type PanelProps<T extends PanelVariant> = PanelBodyProps & Pick<PanelTitleProps, 'title'> & PanelTriggerProps<T> & {
5
8
  variant?: T;
6
9
  };
7
- export declare const Panel: <T extends PanelVariant>({ variant, ...rest }: PanelProps<T>) => import("react/jsx-runtime").JSX.Element | null;
10
+ export declare const Panel: <T extends PanelVariant>({ variant, ...rest }: PanelProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
2
2
  import { Panel } from '.';
3
3
  type Story = StoryObj<typeof Panel>;
4
4
  declare const _default: {
5
- component: <T extends import('./Panel').PanelVariant>({ variant, ...rest }: import('./Panel').PanelProps<T>) => import("react/jsx-runtime").JSX.Element | null;
5
+ component: <T extends import('./Panel').PanelVariant>({ variant, ...rest }: import('./Panel').PanelProps<T>) => import("react/jsx-runtime").JSX.Element;
6
6
  title: string;
7
7
  tags: string[];
8
8
  args: {
@@ -1,5 +1,3 @@
1
1
  import { PanelProps, PanelVariant } from '.';
2
2
  export type PanelContextValue<T extends PanelVariant> = Pick<PanelProps<T>, 'variant'>;
3
3
  export declare const PanelContext: import('react').Context<PanelContextValue<PanelVariant>>;
4
- export type CollapsePanelContextValue = Pick<PanelProps<'collapse'>, 'isCollapsed'>;
5
- export declare const CollapsePanelContext: import('react').Context<CollapsePanelContextValue>;
@@ -1,4 +1,4 @@
1
- import { PanelBodyProps } from '../panel-body/PanelBody';
1
+ import { PanelBodyProps } from '..';
2
2
  export interface CollapseTriggerProps {
3
3
  isCollapsed?: boolean;
4
4
  defaultCollapsed?: boolean;
@@ -0,0 +1,3 @@
1
+ import { PanelProps } from '../Panel';
2
+ export type CollapsePanelContextValue = Pick<PanelProps<'collapse'>, 'isCollapsed'>;
3
+ export declare const CollapsePanelContext: import('react').Context<CollapsePanelContextValue>;
@@ -0,0 +1,2 @@
1
+ export * from './CollapsePanel';
2
+ export * from './CollapsePanelContext';
@@ -1,4 +1,4 @@
1
- import { PanelBodyProps } from '..';
1
+ import { PanelBodyProps } from '../panel-body';
2
2
  export interface DismissTriggerProps {
3
3
  isOpen?: boolean;
4
4
  defaultOpen?: boolean;
package/panel/index.d.ts CHANGED
@@ -1,2 +1,7 @@
1
1
  export * from './Panel';
2
2
  export * from './PanelContext';
3
+ export * from './collapse-panel';
4
+ export * from './dismiss-panel';
5
+ export * from './panel-body';
6
+ export * from './panel-header';
7
+ export * from './panel-title';
package/panel/index.js CHANGED
@@ -1,7 +1,12 @@
1
- import { P as o } from "../chunks/Panel-C1MEWSWX.js";
2
- import { C as l, P as n } from "../chunks/PanelContext-D2ADxgo6.js";
1
+ import { C as l, D as s, P as n, a as P, b as o, c as t } from "../chunks/Panel-BsVbn7nx.js";
2
+ import { C as r, P as p } from "../chunks/PanelContext-D6WQ7_yb.js";
3
3
  export {
4
- l as CollapsePanelContext,
5
- o as Panel,
6
- n as PanelContext
4
+ l as CollapsePanel,
5
+ r as CollapsePanelContext,
6
+ s as DismissPanel,
7
+ n as Panel,
8
+ P as PanelBody,
9
+ p as PanelContext,
10
+ o as PanelHeader,
11
+ t as PanelTitle
7
12
  };
@@ -1,4 +1,4 @@
1
- import { TextProps } from '../../../../../components/src/index.ts';
1
+ import { TextProps } from '../../../../components/src/index.ts';
2
2
  export interface PanelTitleProps extends TextProps {
3
3
  title?: string;
4
4
  }
@@ -0,0 +1 @@
1
+ export * from './useIsMobileDevice';
package/utils/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { u as s } from "../chunks/useIsMobileDevice-D0iMVFPx.js";
2
+ export {
3
+ s as useIsMobileDevice
4
+ };
@@ -1 +0,0 @@
1
- ._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}._headerActions_oafen_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_oafen_8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._overlay_dmbs8_1{position:absolute;top:0;left:0;width:100%;height:var(--page-height);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}._overlay_dmbs8_1[data-entering]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast)}._overlay_dmbs8_1[data-exiting]{animation:_drawer-blur_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_dmbs8_20{position:sticky;left:0;width:300px;top:-100px;height:calc(100dvh + 200px);padding:100px 0;margin-right:auto;background:var(--overlay-background);outline:none;border-right:1px solid var(--midas-border-color-secondary);box-shadow:-8px 0 20px #0000001a;font-family:system-ui;font-size:.875rem}._drawer_dmbs8_20[data-entering]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast)}._drawer_dmbs8_20[data-exiting]{animation:_drawer-slide_dmbs8_1 var(--midas-transition-duration-fast) reverse ease-in}@keyframes _drawer-blur_dmbs8_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes _drawer-slide_dmbs8_1{0%{transform:translate(-100%)}to{transform:translate(0)}}
@@ -1 +0,0 @@
1
- ._tooltip_2gvxu_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-xsmall) var(--midas-space-small);color:var(--midas-text-inverse);background-color:var(--midas-background-inverse);max-width:150px;outline:none;transform:translateZ(0);transition:transform var(--midas-transition-duration-fast),opacity var(--midas-transition-duration-fast)}@media(forced-colors:active){._tooltip_2gvxu_1{border:1px solid}}._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{display:block;fill:var(--midas-background-inverse)}@media(forced-colors:active){._tooltip_2gvxu_1 ._arrow_2gvxu_18 svg{fill:currentColor}}._tooltip_2gvxu_1[data-entering],._tooltip_2gvxu_1[data-exiting]{transform:var(--origin);opacity:0}._tooltip_2gvxu_1[data-placement=top]{margin-bottom:8px;--origin: translateY(4px)}._tooltip_2gvxu_1[data-placement=bottom]{margin-top:8px;--origin: translateY(-4px)}._tooltip_2gvxu_1[data-placement=bottom] ._arrow_2gvxu_18 svg{transform:rotate(180deg)}._tooltip_2gvxu_1[data-placement=right]{margin-left:8px;--origin: translateX(-4px)}._tooltip_2gvxu_1[data-placement=right] ._arrow_2gvxu_18 svg{transform:rotate(90deg)}._tooltip_2gvxu_1[data-placement=left]{margin-right:8px;--origin: translateX(4px)}._tooltip_2gvxu_1[data-placement=left] ._arrow_2gvxu_18 svg{transform:rotate(-90deg)}@media(prefers-reduced-motion){._tooltip_2gvxu_1{transition:none}}._navigationHeader_j94pq_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-spacing-30)}._navigationHeader_j94pq_1._collapsed_j94pq_6{display:none}._navigationLink_tfdcf_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_tfdcf_1[data-hovered],._navigationLink_tfdcf_1:hover,._navigationLink_tfdcf_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_tfdcf_1._collapse_tfdcf_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_tfdcf_1._collapse_tfdcf_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_tfdcf_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_tfdcf_1._collapsed_tfdcf_37{justify-content:center}._navigationLink_tfdcf_1._collapsed_tfdcf_37 ._title_tfdcf_40{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigation_3axp3_1{background-color:var(--midas-layer-01-base)}._rootList_3axp3_5{margin:0;padding:0}
@@ -1 +0,0 @@
1
- ._button_7n7qm_1{--border-width: 1px;font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-30);font-weight:500;padding:calc(var(--midas-space-70) - var(--border-width)) calc(var(--midas-space-large) - var(--border-width));line-height:var(--midas-typography-line-height-30);background-color:var(--midas-button-background-primary-base);border:solid var(--border-width) transparent;color:var(--midas-text-on-color);cursor:pointer;opacity:1;outline:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._button_7n7qm_1[data-focus-visible],._button_7n7qm_1:focus-visible{outline:3px solid highlight;outline-offset:2px}}._button_7n7qm_1[data-hovered]{background-color:var(--midas-button-background-primary-hover)}._button_7n7qm_1[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-primary-active);outline:none}._button_7n7qm_1[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._secondary_7n7qm_48{color:var(--midas-text-tertiary);background-color:var(--midas-button-background-secondary-base);border-color:var(--midas-button-border-secondary);opacity:1}._secondary_7n7qm_48[data-hovered]{background-color:var(--midas-button-background-secondary-hover)}._secondary_7n7qm_48[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled);border-color:var(--midas-border-color-disabled)}._secondary_7n7qm_48[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-secondary-active);border-color:var(--midas-text-tertiary)}._tertiary_7n7qm_71{color:var(--midas-text-tertiary);background-color:transparent;opacity:1}._tertiary_7n7qm_71[data-hovered]{background-color:var(--midas-button-background-tertiary-hover)}._tertiary_7n7qm_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:#fff}._tertiary_7n7qm_71[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-tertiary-active)}._iconBtn_7n7qm_91{background-color:transparent;padding:calc(var(--midas-space-70) - var(--border-width));color:var(--midas-icon-primary);display:flex;align-items:center}._iconBtn_7n7qm_91[data-hovered]{background-color:var(--midas-button-icon-hover)}._iconBtn_7n7qm_91[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._iconBtn_7n7qm_91[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-icon-active)}._iconBtn_7n7qm_91._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width))}._danger_7n7qm_116{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-base);opacity:1}._danger_7n7qm_116[data-hovered]{color:var(--midas-color-white-base);background-color:var(--midas-button-background-danger-hover)}._danger_7n7qm_116[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;background-color:var(--midas-button-background-disabled)}._danger_7n7qm_116[data-pressed]:not([aria-expanded=true],[aria-haspopup=true]){background-color:var(--midas-button-background-danger-active);outline:none}._iconRight_7n7qm_138{flex-direction:row-reverse}._fullwidth_7n7qm_142{width:100%}._medium_7n7qm_111{padding:calc(var(--midas-space-50) - var(--border-width)) calc(var(--midas-space-medium) - var(--border-width))}@media(forced-colors:active){._primary_7n7qm_152{border-width:2px}}._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation:_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@@ -1,86 +0,0 @@
1
- 'use client';
2
- import { jsx as e, jsxs as c } from "react/jsx-runtime";
3
- import { c as v } from "./clsx-AexbMWKp.js";
4
- import { c as M, u as l, B as d } from "./useIsMobileDevice-DhQB0ae2.js";
5
- import { createContext as b, forwardRef as f } from "react";
6
- import { DialogTrigger as y, ModalOverlay as g, composeRenderProps as w, Modal as x, Dialog as A } from "react-aria-components";
7
- import { useControlledState as D } from "@react-stately/utils";
8
- import { M as N } from "./MobileMenuContext-Coj0sJ0N.js";
9
- import '../assets/MobileMenu.css';const O = [
10
- ["path", { d: "M4 5h16", key: "1tepv9" }],
11
- ["path", { d: "M4 12h16", key: "1lakjw" }],
12
- ["path", { d: "M4 19h16", key: "1djgab" }]
13
- ], H = M("menu", O), j = b({
14
- size: void 0
15
- }), B = "_header_105ne_1", C = {
16
- header: B
17
- }, G = ({ className: s, ...o }) => {
18
- const r = l();
19
- return /* @__PURE__ */ e(j.Provider, { value: { size: r ? "x-small" : "large" }, children: /* @__PURE__ */ e(
20
- "header",
21
- {
22
- className: v(s, C.header),
23
- ...o
24
- }
25
- ) });
26
- }, P = "_headerActions_oafen_1", k = "_label_oafen_8", m = {
27
- headerActions: P,
28
- label: k
29
- }, h = f(
30
- ({ children: s, icon: o, ...r }, a) => /* @__PURE__ */ c(
31
- d,
32
- {
33
- ref: a,
34
- size: "medium",
35
- variant: "tertiary",
36
- ...r,
37
- children: [
38
- o,
39
- s && /* @__PURE__ */ e("span", { className: m.label, children: s })
40
- ]
41
- }
42
- )
43
- );
44
- h.displayName = "HeaderActionsButton";
45
- const z = ({ children: s }) => /* @__PURE__ */ e("div", { className: m.headerActions, children: s }), J = Object.assign(z, {
46
- Button: h
47
- }), I = "_overlay_dmbs8_1", R = "_drawer_dmbs8_20", i = {
48
- overlay: I,
49
- drawer: R
50
- }, K = ({
51
- children: s,
52
- isDrawerOpen: o,
53
- defaultDrawerOpen: r = !1,
54
- onDrawerOpenChange: a
55
- }) => {
56
- const p = l(), [u, n] = D(
57
- o,
58
- r,
59
- a
60
- ), _ = () => n((t) => !t);
61
- return p ? /* @__PURE__ */ e(N.Provider, { value: {}, children: /* @__PURE__ */ c(y, { children: [
62
- /* @__PURE__ */ e(
63
- d,
64
- {
65
- icon: H,
66
- variant: "icon",
67
- onPress: _
68
- }
69
- ),
70
- /* @__PURE__ */ e(
71
- g,
72
- {
73
- className: i.overlay,
74
- isDismissable: !0,
75
- isOpen: u,
76
- onOpenChange: n,
77
- children: w(s, (t) => /* @__PURE__ */ e(x, { className: i.drawer, children: /* @__PURE__ */ e(A, { children: t }) }))
78
- }
79
- )
80
- ] }) }) : null;
81
- };
82
- export {
83
- G as H,
84
- K as M,
85
- J as a
86
- };
@@ -1,212 +0,0 @@
1
- 'use client';
2
- import { jsx as n, jsxs as d, Fragment as $ } from "react/jsx-runtime";
3
- import { useContext as e } from "react";
4
- import { Collection as L } from "@react-aria/collections";
5
- import { c as l } from "./clsx-AexbMWKp.js";
6
- import { C as g, T as M, P as k } from "./PanelContext-D2ADxgo6.js";
7
- import { TooltipTrigger as w, Tooltip as j, OverlayArrow as H, OverlayTriggerStateContext as I, Focusable as O, Link as P, Collection as D } from "react-aria-components";
8
- import { M as q } from "./MobileMenuContext-Coj0sJ0N.js";
9
- import '../assets/Navigation.css';const F = "_tooltip_2gvxu_1", A = "_arrow_2gvxu_18", C = {
10
- tooltip: F,
11
- arrow: A
12
- };
13
- function B({ children: o, className: t, ...a }) {
14
- return /* @__PURE__ */ n(
15
- j,
16
- {
17
- className: l(C.tooltip, t),
18
- ...a,
19
- children: (i) => /* @__PURE__ */ d($, { children: [
20
- /* @__PURE__ */ n(H, { className: C.arrow, children: /* @__PURE__ */ n(
21
- "svg",
22
- {
23
- width: 8,
24
- height: 8,
25
- viewBox: "0 0 8 8",
26
- children: /* @__PURE__ */ n("path", { d: "M0 0 L4 4 L8 0" })
27
- }
28
- ) }),
29
- typeof o == "function" ? o(i) : o
30
- ] })
31
- }
32
- );
33
- }
34
- function R({
35
- delay: o = 0,
36
- ...t
37
- }) {
38
- return /* @__PURE__ */ n(
39
- w,
40
- {
41
- delay: o,
42
- ...t
43
- }
44
- );
45
- }
46
- const z = "_navigationHeader_j94pq_1", E = "_collapsed_j94pq_6", h = {
47
- navigationHeader: z,
48
- collapsed: E
49
- }, G = ({
50
- className: o,
51
- ...t
52
- }) => {
53
- const { isCollapsed: a } = e(g);
54
- return /* @__PURE__ */ n(
55
- M,
56
- {
57
- className: l(o, h.navigationHeader, {
58
- [h.collapsed]: a
59
- }),
60
- ...t
61
- }
62
- );
63
- }, J = "_navigationLink_tfdcf_1", K = "_collapse_tfdcf_21", Q = "_collapsed_tfdcf_37", U = "_title_tfdcf_40", p = {
64
- navigationLink: J,
65
- collapse: K,
66
- collapsed: Q,
67
- title: U
68
- }, V = ({
69
- as: o,
70
- children: t,
71
- className: a,
72
- isActive: i,
73
- title: s,
74
- "aria-label": r,
75
- ...c
76
- }) => {
77
- const { variant: m } = e(k), S = e(q), { isCollapsed: _ } = e(g), u = e(I), T = o || P, f = () => {
78
- u?.isOpen && u?.setOpen(!1);
79
- };
80
- return /* @__PURE__ */ d(R, { isDisabled: !_, children: [
81
- /* @__PURE__ */ n(O, { children: /* @__PURE__ */ d(
82
- T,
83
- {
84
- "aria-current": i && "page",
85
- "aria-label": r || (_ ? s : void 0),
86
- className: l(
87
- a,
88
- p.navigationLink,
89
- m && p[m],
90
- S && p.collapse,
91
- {
92
- [p.collapsed]: _
93
- }
94
- ),
95
- "data-active": i || void 0,
96
- ...o ? {
97
- onClick: (v) => {
98
- f(), c.onClick?.(v);
99
- }
100
- } : {
101
- onPress: (v) => {
102
- f(), c.onPress?.(v);
103
- }
104
- },
105
- ...c,
106
- children: [
107
- t,
108
- /* @__PURE__ */ n("span", { className: p.title, children: s })
109
- ]
110
- }
111
- ) }),
112
- /* @__PURE__ */ n(B, { placement: "right", children: s })
113
- ] });
114
- }, W = "_navigationItem_1jt2l_1", N = {
115
- navigationItem: W
116
- }, X = ({ className: o, ...t }) => {
117
- const { isCollapsed: a } = e(g);
118
- return /* @__PURE__ */ n(
119
- "li",
120
- {
121
- className: l(o, N.navigationItem, {
122
- [N.collapsed]: a
123
- }),
124
- ...t
125
- }
126
- );
127
- }, Y = "_navigationSubMenu_vfyl6_1", Z = "_collapsed_vfyl6_5", x = {
128
- navigationSubMenu: Y,
129
- collapsed: Z
130
- }, oo = ({
131
- className: o,
132
- children: t,
133
- items: a,
134
- ...i
135
- }) => {
136
- const { isCollapsed: s } = e(g), { length: r } = Array.from(a || []);
137
- return typeof t == "function" && r === 0 ? null : /* @__PURE__ */ n(
138
- "ul",
139
- {
140
- className: l(o, x.navigationSubMenu, {
141
- [x.collapsed]: s
142
- }),
143
- children: /* @__PURE__ */ n(
144
- L,
145
- {
146
- items: a,
147
- ...i,
148
- children: t
149
- }
150
- )
151
- }
152
- );
153
- }, no = "_navigationSection_1ae77_1", to = "_collapsed_1ae77_5", y = {
154
- navigationSection: no,
155
- collapsed: to
156
- }, vo = ({
157
- className: o,
158
- title: t,
159
- ...a
160
- }) => {
161
- const { isCollapsed: i } = e(g);
162
- return /* @__PURE__ */ n(X, { children: /* @__PURE__ */ d(
163
- "ul",
164
- {
165
- className: l(o, y.navigationSection, {
166
- [y.collapsed]: i
167
- }),
168
- children: [
169
- t && /* @__PURE__ */ n(G, { children: t }),
170
- /* @__PURE__ */ n(L, { ...a })
171
- ]
172
- }
173
- ) });
174
- }, ao = "_navigation_3axp3_1", io = "_rootList_3axp3_5", b = {
175
- navigation: ao,
176
- rootList: io
177
- }, eo = ({
178
- className: o,
179
- items: t,
180
- children: a,
181
- dependencies: i,
182
- idScope: s,
183
- addIdAndValue: r,
184
- ...c
185
- }) => /* @__PURE__ */ n(
186
- "nav",
187
- {
188
- className: l(o, b.navigation),
189
- ...c,
190
- children: /* @__PURE__ */ n("ul", { className: b.rootList, children: /* @__PURE__ */ n(
191
- D,
192
- {
193
- items: t,
194
- children: a,
195
- dependencies: i,
196
- idScope: s,
197
- addIdAndValue: r
198
- }
199
- ) })
200
- }
201
- ), mo = Object.assign(eo, {
202
- Link: V,
203
- SubMenu: oo
204
- });
205
- export {
206
- mo as N,
207
- G as a,
208
- X as b,
209
- V as c,
210
- vo as d,
211
- oo as e
212
- };