@infonomic/uikit 6.1.0 → 6.2.1

package/dist/components/overlay/overlay.module.css

@@ -1,56 +0,0 @@
-@layer infonomic-base,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
-
-@layer infonomic-components {
-  .overlay,
-  :global(.infonomic-overlay) {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(245, 245, 245, 0.35);
-    z-index: 20;
-  }
-
-  :global(.dark),
-  :global([data-theme="dark"]) {
-    .overlay,
-    :global(.infonomic-overlay) {
-      background-color: rgba(0, 0, 0, 0.5);
-    }
-  }
-
-  .animate-fade-in,
-  :global(.infonomic-animate-fade-in) {
-    animation: fade-in 0.3s ease-in-out;
-  }
-
-  .animate-fade-out,
-  :global(.infonomic-animate-fade-out) {
-    animation: fade-out 0.3s ease-in-out;
-  }
-
-  @keyframes fade-in {
-    from {
-      opacity: 0;
-    }
-
-    to {
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-}

package/dist/components/overlay/overlay.module.js

@@ -1,13 +0,0 @@
-import "./overlay_module.css";
-const overlay_module = {
-    overlay: "overlay-hax8h5",
-    "animate-fade-in": "animate-fade-in-oC0Zd7",
-    animateFadeIn: "animate-fade-in-oC0Zd7",
-    "fade-in": "fade-in-ODU8WG",
-    fadeIn: "fade-in-ODU8WG",
-    "animate-fade-out": "animate-fade-out-kWVP8l",
-    animateFadeOut: "animate-fade-out-kWVP8l",
-    "fade-out": "fade-out-i2NoTL",
-    fadeOut: "fade-out-i2NoTL"
-};
-export default overlay_module;

package/dist/components/overlay/overlay_module.css

@@ -1,46 +0,0 @@
-@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
-
-@layer infonomic-components {
-  :is(.overlay-hax8h5, .infonomic-overlay) {
-    z-index: 20;
-    background-color: #f5f5f559;
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
-
-  :is(:is(.dark, [data-theme="dark"]) .overlay-hax8h5, :is(.dark, [data-theme="dark"]) .infonomic-overlay) {
-    background-color: #00000080;
-  }
-
-  :is(.animate-fade-in-oC0Zd7, .infonomic-animate-fade-in) {
-    animation: .3s ease-in-out fade-in-ODU8WG;
-  }
-
-  :is(.animate-fade-out-kWVP8l, .infonomic-animate-fade-out) {
-    animation: .3s ease-in-out fade-out-i2NoTL;
-  }
-
-  @keyframes fade-in-ODU8WG {
-    from {
-      opacity: 0;
-    }
-
-    to {
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out-i2NoTL {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-}
-

package/dist/hooks/use-focus-trap/index.d.ts

@@ -1,2 +0,0 @@
-export { useFocusTrap } from './use-focus-trap.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-focus-trap/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/hooks/use-focus-trap/scope-tab.d.ts

@@ -1,11 +0,0 @@
-/**
- * Scope tab key navigation within a container.
- *
- * Based on use-focus-trap from Mantine (https://github.com/mantinedev/mantine)
- * Original work licensed under the MIT License.
- * Copyright (c) 2021 Vitaly Rtishchev
- *
- * Adapted for use as an internal ESM/TypeScript module.
- */
-export declare function scopeTab(node: HTMLElement, event: KeyboardEvent): void;
-//# sourceMappingURL=scope-tab.d.ts.map

package/dist/hooks/use-focus-trap/scope-tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scope-tab.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/scope-tab.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,QAmC/D"}

package/dist/hooks/use-focus-trap/tabbable.d.ts

@@ -1,14 +0,0 @@
-/**
- * Focus-trap tabbable element utilities.
- *
- * Based on use-focus-trap from Mantine (https://github.com/mantinedev/mantine)
- * Original work licensed under the MIT License.
- * Copyright (c) 2021 Vitaly Rtishchev
- *
- * Adapted for use as an internal ESM/TypeScript module.
- */
-export declare const FOCUS_SELECTOR = "a, input, select, textarea, button, object, [tabindex]";
-export declare function focusable(element: HTMLElement): boolean | "";
-export declare function tabbable(element: HTMLElement): boolean | "";
-export declare function findTabbableDescendants(element: HTMLElement): HTMLElement[];
-//# sourceMappingURL=tabbable.d.ts.map

package/dist/hooks/use-focus-trap/tabbable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/tabbable.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,eAAO,MAAM,cAAc,2DAA2D,CAAA;AAwCtF,wBAAgB,SAAS,CAAC,OAAO,EAAE,WAAW,gBAS7C;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,WAAW,gBAI5C;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,CAE3E"}

package/dist/hooks/use-focus-trap/use-focus-trap.d.ts

@@ -1,11 +0,0 @@
-/**
- * Focus trap hook — traps keyboard focus within a container element.
- *
- * Based on use-focus-trap from Mantine (https://github.com/mantinedev/mantine)
- * Original work licensed under the MIT License.
- * Copyright (c) 2021 Vitaly Rtishchev
- *
- * Adapted for use as an internal ESM/TypeScript module.
- */
-export declare function useFocusTrap(active?: boolean): React.RefCallback<HTMLElement | null>;
-//# sourceMappingURL=use-focus-trap.d.ts.map

package/dist/hooks/use-focus-trap/use-focus-trap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-focus-trap.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap/use-focus-trap.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,wBAAgB,YAAY,CAAC,MAAM,UAAO,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAmEjF"}

package/dist/utils/getPortalRoot.d.ts

@@ -1,2 +0,0 @@
-export declare function getPortalRoot(): false | HTMLElement;
-//# sourceMappingURL=getPortalRoot.d.ts.map

package/dist/utils/getPortalRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPortalRoot.d.ts","sourceRoot":"","sources":["../../src/utils/getPortalRoot.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,IAAI,KAAK,GAAG,WAAW,CAEnD"}

package/dist/widgets/drawer/drawer-wrapper.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-import type { HTMLMotionProps } from 'motion/react';
-export interface DrawerWrapperProps extends HTMLMotionProps<'div'> {
-    className?: string;
-    children: React.ReactNode;
-    onEscapeKey?: (e: any) => void;
-}
-export declare function DrawerWrapper({ className, children, onEscapeKey, ...rest }: DrawerWrapperProps): React.JSX.Element;
-//# sourceMappingURL=drawer-wrapper.d.ts.map

package/dist/widgets/drawer/drawer-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-wrapper.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-wrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAMnD,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BxC"}

package/dist/widgets/drawer/drawer-wrapper.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import classnames from "classnames";
-import { m } from "motion/react";
-import { useFocusTrap } from "../../hooks/use-focus-trap/index.js";
-import drawer_module from "./drawer.module.js";
-function DrawerWrapper({ className, children, onEscapeKey, ...rest }) {
-    const focusTrapRef = useFocusTrap();
-    useEffect(()=>{
-        const handleKeyDown = (event)=>{
-            if ('Escape' === event.key && onEscapeKey) onEscapeKey(event);
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return ()=>{
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [
-        onEscapeKey
-    ]);
-    return /*#__PURE__*/ jsx(m.div, {
-        ref: focusTrapRef,
-        ...rest,
-        className: classnames('infonomic-drawer-wrapper', drawer_module["drawer-wrapper"], className),
-        initial: {
-            opacity: 0
-        },
-        animate: {
-            opacity: 1
-        },
-        exit: {
-            opacity: 0
-        },
-        children: children
-    });
-}
-export { DrawerWrapper };

package/dist/widgets/drawer/motionDomAnimation.d.ts

@@ -1,3 +0,0 @@
-import { domAnimation } from 'motion/react';
-export default domAnimation;
-//# sourceMappingURL=motionDomAnimation.d.ts.map

package/dist/widgets/drawer/motionDomAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motionDomAnimation.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/motionDomAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,eAAe,YAAY,CAAA"}

package/dist/widgets/drawer/motionDomMax.d.ts

@@ -1,3 +0,0 @@
-import { domMax } from 'motion/react';
-export default domMax;
-//# sourceMappingURL=motionDomMax.d.ts.map

package/dist/widgets/drawer/motionDomMax.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motionDomMax.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/motionDomMax.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,eAAe,MAAM,CAAA"}

package/dist/widgets/modal/modal-wrapper.d.ts

@@ -1,8 +0,0 @@
-import type React from 'react';
-import type { HTMLMotionProps } from 'motion/react';
-export interface ModalWrapperProps extends HTMLMotionProps<'div'> {
-    children: React.ReactNode;
-    onEscapeKey?: (e: any) => void;
-}
-export declare function ModalWrapper({ children, onEscapeKey, ...rest }: ModalWrapperProps): React.JSX.Element;
-//# sourceMappingURL=modal-wrapper.d.ts.map

package/dist/widgets/modal/modal-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-wrapper.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-wrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAMnD,MAAM,WAAW,iBAAkB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BvC"}

package/dist/widgets/modal/modal-wrapper.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import classnames from "classnames";
-import { m } from "motion/react";
-import { useFocusTrap } from "../../hooks/use-focus-trap/index.js";
-import modal_module from "./modal.module.js";
-function ModalWrapper({ children, onEscapeKey, ...rest }) {
-    const focusTrapRef = useFocusTrap();
-    useEffect(()=>{
-        const handleKeyDown = (event)=>{
-            if ('Escape' === event.key && onEscapeKey) onEscapeKey(event);
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return ()=>{
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [
-        onEscapeKey
-    ]);
-    return /*#__PURE__*/ jsx(m.div, {
-        ref: focusTrapRef,
-        ...rest,
-        className: classnames('infonomic-modal-wrapper', modal_module["modal-wrapper"]),
-        initial: {
-            opacity: 0
-        },
-        animate: {
-            opacity: 1
-        },
-        exit: {
-            opacity: 0
-        },
-        children: children
-    });
-}
-export { ModalWrapper };

package/dist/widgets/modal/motionDomAnimation.d.ts

@@ -1,3 +0,0 @@
-import { domAnimation } from 'motion/react';
-export default domAnimation;
-//# sourceMappingURL=motionDomAnimation.d.ts.map

package/dist/widgets/modal/motionDomAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motionDomAnimation.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,eAAe,YAAY,CAAA"}

package/dist/widgets/modal/motionDomMax.d.ts

@@ -1,3 +0,0 @@
-import { domMax } from 'motion/react';
-export default domMax;
-//# sourceMappingURL=motionDomMax.d.ts.map

package/dist/widgets/modal/motionDomMax.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motionDomMax.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/motionDomMax.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,eAAe,MAAM,CAAA"}

package/src/components/overlay/index.stories.tsx

@@ -1,26 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-
-import { Overlay } from './overlay.js'
-
-const meta: Meta<typeof Overlay> = {
-  /* 👇 The title prop is optional.
-   * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-   * to learn how to generate automatic titles
-   */
-  title: 'Components/Overlay',
-  component: Overlay,
-}
-
-export default meta
-
-type Story = StoryObj<typeof Overlay>
-
-export const Default: Story = {
-  render: () => <Overlay />,
-}
-
-export const Interactive: Story = {
-  args: {
-    isUnmounting: false,
-  },
-}

package/src/components/overlay/index.ts

@@ -1,2 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-export * from './overlay'

package/src/components/overlay/overlay.module.css

@@ -1,56 +0,0 @@
-@layer infonomic-base,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
-
-@layer infonomic-components {
-  .overlay,
-  :global(.infonomic-overlay) {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(245, 245, 245, 0.35);
-    z-index: 20;
-  }
-
-  :global(.dark),
-  :global([data-theme="dark"]) {
-    .overlay,
-    :global(.infonomic-overlay) {
-      background-color: rgba(0, 0, 0, 0.5);
-    }
-  }
-
-  .animate-fade-in,
-  :global(.infonomic-animate-fade-in) {
-    animation: fade-in 0.3s ease-in-out;
-  }
-
-  .animate-fade-out,
-  :global(.infonomic-animate-fade-out) {
-    animation: fade-out 0.3s ease-in-out;
-  }
-
-  @keyframes fade-in {
-    from {
-      opacity: 0;
-    }
-
-    to {
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-}

package/src/components/overlay/overlay.tsx

@@ -1,70 +0,0 @@
-'use client'
-
-import type React from 'react'
-import { useEffect } from 'react'
-
-import cx from 'classnames'
-
-import styles from './overlay.module.css'
-
-type OverlayIntrinsicProps = React.JSX.IntrinsicElements['div']
-export interface OverlayProps extends OverlayIntrinsicProps {
-  isUnmounting?: boolean
-  className?: string
-}
-
-const BodyLock = (): null => {
-  useEffect(() => {
-    // a one off mediaMedia here is fine - no need to listen to events
-    const mediaMatch = window.matchMedia('(min-width: 768px)')
-    let appBar: HTMLElement | null
-    const classList = document.body.classList
-    appBar = document.getElementById('app-bar')
-    classList.add('overlay-shown')
-    if (appBar != null) appBar.classList.add('app-bar-overlay-shown')
-    if (mediaMatch.matches) {
-      classList.add('overlay-shown--desktop')
-      if (appBar != null) {
-        appBar.classList.add('app-bar-overlay-shown--desktop')
-      }
-    } else {
-      classList.add('overlay-shown--mobile')
-      if (appBar != null) {
-        appBar.classList.add('app-bar-overlay-shown--mobile')
-      }
-    }
-    return () => {
-      classList.remove('overlay-shown')
-      if (appBar != null) appBar.classList.remove('app-bar-overlay-shown')
-      if (mediaMatch.matches) {
-        classList.remove('overlay-shown--desktop')
-        if (appBar != null)
-          appBar.classList.remove('app-bar-overlay-shown', 'app-bar-overlay-shown--desktop')
-      } else {
-        classList.remove('overlay-shown--mobile')
-        if (appBar != null) appBar.classList.remove('app-bar-overlay-shown--mobile')
-      }
-    }
-  }, [])
-
-  return null
-}
-
-export function Overlay(props: OverlayProps): React.JSX.Element {
-  const { isUnmounting, className, ...rest } = props
-  const classes = cx(
-    styles.overlay,
-    // 'fixed top-0 left-0 w-full h-full backdrop-blur dark:bg-canvas-700/50 bg-canvas-500/50 z-20'
-    'animate-fade-in',
-    {
-      'animate-fade-out': isUnmounting,
-    }
-  )
-
-  return (
-    <>
-      <BodyLock />
-      <div role="presentation" className={cx(classes, className)} {...rest} />
-    </>
-  )
-}

package/src/widgets/drawer/drawer-wrapper.tsx

@@ -1,53 +0,0 @@
-'use client'
-
-/* eslint-disable @typescript-eslint/consistent-type-imports */
-import type React from 'react'
-import { useEffect } from 'react'
-
-import cx from 'classnames'
-import type { HTMLMotionProps } from 'motion/react'
-import { m } from 'motion/react'
-
-import { useFocusTrap } from '../../hooks/use-focus-trap/index.js'
-import styles from './drawer.module.css'
-
-export interface DrawerWrapperProps extends HTMLMotionProps<'div'> {
-  className?: string
-  children: React.ReactNode
-  onEscapeKey?: (e: any) => void
-}
-
-export function DrawerWrapper({
-  className,
-  children,
-  onEscapeKey,
-  ...rest
-}: DrawerWrapperProps): React.JSX.Element {
-  const focusTrapRef = useFocusTrap()
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape' && onEscapeKey) {
-        onEscapeKey(event)
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyDown)
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown)
-    }
-  }, [onEscapeKey])
-
-  return (
-    <m.div
-      ref={focusTrapRef}
-      {...rest}
-      className={cx('infonomic-drawer-wrapper', styles['drawer-wrapper'], className)}
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-    >
-      {children}
-    </m.div>
-  )
-}

package/src/widgets/modal/modal-wrapper.tsx

@@ -1,51 +0,0 @@
-'use client'
-
-/* eslint-disable @typescript-eslint/consistent-type-imports */
-import type React from 'react'
-import { useEffect } from 'react'
-
-import cx from 'classnames'
-import type { HTMLMotionProps } from 'motion/react'
-import { m } from 'motion/react'
-
-import { useFocusTrap } from '../../hooks/use-focus-trap/index.js'
-import styles from './modal.module.css'
-
-export interface ModalWrapperProps extends HTMLMotionProps<'div'> {
-  children: React.ReactNode
-  onEscapeKey?: (e: any) => void
-}
-
-export function ModalWrapper({
-  children,
-  onEscapeKey,
-  ...rest
-}: ModalWrapperProps): React.JSX.Element {
-  const focusTrapRef = useFocusTrap()
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape' && onEscapeKey) {
-        onEscapeKey(event)
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyDown)
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown)
-    }
-  }, [onEscapeKey])
-
-  return (
-    <m.div
-      ref={focusTrapRef}
-      {...rest}
-      className={cx('infonomic-modal-wrapper', styles['modal-wrapper'])}
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      exit={{ opacity: 0 }}
-    >
-      {children}
-    </m.div>
-  )
-}