@byline/ui 0.9.3 → 0.10.1

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+const drawer_header_DrawerHeader = function({ ref, children, className, ...rest }) {
+    const classes = classnames('infonomic-drawer-header', drawer_module["drawer-header"], className);
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            overflowWrap: 'anywhere'
+        },
+        ref: ref,
+        ...rest,
+        className: classes,
+        children: children
+    });
+};
+export { drawer_header_DrawerHeader as DrawerHeader };

package/dist/widgets/drawer/drawer-top-actions.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type DrawerTopActionIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface DrawerTopActionProps extends DrawerTopActionIntrinsicProps {
+    className?: string;
+}
+export declare const DrawerTopActions: ({ ref, children, className, ...rest }: DrawerTopActionProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=drawer-top-actions.d.ts.map

package/dist/widgets/drawer/drawer-top-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-top-actions.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-top-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACvE,MAAM,WAAW,oBAAqB,SAAQ,6BAA6B;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAyB,uCAKnD,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}

package/dist/widgets/drawer/drawer-top-actions.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+const DrawerTopActions = function({ ref, children, className, ...rest }) {
+    const classes = classnames('infonomic-drawer-top-actions', drawer_module["drawer-top-actions"], className);
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            whiteSpace: 'nowrap'
+        },
+        ref: ref,
+        ...rest,
+        className: classes,
+        children: children
+    });
+};
+export { DrawerTopActions };

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import { DrawerContainer } from './drawer-container';
+import { DrawerContent } from './drawer-content';
+export interface DrawerProps {
+    id: string;
+    isOpen: boolean;
+    closeOnOverlayClick?: boolean;
+    onDismiss: () => void;
+    children: ReactNode;
+    width?: 'narrow' | 'medium' | 'wide';
+    topOffset?: string;
+    className?: string;
+}
+declare const Drawer: {
+    ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width, topOffset, className, }: DrawerProps): import("react").JSX.Element;
+    displayName: string;
+    Container: typeof DrawerContainer;
+    Content: typeof DrawerContent;
+    Header: ({ ref, children, className, ...rest }: import("./drawer-header").DrawerHeaderProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => import("react").JSX.Element;
+    TopActions: ({ ref, children, className, ...rest }: import("./drawer-top-actions").DrawerTopActionProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => import("react").JSX.Element;
+};
+export { Drawer };
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAWhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,OAAO,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,MAAM;6FAST,WAAW;;;;;WA7B+B,CAAC;;;WAChC,CAAC;;CA2Ed,CAAA;AASD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/widgets/drawer/drawer.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Drawer } from "@base-ui/react/drawer";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+import { DrawerContainer } from "./drawer-container.js";
+import { DrawerContent } from "./drawer-content.js";
+import { useDrawer } from "./drawer-context.js";
+import { DrawerHeader } from "./drawer-header.js";
+import { DrawerTopActions } from "./drawer-top-actions.js";
+const typedStyles = drawer_module;
+const drawer_Drawer = ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width = 'narrow', topOffset = '0', className })=>{
+    const { addDrawer, removeDrawer, drawers } = useDrawer();
+    const depth = drawers.indexOf(id);
+    useEffect(()=>{
+        if (isOpen) addDrawer(id);
+        else removeDrawer(id);
+        return ()=>removeDrawer(id);
+    }, [
+        isOpen,
+        id,
+        addDrawer,
+        removeDrawer
+    ]);
+    const hasTopOffset = '0' !== topOffset;
+    return /*#__PURE__*/ jsx(Drawer.Root, {
+        open: isOpen,
+        onOpenChange: (open)=>{
+            if (!open) onDismiss();
+        },
+        modal: hasTopOffset ? 'trap-focus' : true,
+        swipeDirection: "right",
+        disablePointerDismissal: true !== closeOnOverlayClick,
+        children: /*#__PURE__*/ jsxs(Drawer.Portal, {
+            children: [
+                /*#__PURE__*/ jsx(Drawer.Backdrop, {
+                    className: classnames('infonomic-drawer-backdrop', drawer_module.backdrop),
+                    style: hasTopOffset ? {
+                        top: topOffset
+                    } : void 0
+                }),
+                /*#__PURE__*/ jsx(Drawer.Popup, {
+                    className: classnames('infonomic-drawer-wrapper', drawer_module["drawer-wrapper"], typedStyles[`drawer-${width}`], typedStyles[`drawer-depth-${depth.toString()}`], className),
+                    style: hasTopOffset ? {
+                        top: topOffset
+                    } : void 0,
+                    children: children
+                })
+            ]
+        })
+    });
+};
+drawer_Drawer.displayName = 'Drawer';
+drawer_Drawer.Container = DrawerContainer;
+drawer_Drawer.Content = DrawerContent;
+drawer_Drawer.Header = DrawerHeader;
+drawer_Drawer.TopActions = DrawerTopActions;
+export { drawer_Drawer as Drawer };

package/dist/widgets/drawer/drawer.module.js

@@ -0,0 +1,27 @@
+import "./drawer_module.css";
+const drawer_module = {
+    backdrop: "backdrop-Ga1s55",
+    "drawer-wrapper": "drawer-wrapper-q0hBzd",
+    drawerWrapper: "drawer-wrapper-q0hBzd",
+    "drawer-container": "drawer-container-ssf1qn",
+    drawerContainer: "drawer-container-ssf1qn",
+    "drawer-narrow": "drawer-narrow-lsLgHp",
+    drawerNarrow: "drawer-narrow-lsLgHp",
+    "drawer-depth-0": "drawer-depth-0-VYE9YM",
+    drawerDepth0: "drawer-depth-0-VYE9YM",
+    "drawer-medium": "drawer-medium-ZFbdby",
+    drawerMedium: "drawer-medium-ZFbdby",
+    "drawer-wide": "drawer-wide-nXbxPs",
+    drawerWide: "drawer-wide-nXbxPs",
+    "drawer-depth-1": "drawer-depth-1-2CzoWM",
+    drawerDepth1: "drawer-depth-1-2CzoWM",
+    "drawer-depth-2": "drawer-depth-2-eR43PT",
+    drawerDepth2: "drawer-depth-2-eR43PT",
+    "drawer-top-actions": "drawer-top-actions-FiHu4U",
+    drawerTopActions: "drawer-top-actions-FiHu4U",
+    "drawer-header": "drawer-header-BtfxvF",
+    drawerHeader: "drawer-header-BtfxvF",
+    "drawer-content": "drawer-content-QQqzOR",
+    drawerContent: "drawer-content-QQqzOR"
+};
+export default drawer_module;

package/dist/widgets/drawer/drawer_module.css

@@ -0,0 +1,129 @@
+@layer byline-base, byline-utilities, byline-theme;
+
+@layer byline-components {
+  :is(.backdrop-Ga1s55, .infonomic-drawer-backdrop) {
+    background-color: #f5f5f559;
+    transition: opacity .2s;
+    position: fixed;
+    inset: 0;
+  }
+
+  .backdrop-Ga1s55[data-starting-style], .backdrop-Ga1s55[data-ending-style] {
+    opacity: 0;
+  }
+
+  .dark .backdrop-Ga1s55 {
+    background-color: #00000080;
+  }
+
+  [data-theme="dark"] .backdrop-Ga1s55 {
+    background-color: #00000080;
+  }
+
+  .dark .infonomic-drawer-backdrop {
+    background-color: #00000080;
+  }
+
+  [data-theme="dark"] .infonomic-drawer-backdrop {
+    background-color: #00000080;
+  }
+
+  :is(.drawer-wrapper-q0hBzd, .infonomic-drawer-wrapper) {
+    background-color: var(--surface-panel);
+    box-shadow: var(--shadow-md);
+    flex-direction: column;
+    transition: transform .2s cubic-bezier(.16, 1, .3, 1);
+    display: flex;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+  }
+
+  .drawer-wrapper-q0hBzd[data-open] {
+    transform: translateX(var(--drawer-swipe-movement-x, 0px));
+  }
+
+  .drawer-wrapper-q0hBzd[data-closed], .drawer-wrapper-q0hBzd[data-starting-style] {
+    transform: translateX(100%);
+  }
+
+  .drawer-wrapper-q0hBzd[data-swiping] {
+    transition: none;
+  }
+
+  :is(.drawer-container-ssf1qn, .infonomic-drawer-container) {
+    height: 100%;
+  }
+
+  :is(.drawer-narrow-lsLgHp, .infonomic-drawer-narrow) {
+    width: calc(100% - 32px);
+    max-width: 400px;
+  }
+
+  .drawer-depth-0-VYE9YM.drawer-medium-ZFbdby, .drawer-depth-0-VYE9YM.drawer-wide-nXbxPs {
+    width: 90%;
+  }
+
+  .drawer-depth-1-2CzoWM.drawer-medium-ZFbdby, .drawer-depth-1-2CzoWM.drawer-wide-nXbxPs {
+    width: 88%;
+  }
+
+  .drawer-depth-2-eR43PT.drawer-medium-ZFbdby, .drawer-depth-2-eR43PT.drawer-wide-nXbxPs {
+    width: 86%;
+  }
+
+  @media (min-width: 48rem) {
+    .drawer-depth-0-VYE9YM.drawer-medium-ZFbdby {
+      width: 600px;
+    }
+
+    .drawer-depth-1-2CzoWM.drawer-medium-ZFbdby {
+      width: 580px;
+    }
+
+    .drawer-depth-2-eR43PT.drawer-medium-ZFbdby {
+      width: 560px;
+    }
+  }
+
+  :is(.drawer-top-actions-FiHu4U, .infonomic-drawer-top-actions) {
+    padding-top: var(--spacing-12);
+    padding-left: var(--spacing-12);
+    padding-right: var(--spacing-12);
+    justify-content: flex-end;
+    align-items: center;
+    max-width: 100%;
+    padding-bottom: 0;
+    display: flex;
+  }
+
+  :is(.drawer-header-BtfxvF, .infonomic-drawer-header) {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--gap-3);
+    padding-top: 0;
+    padding-left: var(--spacing-12);
+    padding-right: var(--spacing-12);
+    max-width: 100%;
+    display: flex;
+  }
+
+  .drawer-header-BtfxvF h2, .drawer-header-BtfxvF h3 {
+    margin: 0;
+  }
+
+  .infonomic-drawer-header h2 {
+    margin: 0;
+  }
+
+  .infonomic-drawer-header h3 {
+    margin: 0;
+  }
+
+  :is(.drawer-content-QQqzOR, .infonomic-drawer-content) {
+    padding: var(--spacing-12);
+  }
+}
+

package/dist/widgets/drawer/motionDomAnimation.js

@@ -0,0 +1,4 @@
+"use client";
+import { domAnimation } from "motion/react";
+const motionDomAnimation = domAnimation;
+export default motionDomAnimation;

package/dist/widgets/drawer/motionDomMax.js

@@ -0,0 +1,4 @@
+"use client";
+import { domMax } from "motion/react";
+const motionDomMax = domMax;
+export default motionDomMax;

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type ModalActionsIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ModalActionsProps extends ModalActionsIntrinsicProps {
+    className?: string;
+}
+export declare const ModalActions: ({ ref, children, className, ...rest }: ModalActionsProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=modal-actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-actions.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAUA,CAAA"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import modal_module from "./modal.module.js";
+const modal_actions_ModalActions = function({ ref, children, className, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...rest,
+        className: classnames('infonomic-modal-actions', modal_module["modal-actions"], className),
+        children: children
+    });
+};
+export { modal_actions_ModalActions as ModalActions };

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type ModalContainerIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ModalContainerProps extends ModalContainerIntrinsicProps {
+    className?: string;
+}
+export declare const ModalContainer: ({ ref, children, className, ...rest }: ModalContainerProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=modal-container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-container.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACtE,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,GAA2B,uCAKnD,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAUA,CAAA"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import modal_module from "./modal.module.js";
+const modal_container_ModalContainer = function({ ref, children, className, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames('infonomic-modal-container', modal_module["modal-container"], className),
+        ...rest,
+        children: children
+    });
+};
+export { modal_container_ModalContainer as ModalContainer };

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type ModalContentIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ModalContentProps extends ModalContentIntrinsicProps {
+    className?: string;
+}
+export declare const ModalContent: ({ ref, children, className, ...rest }: ModalContentProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=modal-content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAUA,CAAA"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import modal_module from "./modal.module.js";
+const modal_content_ModalContent = function({ ref, children, className, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...rest,
+        className: classnames('infonomic-modal-content', modal_module["modal-content"], className),
+        children: children
+    });
+};
+export { modal_content_ModalContent as ModalContent };

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type ModalHeaderIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ModalHeaderProps extends ModalHeaderIntrinsicProps {
+    className?: string;
+}
+export declare const ModalHeader: ({ ref, children, className, ...rest }: ModalHeaderProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=modal-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACnE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,WAAW,GAAwB,uCAK7C,gBAAgB,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import modal_module from "./modal.module.js";
+const modal_header_ModalHeader = function({ ref, children, className, ...rest }) {
+    const classes = classnames('infonomic-modal-header', modal_module["modal-header"], 'prose', className);
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            overflowWrap: 'anywhere'
+        },
+        ref: ref,
+        ...rest,
+        className: classes,
+        children: children
+    });
+};
+export { modal_header_ModalHeader as ModalHeader };

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

@@ -0,0 +1,35 @@
+import type React from 'react';
+export interface ModalProps {
+    isOpen?: boolean;
+    onDismiss?: () => void;
+    closeOnOverlayClick?: boolean;
+    children?: React.ReactNode;
+}
+export declare const ModalContext: React.Context<{
+    onDismiss?: () => void;
+}>;
+export type UseModalProps = ReturnType<typeof useModal>;
+export declare function useModal(): {
+    onDismiss: () => void;
+    onOpen: () => void;
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+declare function Modal({ isOpen, onDismiss, closeOnOverlayClick, children, }: ModalProps): React.JSX.Element;
+declare namespace Modal {
+    var displayName: string;
+    var Container: ({ ref, children, className, ...rest }: import("./modal-container").ModalContainerProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => React.JSX.Element;
+    var Header: ({ ref, children, className, ...rest }: import("./modal-header").ModalHeaderProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => React.JSX.Element;
+    var Content: ({ ref, children, className, ...rest }: import("./modal-content").ModalContentProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => React.JSX.Element;
+    var Actions: ({ ref, children, className, ...rest }: import("./modal-actions").ModalActionsProps & {
+        ref?: React.RefObject<HTMLDivElement>;
+    }) => React.JSX.Element;
+}
+export { Modal };
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY;gBACX,MAAM,IAAI;EAClB,CAAA;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEvD,wBAAgB,QAAQ,IAAI;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD,CAiBA;AAED,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBhC;kBA3BQ,KAAK;;;WArCN,CAAC;;;WAF2B,CAAC;;;WAAK,CAAC;;;WAAD,CAAC;;;AA2E3C,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/widgets/modal/modal.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useState } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+import classnames from "classnames";
+import modal_module from "./modal.module.js";
+import { ModalActions } from "./modal-actions.js";
+import { ModalContainer } from "./modal-container.js";
+import { ModalContent } from "./modal-content.js";
+import { ModalHeader } from "./modal-header.js";
+const ModalContext = /*#__PURE__*/ createContext({});
+function useModal() {
+    const [isOpen, setIsOpen] = useState(false);
+    const onDismiss = useCallback(()=>{
+        setIsOpen(false);
+    }, []);
+    const onOpen = useCallback(()=>{
+        setIsOpen(true);
+    }, []);
+    return {
+        onDismiss,
+        onOpen,
+        isOpen,
+        setIsOpen
+    };
+}
+function Modal({ isOpen, onDismiss, closeOnOverlayClick, children }) {
+    return /*#__PURE__*/ jsx(ModalContext.Provider, {
+        value: {
+            onDismiss
+        },
+        children: /*#__PURE__*/ jsx(Dialog.Root, {
+            open: isOpen,
+            onOpenChange: (open)=>{
+                if (!open) onDismiss?.();
+            },
+            modal: true,
+            disablePointerDismissal: true !== closeOnOverlayClick,
+            children: /*#__PURE__*/ jsxs(Dialog.Portal, {
+                children: [
+                    /*#__PURE__*/ jsx(Dialog.Backdrop, {
+                        className: classnames('infonomic-modal-backdrop', modal_module.backdrop)
+                    }),
+                    /*#__PURE__*/ jsx(Dialog.Popup, {
+                        className: classnames('infonomic-modal-wrapper', modal_module["modal-wrapper"]),
+                        children: children
+                    })
+                ]
+            })
+        })
+    });
+}
+Modal.displayName = 'Modal';
+Modal.Container = ModalContainer;
+Modal.Header = ModalHeader;
+Modal.Content = ModalContent;
+Modal.Actions = ModalActions;
+export { Modal, ModalContext, useModal };

package/dist/widgets/modal/modal.module.js

@@ -0,0 +1,15 @@
+import "./modal_module.css";
+const modal_module = {
+    backdrop: "backdrop-BgKon2",
+    "modal-wrapper": "modal-wrapper-wF5Mv1",
+    modalWrapper: "modal-wrapper-wF5Mv1",
+    "modal-container": "modal-container-PPkPyj",
+    modalContainer: "modal-container-PPkPyj",
+    "modal-header": "modal-header-ewl_k2",
+    modalHeader: "modal-header-ewl_k2",
+    "modal-content": "modal-content-eDnix2",
+    modalContent: "modal-content-eDnix2",
+    "modal-actions": "modal-actions-FxnG8C",
+    modalActions: "modal-actions-FxnG8C"
+};
+export default modal_module;