@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/MaxWidthSmoother/index.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const MaxWidthSmoother = ({
-  children,
-  isHidden,
-  minWidth = 0,
-  align = "left",
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    className: utils_cn.cn(
-      "relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out",
-      isHidden ? "" : "grid-cols-[1fr]",
-      className
-    ),
-    "aria-hidden": isHidden,
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          minWidth: `${minWidth}px`
-        },
-        tabIndex: isHidden !== false ? void 0 : -1,
-        className: utils_cn.cn(align === "right" && "ml-auto"),
-        children
-      }
-    )
-  }
-);
-exports.MaxWidthSmoother = MaxWidthSmoother;
-//# sourceMappingURL=index.cjs.map

package/dist/components/MaxWidthSmoother/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":["jsx","cn"],"mappings":";;;;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAAD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QAAA;AAAA,QAEvB,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAWC,SAAAA,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;;"}

package/dist/components/MaxWidthSmoother/index.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'react';
-type Align = 'left' | 'right';
-type MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {
-    isHidden: boolean;
-    minWidth?: number;
-    align?: Align;
-};
-export declare const MaxWidthSmoother: ({ children, isHidden, minWidth, align, className, ...props }: MaxHeightSmootherProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/MaxWidthSmoother/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9B,KAAK,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,8DAO9B,sBAAsB,4CAoBxB,CAAC"}

package/dist/components/MaxWidthSmoother/index.mjs

@@ -1,36 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../../utils/cn.mjs";
-const MaxWidthSmoother = ({
-  children,
-  isHidden,
-  minWidth = 0,
-  align = "left",
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out",
-      isHidden ? "" : "grid-cols-[1fr]",
-      className
-    ),
-    "aria-hidden": isHidden,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          minWidth: `${minWidth}px`
-        },
-        tabIndex: isHidden !== false ? void 0 : -1,
-        className: cn(align === "right" && "ml-auto"),
-        children
-      }
-    )
-  }
-);
-export {
-  MaxWidthSmoother
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/MaxWidthSmoother/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/MaxWidthSmoother/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype Align = 'left' | 'right';\n\ntype MaxHeightSmootherProps = HTMLAttributes<HTMLDivElement> & {\n  isHidden: boolean;\n  minWidth?: number;\n  align?: Align;\n};\n\nexport const MaxWidthSmoother = ({\n  children,\n  isHidden,\n  minWidth = 0,\n  align = 'left',\n  className,\n  ...props\n}: MaxHeightSmootherProps) => (\n  <div\n    className={cn(\n      'relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out',\n      isHidden ? '' : 'grid-cols-[1fr]',\n      className\n    )}\n    aria-hidden={isHidden}\n    {...props}\n  >\n    <div\n      style={{\n        minWidth: `${minWidth}px`,\n      }}\n      tabIndex={isHidden !== false ? undefined : -1}\n      className={cn(align === 'right' && 'ml-auto')}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"names":[],"mappings":";;AAWO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,WAAW,KAAK;AAAA,MAChB;AAAA,IAAA;AAAA,IAEF,eAAa;AAAA,IACZ,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU,GAAG,QAAQ;AAAA,QAAA;AAAA,QAEvB,UAAU,aAAa,QAAQ,SAAY;AAAA,QAC3C,WAAW,GAAG,UAAU,WAAW,SAAS;AAAA,QAE3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACF;"}

package/dist/components/Modal/Modal.cjs

@@ -1,145 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const classVarianceAuthority = require("class-variance-authority");
-const framerMotion = require("framer-motion");
-const lucideReact = require("lucide-react");
-const reactDom = require("react-dom");
-require("@intlayer/config/built");
-require("../../better-auth.CiuwFiHM-C2nBKRMa.cjs");
-require("@intlayer/editor-react");
-require("@tanstack/react-query");
-require("@intlayer/api");
-require("react");
-const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Button_Button = require("../Button/Button.cjs");
-const components_Container_index = require("../Container/index.cjs");
-const components_Headers_index = require("../Headers/index.cjs");
-var ModalSize = /* @__PURE__ */ ((ModalSize2) => {
-  ModalSize2["SM"] = "sm";
-  ModalSize2["MD"] = "md";
-  ModalSize2["LG"] = "lg";
-  ModalSize2["XL"] = "xl";
-  ModalSize2["UNSET"] = "unset";
-  return ModalSize2;
-})(ModalSize || {});
-const modalVariants = classVarianceAuthority.cva(
-  "cursor-default overflow-auto py-3 shadow-sm justify-center",
-  {
-    variants: {
-      size: {
-        /** Small modal: height auto, max-height 30vh, width 95vw, max-width xl */
-        sm: "h-auto max-h-[30vh] w-[95vw] max-w-xl",
-        /** Medium modal: height auto, max-height 50vh, width 95vw, max-width xl */
-        md: "h-auto max-h-[50vh] w-[95vw] max-w-xl",
-        /** Large modal: height auto, max-height 70vh, width 95vw, max-width 2xl */
-        lg: "h-auto max-h-[70vh] w-[95vw] max-w-2xl",
-        /** Extra large modal: height auto, max-height 95vh, width 95vw, max-width 6xl */
-        xl: "h-auto max-h-[95vh] w-[95vw] max-w-6xl",
-        /** Unset modal: height auto, max-height 95vh, width 95vw, no max-width */
-        unset: "h-auto max-h-[95vh] w-[95vw]"
-      }
-    },
-    defaultVariants: {
-      size: "unset"
-    }
-  }
-);
-const MotionModal = framerMotion.motion.create(components_Container_index.Container);
-const Modal = ({
-  children,
-  isOpen,
-  container,
-  disableScroll = true,
-  onClose,
-  hasCloseButton = false,
-  title,
-  size = "md",
-  className,
-  ...props
-}) => {
-  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(container);
-  hooks_useScrollBlockage_index.useScrollBlockage({ key: "modal", disableScroll: isOpen && disableScroll });
-  if (!containerElement) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  const hasTitle = typeof title === "string";
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        className: "bg-background/40 /40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
-        animate: isOpen ? "visible" : "invisible",
-        variants: {
-          visible: {
-            opacity: 1,
-            visibility: "visible",
-            transition: { duration: 0.1, when: "beforeChildren" }
-          },
-          invisible: {
-            opacity: 0,
-            visibility: "hidden",
-            transition: { duration: 0.1, when: "afterChildren" }
-          }
-        },
-        onClick: (e) => {
-          e.stopPropagation();
-          onClose?.();
-        },
-        "aria-hidden": !isOpen,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          MotionModal,
-          {
-            onClick: (e) => e.stopPropagation(),
-            initial: { scale: isOpen ? 0.5 : 1 },
-            animate: { scale: isOpen ? 1 : 0.5 },
-            transition: { duration: 0.3 },
-            className: modalVariants({
-              size,
-              className
-            }),
-            role: "dialog",
-            "aria-modal": true,
-            roundedSize: "2xl",
-            ...props,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: utils_cn.cn(
-                    "cursor-default px-4",
-                    hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
-                  ),
-                  children: [
-                    hasTitle && /* @__PURE__ */ jsxRuntime.jsx(components_Headers_index.H3, { className: "ml-4 flex items-center justify-center text-lg font-bold", children: title }),
-                    hasCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
-                      components_Button_Button.Button,
-                      {
-                        variant: components_Button_Button.ButtonVariant.HOVERABLE,
-                        color: components_Button_Button.ButtonColor.TEXT,
-                        label: "Close modal",
-                        className: "ml-auto",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          onClose?.();
-                        },
-                        Icon: lucideReact.X,
-                        size: components_Button_Button.ButtonSize.ICON_MD
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
-            ]
-          }
-        ) })
-      }
-    ),
-    containerElement
-  );
-};
-exports.Modal = Modal;
-exports.ModalSize = ModalSize;
-//# sourceMappingURL=Modal.cjs.map

package/dist/components/Modal/Modal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion as m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport { ReactNode, type FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\n/**\n * Enumeration of available modal sizes\n */\nexport enum ModalSize {\n  /** Small modal: max height 30vh, max width xl */\n  SM = 'sm',\n  /** Medium modal: max height 50vh, max width xl */\n  MD = 'md',\n  /** Large modal: max height 70vh, max width 2xl */\n  LG = 'lg',\n  /** Extra large modal: max height 95vh, max width 6xl */\n  XL = 'xl',\n  /** Unset size: max height 95vh, full width responsive */\n  UNSET = 'unset',\n}\n\n/**\n * Props for the Modal component\n */\ntype ModalProps = {\n  /** Content to be displayed inside the modal */\n  children: ReactNode;\n  /** Controls whether the modal is visible */\n  isOpen: boolean;\n  /** Callback function called when the modal should be closed */\n  onClose?: () => void;\n  /** Container element to render the modal into (defaults to document.body) */\n  container?: HTMLElement;\n  /** Whether to disable scrolling on the background content */\n  disableScroll?: boolean;\n  /** Whether to display a close button in the modal header */\n  hasCloseButton?: boolean;\n  /** Optional title displayed at the top of the modal */\n  title?: string;\n  /** Size variant for the modal */\n  size?: ModalSize | `${ModalSize}`;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\n/**\n * Class name variants for different modal sizes using class-variance-authority\n * Defines responsive sizing and scrollable content for modal containers\n */\nconst modalVariants = cva(\n  'cursor-default overflow-auto py-3 shadow-sm justify-center',\n  {\n    variants: {\n      size: {\n        /** Small modal: height auto, max-height 30vh, width 95vw, max-width xl */\n        sm: 'h-auto max-h-[30vh] w-[95vw] max-w-xl',\n        /** Medium modal: height auto, max-height 50vh, width 95vw, max-width xl */\n        md: 'h-auto max-h-[50vh] w-[95vw] max-w-xl',\n        /** Large modal: height auto, max-height 70vh, width 95vw, max-width 2xl */\n        lg: 'h-auto max-h-[70vh] w-[95vw] max-w-2xl',\n        /** Extra large modal: height auto, max-height 95vh, width 95vw, max-width 6xl */\n        xl: 'h-auto max-h-[95vh] w-[95vw] max-w-6xl',\n        /** Unset modal: height auto, max-height 95vh, width 95vw, no max-width */\n        unset: 'h-auto max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      size: 'unset',\n    },\n  }\n);\n\n/**\n * Motion-enabled modal component with Framer Motion support\n * Extends Container component with motion capabilities for animations\n */\nconst MotionModal = m.create(Container);\n\n/**\n * Modal Component\n *\n * A highly customizable modal dialog component with portal rendering, Framer Motion animations,\n * and comprehensive accessibility features. Supports multiple size variants and scroll management.\n *\n * Features:\n * - Portal rendering to any container element (defaults to document.body)\n * - Smooth animations with Framer Motion\n * - Size variants: SM, MD, LG, XL, UNSET with responsive sizing\n * - Optional title and close button\n * - Background scroll prevention\n * - Click-outside-to-close functionality\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support (ESC to close)\n * - Extensible styling with Container props\n *\n * @example\n * Basic usage:\n * ```jsx\n * <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>\n *   <p>Modal content goes here</p>\n * </Modal>\n * ```\n *\n * @example\n * With title and close button:\n * ```jsx\n * <Modal\n *   isOpen={isOpen}\n *   onClose={onClose}\n *   title=\"Confirm Action\"\n *   hasCloseButton\n *   size={ModalSize.LG}\n * >\n *   <div>\n *     <p>Are you sure you want to continue?</p>\n *     <Button onClick={onConfirm}>Confirm</Button>\n *   </div>\n * </Modal>\n * ```\n *\n * @example\n * Custom container and styling:\n * ```jsx\n * <Modal\n *   isOpen={isOpen}\n *   onClose={onClose}\n *   container={customContainer}\n *   background=\"card\"\n *   padding=\"lg\"\n *   border=\"default\"\n * >\n *   Content with custom styling\n * </Modal>\n * ```\n *\n * Accessibility Notes:\n * - Modal receives focus when opened\n * - Background content is hidden from screen readers when modal is open\n * - ESC key closes modal (handled by browser for role=\"dialog\")\n * - Click outside modal closes it\n * - Close button has descriptive label for screen readers\n *\n * @param props - Modal component props\n * @returns JSX element rendered via createPortal\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = true,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = ModalSize.MD,\n  className,\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 /40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <div className=\"flex justify-center p-4\">\n        <MotionModal\n          onClick={(e) => e.stopPropagation()}\n          initial={{ scale: isOpen ? 0.5 : 1 }}\n          animate={{ scale: isOpen ? 1 : 0.5 }}\n          transition={{ duration: 0.3 }}\n          className={modalVariants({\n            size,\n            className,\n          })}\n          role=\"dialog\"\n          aria-modal\n          roundedSize=\"2xl\"\n          {...props}\n        >\n          <div\n            className={cn(\n              'cursor-default px-4',\n              hasCloseButton && hasTitle\n                ? `flex items-center justify-center`\n                : hasCloseButton\n                  ? `flex items-center justify-end`\n                  : hasTitle\n                    ? `items-center`\n                    : `hidden`\n            )}\n          >\n            {hasTitle && (\n              <H3 className=\"ml-4 flex items-center justify-center text-lg font-bold\">\n                {title}\n              </H3>\n            )}\n            {hasCloseButton && (\n              <Button\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                label=\"Close modal\"\n                className=\"ml-auto\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onClose?.();\n                }}\n                Icon={X}\n                size={ButtonSize.ICON_MD}\n              />\n            )}\n          </div>\n          <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n            {children}\n          </div>\n        </MotionModal>\n      </div>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["ModalSize","cva","m","Container","useGetElementOrWindow","useScrollBlockage","jsx","Fragment","createPortal","jsxs","cn","H3","Button","ButtonVariant","ButtonColor","X","ButtonSize"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,IAAK,8BAAAA,eAAL;AAELA,aAAA,IAAA,IAAK;AAELA,aAAA,IAAA,IAAK;AAELA,aAAA,IAAA,IAAK;AAELA,aAAA,IAAA,IAAK;AAELA,aAAA,OAAA,IAAQ;AAVE,SAAAA;AAAA,GAAA,aAAA,CAAA,CAAA;AAkDZ,MAAM,gBAAgBC,uBAAAA;AAAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAMA,MAAM,cAAcC,aAAAA,OAAE,OAAOC,oCAAS;AAqE/B,MAAM,QAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,mBAAmBC,4BAAAA,sBAAsB,SAAS;AAExDC,gCAAAA,kBAAkB,EAAE,KAAK,SAAS,eAAe,UAAU,eAAe;AAE1E,MAAI,CAAC,iBAAkB,QAAOC,+BAAAC,WAAAA,UAAA,CAAA,CAAE;AAEhC,QAAM,WAAW,OAAO,UAAU;AAElC,SAAOC,SAAAA;AAAAA,IACLF,2BAAAA;AAAAA,MAACJ,aAAAA,OAAE;AAAA,MAAF;AAAA,QACC,WAAU;AAAA,QACV,SAAS,SAAS,YAAY;AAAA,QAC9B,UAAU;AAAA,UACR,SAAS;AAAA,YACP,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,iBAAA;AAAA,UAAiB;AAAA,UAEtD,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,YAAY,EAAE,UAAU,KAAK,MAAM,gBAAA;AAAA,UAAgB;AAAA,QACrD;AAAA,QAEF,SAAS,CAAC,MAAM;AACd,YAAE,gBAAA;AACF,oBAAA;AAAA,QACF;AAAA,QACA,eAAa,CAAC;AAAA,QAEd,UAAAI,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BACb,UAAAG,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,YAClB,SAAS,EAAE,OAAO,SAAS,MAAM,EAAA;AAAA,YACjC,SAAS,EAAE,OAAO,SAAS,IAAI,IAAA;AAAA,YAC/B,YAAY,EAAE,UAAU,IAAA;AAAA,YACxB,WAAW,cAAc;AAAA,cACvB;AAAA,cACA;AAAA,YAAA,CACD;AAAA,YACD,MAAK;AAAA,YACL,cAAU;AAAA,YACV,aAAY;AAAA,YACX,GAAG;AAAA,YAEJ,UAAA;AAAA,cAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWC,SAAAA;AAAAA,oBACT;AAAA,oBACA,kBAAkB,WACd,qCACA,iBACE,kCACA,WACE,iBACA;AAAA,kBAAA;AAAA,kBAGT,UAAA;AAAA,oBAAA,YACCJ,2BAAAA,IAACK,6BAAA,EAAG,WAAU,2DACX,UAAA,OACH;AAAA,oBAED,kBACCL,2BAAAA;AAAAA,sBAACM,yBAAAA;AAAAA,sBAAA;AAAA,wBACC,SAASC,yBAAAA,cAAc;AAAA,wBACvB,OAAOC,yBAAAA,YAAY;AAAA,wBACnB,OAAM;AAAA,wBACN,WAAU;AAAA,wBACV,SAAS,CAAC,MAAM;AACd,4BAAE,gBAAA;AACF,oCAAA;AAAA,wBACF;AAAA,wBACA,MAAMC,YAAAA;AAAAA,wBACN,MAAMC,yBAAAA,WAAW;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACnB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJV,2BAAAA,IAAC,OAAA,EAAI,WAAU,mDACZ,SAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,EAAA;AAEJ;;;"}

package/dist/components/Modal/Modal.d.ts

@@ -1,108 +0,0 @@
-import { ReactNode, FC } from 'react';
-import { ContainerProps } from '../Container';
-/**
- * Enumeration of available modal sizes
- */
-export declare enum ModalSize {
-    /** Small modal: max height 30vh, max width xl */
-    SM = "sm",
-    /** Medium modal: max height 50vh, max width xl */
-    MD = "md",
-    /** Large modal: max height 70vh, max width 2xl */
-    LG = "lg",
-    /** Extra large modal: max height 95vh, max width 6xl */
-    XL = "xl",
-    /** Unset size: max height 95vh, full width responsive */
-    UNSET = "unset"
-}
-/**
- * Props for the Modal component
- */
-type ModalProps = {
-    /** Content to be displayed inside the modal */
-    children: ReactNode;
-    /** Controls whether the modal is visible */
-    isOpen: boolean;
-    /** Callback function called when the modal should be closed */
-    onClose?: () => void;
-    /** Container element to render the modal into (defaults to document.body) */
-    container?: HTMLElement;
-    /** Whether to disable scrolling on the background content */
-    disableScroll?: boolean;
-    /** Whether to display a close button in the modal header */
-    hasCloseButton?: boolean;
-    /** Optional title displayed at the top of the modal */
-    title?: string;
-    /** Size variant for the modal */
-    size?: ModalSize | `${ModalSize}`;
-} & Pick<ContainerProps, 'className' | 'transparency' | 'border' | 'background' | 'roundedSize' | 'borderColor' | 'padding' | 'separator' | 'gap'>;
-/**
- * Modal Component
- *
- * A highly customizable modal dialog component with portal rendering, Framer Motion animations,
- * and comprehensive accessibility features. Supports multiple size variants and scroll management.
- *
- * Features:
- * - Portal rendering to any container element (defaults to document.body)
- * - Smooth animations with Framer Motion
- * - Size variants: SM, MD, LG, XL, UNSET with responsive sizing
- * - Optional title and close button
- * - Background scroll prevention
- * - Click-outside-to-close functionality
- * - Full accessibility support with ARIA attributes
- * - Keyboard navigation support (ESC to close)
- * - Extensible styling with Container props
- *
- * @example
- * Basic usage:
- * ```jsx
- * <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
- *   <p>Modal content goes here</p>
- * </Modal>
- * ```
- *
- * @example
- * With title and close button:
- * ```jsx
- * <Modal
- *   isOpen={isOpen}
- *   onClose={onClose}
- *   title="Confirm Action"
- *   hasCloseButton
- *   size={ModalSize.LG}
- * >
- *   <div>
- *     <p>Are you sure you want to continue?</p>
- *     <Button onClick={onConfirm}>Confirm</Button>
- *   </div>
- * </Modal>
- * ```
- *
- * @example
- * Custom container and styling:
- * ```jsx
- * <Modal
- *   isOpen={isOpen}
- *   onClose={onClose}
- *   container={customContainer}
- *   background="card"
- *   padding="lg"
- *   border="default"
- * >
- *   Content with custom styling
- * </Modal>
- * ```
- *
- * Accessibility Notes:
- * - Modal receives focus when opened
- * - Background content is hidden from screen readers when modal is open
- * - ESC key closes modal (handled by browser for role="dialog")
- * - Click outside modal closes it
- * - Close button has descriptive label for screen readers
- *
- * @param props - Modal component props
- * @returns JSX element rendered via createPortal
- */
-export declare const Modal: FC<ModalProps>;
-export {};
-//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D;;GAEG;AACH,oBAAY,SAAS;IACnB,iDAAiD;IACjD,EAAE,OAAO;IACT,kDAAkD;IAClD,EAAE,OAAO;IACT,kDAAkD;IAClD,EAAE,OAAO;IACT,wDAAwD;IACxD,EAAE,OAAO;IACT,yDAAyD;IACzD,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,KAAK,UAAU,GAAG;IAChB,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,SAAS,EAAE,CAAC;CACnC,GAAG,IAAI,CACN,cAAc,EACZ,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,aAAa,GACb,SAAS,GACT,WAAW,GACX,KAAK,CACR,CAAC;AAmCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAiGhC,CAAC"}

package/dist/components/Modal/Modal.mjs

@@ -1,145 +0,0 @@
-"use client";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { motion } from "framer-motion";
-import { X } from "lucide-react";
-import { createPortal } from "react-dom";
-import "@intlayer/config/built";
-import "../../better-auth.CiuwFiHM-7umXOENE.js";
-import "@intlayer/editor-react";
-import "@tanstack/react-query";
-import "@intlayer/api";
-import "react";
-import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
-import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
-import { cn } from "../../utils/cn.mjs";
-import { Button, ButtonSize, ButtonColor, ButtonVariant } from "../Button/Button.mjs";
-import { Container } from "../Container/index.mjs";
-import { H3 } from "../Headers/index.mjs";
-var ModalSize = /* @__PURE__ */ ((ModalSize2) => {
-  ModalSize2["SM"] = "sm";
-  ModalSize2["MD"] = "md";
-  ModalSize2["LG"] = "lg";
-  ModalSize2["XL"] = "xl";
-  ModalSize2["UNSET"] = "unset";
-  return ModalSize2;
-})(ModalSize || {});
-const modalVariants = cva(
-  "cursor-default overflow-auto py-3 shadow-sm justify-center",
-  {
-    variants: {
-      size: {
-        /** Small modal: height auto, max-height 30vh, width 95vw, max-width xl */
-        sm: "h-auto max-h-[30vh] w-[95vw] max-w-xl",
-        /** Medium modal: height auto, max-height 50vh, width 95vw, max-width xl */
-        md: "h-auto max-h-[50vh] w-[95vw] max-w-xl",
-        /** Large modal: height auto, max-height 70vh, width 95vw, max-width 2xl */
-        lg: "h-auto max-h-[70vh] w-[95vw] max-w-2xl",
-        /** Extra large modal: height auto, max-height 95vh, width 95vw, max-width 6xl */
-        xl: "h-auto max-h-[95vh] w-[95vw] max-w-6xl",
-        /** Unset modal: height auto, max-height 95vh, width 95vw, no max-width */
-        unset: "h-auto max-h-[95vh] w-[95vw]"
-      }
-    },
-    defaultVariants: {
-      size: "unset"
-    }
-  }
-);
-const MotionModal = motion.create(Container);
-const Modal = ({
-  children,
-  isOpen,
-  container,
-  disableScroll = true,
-  onClose,
-  hasCloseButton = false,
-  title,
-  size = "md",
-  className,
-  ...props
-}) => {
-  const containerElement = useGetElementOrWindow(container);
-  useScrollBlockage({ key: "modal", disableScroll: isOpen && disableScroll });
-  if (!containerElement) return /* @__PURE__ */ jsx(Fragment, {});
-  const hasTitle = typeof title === "string";
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        className: "bg-background/40 /40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
-        animate: isOpen ? "visible" : "invisible",
-        variants: {
-          visible: {
-            opacity: 1,
-            visibility: "visible",
-            transition: { duration: 0.1, when: "beforeChildren" }
-          },
-          invisible: {
-            opacity: 0,
-            visibility: "hidden",
-            transition: { duration: 0.1, when: "afterChildren" }
-          }
-        },
-        onClick: (e) => {
-          e.stopPropagation();
-          onClose?.();
-        },
-        "aria-hidden": !isOpen,
-        children: /* @__PURE__ */ jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsxs(
-          MotionModal,
-          {
-            onClick: (e) => e.stopPropagation(),
-            initial: { scale: isOpen ? 0.5 : 1 },
-            animate: { scale: isOpen ? 1 : 0.5 },
-            transition: { duration: 0.3 },
-            className: modalVariants({
-              size,
-              className
-            }),
-            role: "dialog",
-            "aria-modal": true,
-            roundedSize: "2xl",
-            ...props,
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "cursor-default px-4",
-                    hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
-                  ),
-                  children: [
-                    hasTitle && /* @__PURE__ */ jsx(H3, { className: "ml-4 flex items-center justify-center text-lg font-bold", children: title }),
-                    hasCloseButton && /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: ButtonVariant.HOVERABLE,
-                        color: ButtonColor.TEXT,
-                        label: "Close modal",
-                        className: "ml-auto",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          onClose?.();
-                        },
-                        Icon: X,
-                        size: ButtonSize.ICON_MD
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-auto", children })
-            ]
-          }
-        ) })
-      }
-    ),
-    containerElement
-  );
-};
-export {
-  Modal,
-  ModalSize
-};
-//# sourceMappingURL=Modal.mjs.map

package/dist/components/Modal/Modal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { motion as m } from 'framer-motion';\nimport { X } from 'lucide-react';\nimport { ReactNode, type FC } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useGetElementOrWindow, useScrollBlockage } from '../../hooks/index';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../Button';\nimport { Container, type ContainerProps } from '../Container';\nimport { H3 } from '../Headers';\n\n/**\n * Enumeration of available modal sizes\n */\nexport enum ModalSize {\n  /** Small modal: max height 30vh, max width xl */\n  SM = 'sm',\n  /** Medium modal: max height 50vh, max width xl */\n  MD = 'md',\n  /** Large modal: max height 70vh, max width 2xl */\n  LG = 'lg',\n  /** Extra large modal: max height 95vh, max width 6xl */\n  XL = 'xl',\n  /** Unset size: max height 95vh, full width responsive */\n  UNSET = 'unset',\n}\n\n/**\n * Props for the Modal component\n */\ntype ModalProps = {\n  /** Content to be displayed inside the modal */\n  children: ReactNode;\n  /** Controls whether the modal is visible */\n  isOpen: boolean;\n  /** Callback function called when the modal should be closed */\n  onClose?: () => void;\n  /** Container element to render the modal into (defaults to document.body) */\n  container?: HTMLElement;\n  /** Whether to disable scrolling on the background content */\n  disableScroll?: boolean;\n  /** Whether to display a close button in the modal header */\n  hasCloseButton?: boolean;\n  /** Optional title displayed at the top of the modal */\n  title?: string;\n  /** Size variant for the modal */\n  size?: ModalSize | `${ModalSize}`;\n} & Pick<\n  ContainerProps,\n  | 'className'\n  | 'transparency'\n  | 'border'\n  | 'background'\n  | 'roundedSize'\n  | 'borderColor'\n  | 'padding'\n  | 'separator'\n  | 'gap'\n>;\n\n/**\n * Class name variants for different modal sizes using class-variance-authority\n * Defines responsive sizing and scrollable content for modal containers\n */\nconst modalVariants = cva(\n  'cursor-default overflow-auto py-3 shadow-sm justify-center',\n  {\n    variants: {\n      size: {\n        /** Small modal: height auto, max-height 30vh, width 95vw, max-width xl */\n        sm: 'h-auto max-h-[30vh] w-[95vw] max-w-xl',\n        /** Medium modal: height auto, max-height 50vh, width 95vw, max-width xl */\n        md: 'h-auto max-h-[50vh] w-[95vw] max-w-xl',\n        /** Large modal: height auto, max-height 70vh, width 95vw, max-width 2xl */\n        lg: 'h-auto max-h-[70vh] w-[95vw] max-w-2xl',\n        /** Extra large modal: height auto, max-height 95vh, width 95vw, max-width 6xl */\n        xl: 'h-auto max-h-[95vh] w-[95vw] max-w-6xl',\n        /** Unset modal: height auto, max-height 95vh, width 95vw, no max-width */\n        unset: 'h-auto max-h-[95vh] w-[95vw]',\n      },\n    },\n    defaultVariants: {\n      size: 'unset',\n    },\n  }\n);\n\n/**\n * Motion-enabled modal component with Framer Motion support\n * Extends Container component with motion capabilities for animations\n */\nconst MotionModal = m.create(Container);\n\n/**\n * Modal Component\n *\n * A highly customizable modal dialog component with portal rendering, Framer Motion animations,\n * and comprehensive accessibility features. Supports multiple size variants and scroll management.\n *\n * Features:\n * - Portal rendering to any container element (defaults to document.body)\n * - Smooth animations with Framer Motion\n * - Size variants: SM, MD, LG, XL, UNSET with responsive sizing\n * - Optional title and close button\n * - Background scroll prevention\n * - Click-outside-to-close functionality\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support (ESC to close)\n * - Extensible styling with Container props\n *\n * @example\n * Basic usage:\n * ```jsx\n * <Modal isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>\n *   <p>Modal content goes here</p>\n * </Modal>\n * ```\n *\n * @example\n * With title and close button:\n * ```jsx\n * <Modal\n *   isOpen={isOpen}\n *   onClose={onClose}\n *   title=\"Confirm Action\"\n *   hasCloseButton\n *   size={ModalSize.LG}\n * >\n *   <div>\n *     <p>Are you sure you want to continue?</p>\n *     <Button onClick={onConfirm}>Confirm</Button>\n *   </div>\n * </Modal>\n * ```\n *\n * @example\n * Custom container and styling:\n * ```jsx\n * <Modal\n *   isOpen={isOpen}\n *   onClose={onClose}\n *   container={customContainer}\n *   background=\"card\"\n *   padding=\"lg\"\n *   border=\"default\"\n * >\n *   Content with custom styling\n * </Modal>\n * ```\n *\n * Accessibility Notes:\n * - Modal receives focus when opened\n * - Background content is hidden from screen readers when modal is open\n * - ESC key closes modal (handled by browser for role=\"dialog\")\n * - Click outside modal closes it\n * - Close button has descriptive label for screen readers\n *\n * @param props - Modal component props\n * @returns JSX element rendered via createPortal\n */\nexport const Modal: FC<ModalProps> = ({\n  children,\n  isOpen,\n  container,\n  disableScroll = true,\n  onClose,\n  hasCloseButton = false,\n  title,\n  size = ModalSize.MD,\n  className,\n  ...props\n}) => {\n  const containerElement = useGetElementOrWindow(container);\n\n  useScrollBlockage({ key: 'modal', disableScroll: isOpen && disableScroll });\n\n  if (!containerElement) return <></>;\n\n  const hasTitle = typeof title === 'string';\n\n  return createPortal(\n    <m.div\n      className=\"bg-background/40 /40 invisible fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur\"\n      animate={isOpen ? 'visible' : 'invisible'}\n      variants={{\n        visible: {\n          opacity: 1,\n          visibility: 'visible',\n          transition: { duration: 0.1, when: 'beforeChildren' },\n        },\n        invisible: {\n          opacity: 0,\n          visibility: 'hidden',\n          transition: { duration: 0.1, when: 'afterChildren' },\n        },\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClose?.();\n      }}\n      aria-hidden={!isOpen}\n    >\n      <div className=\"flex justify-center p-4\">\n        <MotionModal\n          onClick={(e) => e.stopPropagation()}\n          initial={{ scale: isOpen ? 0.5 : 1 }}\n          animate={{ scale: isOpen ? 1 : 0.5 }}\n          transition={{ duration: 0.3 }}\n          className={modalVariants({\n            size,\n            className,\n          })}\n          role=\"dialog\"\n          aria-modal\n          roundedSize=\"2xl\"\n          {...props}\n        >\n          <div\n            className={cn(\n              'cursor-default px-4',\n              hasCloseButton && hasTitle\n                ? `flex items-center justify-center`\n                : hasCloseButton\n                  ? `flex items-center justify-end`\n                  : hasTitle\n                    ? `items-center`\n                    : `hidden`\n            )}\n          >\n            {hasTitle && (\n              <H3 className=\"ml-4 flex items-center justify-center text-lg font-bold\">\n                {title}\n              </H3>\n            )}\n            {hasCloseButton && (\n              <Button\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                label=\"Close modal\"\n                className=\"ml-auto\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onClose?.();\n                }}\n                Icon={X}\n                size={ButtonSize.ICON_MD}\n              />\n            )}\n          </div>\n          <div className=\"flex flex-1 flex-col items-center overflow-auto\">\n            {children}\n          </div>\n        </MotionModal>\n      </div>\n    </m.div>,\n    containerElement\n  );\n};\n"],"names":["ModalSize","m"],"mappings":"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"}

package/dist/components/Modal/index.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Modal_Modal = require("./Modal.cjs");
-exports.Modal = components_Modal_Modal.Modal;
-exports.ModalSize = components_Modal_Modal.ModalSize;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Modal/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Modal/index.mjs

@@ -1,6 +0,0 @@
-import { Modal, ModalSize } from "./Modal.mjs";
-export {
-  Modal,
-  ModalSize
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Modal/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Navbar/Burger.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const utils_cn = require("../../utils/cn.cjs");
-const lineStyle = "bg-text  absolute top-1/2 block h-[2px] w-8 transition duration-300";
-const Burger = ({
-  isActive = false,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "div",
-  {
-    className: utils_cn.cn("relative mr-3 size-10 cursor-pointer", className),
-    "aria-checked": isActive,
-    "aria-expanded": isActive,
-    "aria-controls": "mobile-menu",
-    role: "switch",
-    "aria-label": isActive ? "Close menu" : "Open menu",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: utils_cn.cn(lineStyle, isActive ? "rotate-[-45deg]" : "rotate-0")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: utils_cn.cn(
-              lineStyle,
-              isActive ? "-translate-y-3 opacity-0" : "-translate-y-2 opacity-100"
-            )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(lineStyle, isActive ? "opacity-0" : "opacity-100") }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: utils_cn.cn(lineStyle, isActive ? "rotate-[45deg]" : "rotate-0")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: utils_cn.cn(
-              lineStyle,
-              isActive ? "translate-y-3 opacity-0" : "translate-y-2 opacity-100"
-            )
-          }
-        )
-      ] })
-    ]
-  }
-);
-exports.Burger = Burger;
-//# sourceMappingURL=Burger.cjs.map