@lax-wp/design-system 0.14.0 → 0.14.1

package/dist/components/modal/drawer/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","sources":["../../../../src/components/modal/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntDrawer } from 'antd';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport type DrawerProps = {\n    id?: string;\n    children: React.ReactNode;\n    onClose: () => void;\n    open: boolean;\n    title: React.ReactNode;\n    parentContainer?: string;\n    resizable?: boolean;\n    width?: number | string;\n    placement?: 'left' | 'right' | 'top' | 'bottom';\n    closable?: boolean;\n    mask?: boolean;\n    getContainer?: false | HTMLElement | (() => HTMLElement);\n    zIndex?: number;\n    footer?: React.ReactNode;\n} & React.ComponentProps<typeof AntDrawer>;\n\n/**\n * Drawer component for sliding panels from screen edges\n *\n * @example\n * ```tsx\n * <Drawer\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   title=\"Drawer Title\"\n *   width={400}\n * >\n *   <div>Drawer content</div>\n * </Drawer>\n * ```\n */\nexport const Drawer: React.FC<DrawerProps> = ({\n    id,\n    children,\n    onClose,\n    open,\n    title,\n    parentContainer = 'full-screen-container',\n    resizable,\n    width = 400,\n    placement = 'right',\n    closable = false,\n    mask,\n    classNames,\n    styles,\n    getContainer,\n    zIndex,\n    footer,\n    ...props\n}) => {\n    const isResizingRef = useRef(false);\n    const [drawerWidth, setDrawerWidth] = useState(width);\n\n    useEffect(() => {\n        setDrawerWidth(width);\n    }, [open, width]);\n\n    const handleMousemove = useCallback(\n        (e: MouseEvent) => {\n            if (!isResizingRef.current) return;\n            if (placement === 'right') {\n                const offsetRight = document.body.offsetWidth - (e.clientX - document.body.offsetLeft);\n                const minWidth = 256;\n                if (offsetRight > minWidth) {\n                    setDrawerWidth(offsetRight);\n                }\n            } else {\n                const minWidth = 256;\n                if (e.clientX > minWidth) {\n                    setDrawerWidth(e.clientX);\n                }\n            }\n        },\n        [placement, setDrawerWidth],\n    );\n\n    const onMouseUp = useCallback(() => {\n        if (isResizingRef.current) {\n            isResizingRef.current = false;\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('mousemove', handleMousemove);\n        document.addEventListener('mouseup', onMouseUp);\n\n        return () => {\n            document.removeEventListener('mousemove', handleMousemove);\n            document.removeEventListener('mouseup', onMouseUp);\n        };\n    }, [handleMousemove, onMouseUp]);\n\n    const containerElement = typeof window !== 'undefined'\n        ? (document.getElementById(parentContainer) || document.body)\n        : null;\n\n    if (!containerElement) {\n        return null;\n    }\n\n    return createPortal(\n        <AntDrawer\n            id={id || ''}\n            closable={closable}\n            title={title}\n            onClose={onClose}\n            open={open}\n            width={drawerWidth}\n            getContainer={getContainer !== undefined ? getContainer : false}\n            placement={placement}\n            mask={mask}\n            classNames={classNames}\n            styles={styles}\n            zIndex={zIndex}\n            footer={footer}\n            {...props}\n        >\n            {resizable && (\n                <div\n                    className='cursor-ew-resize w-1 pl-[2px] absolute top-0 bottom-0 z-[2100] bg-transparent dark:bg-black-600 hover:bg-neutral-200 dark:hover:bg-black-700'\n                    onMouseDown={() => {\n                        isResizingRef.current = true;\n                    }}\n                    style={\n                        placement === 'right'\n                            ? { left: 0 }\n                            : {\n                                right: 0,\n                            }\n                    }\n                />\n            )}\n            {children}\n        </AntDrawer>,\n        containerElement,\n    );\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n\n\n\n"],"names":["Drawer","id","children","onClose","open","title","parentContainer","resizable","width","placement","closable","mask","classNames","styles","getContainer","zIndex","footer","props","isResizingRef","useRef","drawerWidth","setDrawerWidth","useState","useEffect","handleMousemove","useCallback","e","offsetRight","onMouseUp","containerElement","createPortal","jsxs","AntDrawer","jsx"],"mappings":";;;;AAoCO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAO,EAAK,GAC5B,CAACC,GAAaC,CAAc,IAAIC,EAASd,CAAK;AAEpD,EAAAe,EAAU,MAAM;AACZ,IAAAF,EAAeb,CAAK;AAAA,EACxB,GAAG,CAACJ,GAAMI,CAAK,CAAC;AAEhB,QAAMgB,IAAkBC;AAAA,IACpB,CAACC,MAAkB;AACf,UAAKR,EAAc;AACnB,YAAIT,MAAc,SAAS;AACvB,gBAAMkB,IAAc,SAAS,KAAK,eAAeD,EAAE,UAAU,SAAS,KAAK;AAE3E,UAAIC,IADa,OAEbN,EAAeM,CAAW;AAAA,QAElC;AAEI,UAAID,EAAE,UAAU,OACZL,EAAeK,EAAE,OAAO;AAAA,IAGpC;AAAA,IACA,CAACjB,GAAWY,CAAc;AAAA,EAAA,GAGxBO,IAAYH,EAAY,MAAM;AAChC,IAAIP,EAAc,YACdA,EAAc,UAAU;AAAA,EAEhC,GAAG,CAAA,CAAE;AAEL,EAAAK,EAAU,OACN,SAAS,iBAAiB,aAAaC,CAAe,GACtD,SAAS,iBAAiB,WAAWI,CAAS,GAEvC,MAAM;AACT,aAAS,oBAAoB,aAAaJ,CAAe,GACzD,SAAS,oBAAoB,WAAWI,CAAS;AAAA,EACrD,IACD,CAACJ,GAAiBI,CAAS,CAAC;AAE/B,QAAMC,IAAmB,OAAO,SAAW,MACpC,SAAS,eAAevB,CAAe,KAAK,SAAS,OACtD;AAEN,SAAKuB,IAIEC;AAAA,IACH,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAI/B,KAAM;AAAA,QACV,UAAAS;AAAA,QACA,OAAAL;AAAA,QACA,SAAAF;AAAA,QACA,MAAAC;AAAA,QACA,OAAOgB;AAAA,QACP,cAAcN,MAAiB,SAAYA,IAAe;AAAA,QAC1D,WAAAL;AAAA,QACA,MAAAE;AAAA,QACA,YAAAC;AAAA,QACA,QAAAC;AAAA,QACA,QAAAE;AAAA,QACA,QAAAC;AAAA,QACC,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAV,KACG,gBAAA0B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAa,MAAM;AACf,gBAAAf,EAAc,UAAU;AAAA,cAC5B;AAAA,cACA,OACIT,MAAc,UACR,EAAE,MAAM,MACR;AAAA,gBACE,OAAO;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,UAIfP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL2B;AAAA,EAAA,IArCO;AAuCf;AAEA7B,EAAO,cAAc;"}
+{"version":3,"file":"Drawer.es.js","sources":["../../../../src/components/modal/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntDrawer } from 'antd';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useResponsiveWidth } from '../../../hooks/useResponsiveWidth';\n\nexport type DrawerProps = {\n    id?: string;\n    children: React.ReactNode;\n    onClose: () => void;\n    open: boolean;\n    title: React.ReactNode;\n    parentContainer?: string;\n    resizable?: boolean;\n    width?: number | string;\n    placement?: 'left' | 'right' | 'top' | 'bottom';\n    closable?: boolean;\n    mask?: boolean;\n    getContainer?: false | HTMLElement | (() => HTMLElement);\n    zIndex?: number;\n    footer?: React.ReactNode;\n} & React.ComponentProps<typeof AntDrawer>;\n\n/**\n * Drawer component for sliding panels from screen edges\n *\n * @example\n * ```tsx\n * <Drawer\n *   open={isOpen}\n *   onClose={() => setIsOpen(false)}\n *   title=\"Drawer Title\"\n *   width={400}\n * >\n *   <div>Drawer content</div>\n * </Drawer>\n * ```\n */\nexport const Drawer: React.FC<DrawerProps> = ({\n    id,\n    children,\n    onClose,\n    open,\n    title,\n    parentContainer = 'full-screen-container',\n    resizable,\n    width = 400,\n    placement = 'right',\n    closable = false,\n    mask,\n    classNames,\n    styles,\n    getContainer,\n    zIndex,\n    footer,\n    ...props\n}) => {\n    const isResizingRef = useRef(false);\n    // The provided width is the desktop maximum; it shrinks by viewport breakpoint.\n    // Drag overrides it until the next resize/open.\n    const responsiveWidth = useResponsiveWidth(width);\n    const [drawerWidth, setDrawerWidth] = useState<number | string | undefined>(responsiveWidth);\n\n    useEffect(() => {\n        setDrawerWidth(responsiveWidth);\n    }, [open, responsiveWidth]);\n\n    const handleMousemove = useCallback(\n        (e: MouseEvent) => {\n            if (!isResizingRef.current) return;\n            if (placement === 'right') {\n                const offsetRight = document.body.offsetWidth - (e.clientX - document.body.offsetLeft);\n                const minWidth = 256;\n                if (offsetRight > minWidth) {\n                    setDrawerWidth(offsetRight);\n                }\n            } else {\n                const minWidth = 256;\n                if (e.clientX > minWidth) {\n                    setDrawerWidth(e.clientX);\n                }\n            }\n        },\n        [placement, setDrawerWidth],\n    );\n\n    const onMouseUp = useCallback(() => {\n        if (isResizingRef.current) {\n            isResizingRef.current = false;\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener('mousemove', handleMousemove);\n        document.addEventListener('mouseup', onMouseUp);\n\n        return () => {\n            document.removeEventListener('mousemove', handleMousemove);\n            document.removeEventListener('mouseup', onMouseUp);\n        };\n    }, [handleMousemove, onMouseUp]);\n\n    const containerElement = typeof window !== 'undefined'\n        ? (document.getElementById(parentContainer) || document.body)\n        : null;\n\n    if (!containerElement) {\n        return null;\n    }\n\n    return createPortal(\n        <AntDrawer\n            id={id || ''}\n            closable={closable}\n            title={title}\n            onClose={onClose}\n            open={open}\n            width={drawerWidth}\n            getContainer={getContainer !== undefined ? getContainer : false}\n            placement={placement}\n            mask={mask}\n            classNames={classNames}\n            styles={styles}\n            zIndex={zIndex}\n            footer={footer}\n            {...props}\n        >\n            {resizable && (\n                <div\n                    className='cursor-ew-resize w-1 pl-[2px] absolute top-0 bottom-0 z-[2100] bg-transparent dark:bg-black-600 hover:bg-neutral-200 dark:hover:bg-black-700'\n                    onMouseDown={() => {\n                        isResizingRef.current = true;\n                    }}\n                    style={\n                        placement === 'right'\n                            ? { left: 0 }\n                            : {\n                                right: 0,\n                            }\n                    }\n                />\n            )}\n            {children}\n        </AntDrawer>,\n        containerElement,\n    );\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n\n\n\n"],"names":["Drawer","id","children","onClose","open","title","parentContainer","resizable","width","placement","closable","mask","classNames","styles","getContainer","zIndex","footer","props","isResizingRef","useRef","responsiveWidth","useResponsiveWidth","drawerWidth","setDrawerWidth","useState","useEffect","handleMousemove","useCallback","e","offsetRight","onMouseUp","containerElement","createPortal","jsxs","AntDrawer","jsx"],"mappings":";;;;;AAsCO,MAAMA,IAAgC,CAAC;AAAA,EAC1C,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAgBC,EAAO,EAAK,GAG5BC,IAAkBC,EAAmBb,CAAK,GAC1C,CAACc,GAAaC,CAAc,IAAIC,EAAsCJ,CAAe;AAE3F,EAAAK,EAAU,MAAM;AACZ,IAAAF,EAAeH,CAAe;AAAA,EAClC,GAAG,CAAChB,GAAMgB,CAAe,CAAC;AAE1B,QAAMM,IAAkBC;AAAA,IACpB,CAACC,MAAkB;AACf,UAAKV,EAAc;AACnB,YAAIT,MAAc,SAAS;AACvB,gBAAMoB,IAAc,SAAS,KAAK,eAAeD,EAAE,UAAU,SAAS,KAAK;AAE3E,UAAIC,IADa,OAEbN,EAAeM,CAAW;AAAA,QAElC;AAEI,UAAID,EAAE,UAAU,OACZL,EAAeK,EAAE,OAAO;AAAA,IAGpC;AAAA,IACA,CAACnB,GAAWc,CAAc;AAAA,EAAA,GAGxBO,IAAYH,EAAY,MAAM;AAChC,IAAIT,EAAc,YACdA,EAAc,UAAU;AAAA,EAEhC,GAAG,CAAA,CAAE;AAEL,EAAAO,EAAU,OACN,SAAS,iBAAiB,aAAaC,CAAe,GACtD,SAAS,iBAAiB,WAAWI,CAAS,GAEvC,MAAM;AACT,aAAS,oBAAoB,aAAaJ,CAAe,GACzD,SAAS,oBAAoB,WAAWI,CAAS;AAAA,EACrD,IACD,CAACJ,GAAiBI,CAAS,CAAC;AAE/B,QAAMC,IAAmB,OAAO,SAAW,MACpC,SAAS,eAAezB,CAAe,KAAK,SAAS,OACtD;AAEN,SAAKyB,IAIEC;AAAA,IACH,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAIjC,KAAM;AAAA,QACV,UAAAS;AAAA,QACA,OAAAL;AAAA,QACA,SAAAF;AAAA,QACA,MAAAC;AAAA,QACA,OAAOkB;AAAA,QACP,cAAcR,MAAiB,SAAYA,IAAe;AAAA,QAC1D,WAAAL;AAAA,QACA,MAAAE;AAAA,QACA,YAAAC;AAAA,QACA,QAAAC;AAAA,QACA,QAAAE;AAAA,QACA,QAAAC;AAAA,QACC,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAV,KACG,gBAAA4B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAU;AAAA,cACV,aAAa,MAAM;AACf,gBAAAjB,EAAc,UAAU;AAAA,cAC5B;AAAA,cACA,OACIT,MAAc,UACR,EAAE,MAAM,MACR;AAAA,gBACE,OAAO;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,UAIfP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL6B;AAAA,EAAA,IArCO;AAuCf;AAEA/B,EAAO,cAAc;"}

package/dist/hooks/useResponsiveWidth.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("./useEventListener.cjs.js"),i=1280,l=1024,p=.9,d=.8,f=.94,L=i,r=(e,t)=>{let n=e*d;return t>=i?n=e:t>=l&&(n=e*p),Math.round(Math.min(n,t*f))},o=()=>typeof window>"u"?L:window.innerWidth,R=e=>{if(typeof e=="number")return e;if(typeof e=="string"){const t=/^\s*(\d+(?:\.\d+)?)px\s*$/.exec(e);return t?Number(t[1]):null}return null};function A(e){const[t,n]=u.useState(o);c.useEventListener("resize",()=>n(o()));const s=R(e);return s===null?e:r(s,t)}exports.computeResponsiveWidth=r;exports.useResponsiveWidth=A;
+//# sourceMappingURL=useResponsiveWidth.cjs.js.map

package/dist/hooks/useResponsiveWidth.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveWidth.cjs.js","sources":["../../src/hooks/useResponsiveWidth.ts"],"sourcesContent":["import { useState } from \"react\";\n\nimport { useEventListener } from \"./useEventListener\";\n\n/**\n * Viewport-responsive sizing for overlay widths (Modal, Drawer, ResizableSidebar).\n *\n * The passed value is treated as the desktop (largest) size and is stepped down at\n * the lg/md breakpoints, then hard-capped to the viewport so it can never overflow.\n * Breakpoints follow Tailwind defaults; non-px CSS strings (\"80%\", \"100%\", \"90vw\")\n * pass through unchanged because they are already viewport-relative.\n */\n\n// Tailwind default breakpoints (px).\nconst BREAKPOINT_XL = 1280;\nconst BREAKPOINT_LG = 1024;\n\n// Fraction of the desktop size used below xl. At/below lg a size steps down to\n// SCALE_MD (a 500px drawer -> 400px on a tablet); the viewport cap shrinks it\n// further on smaller screens.\nconst SCALE_LG = 0.9;\nconst SCALE_MD = 0.8;\n\n// A width never exceeds this fraction of the viewport (prevents overflow).\nconst VIEWPORT_CAP = 0.94;\n\n// Assume a desktop viewport before the DOM is available (SSR / first paint).\nconst SSR_FALLBACK_WIDTH = BREAKPOINT_XL;\n\nexport type ResponsiveWidth = number | string;\n\n/** Pure viewport-driven size reduction. Exported for reuse and testing. */\nexport const computeResponsiveWidth = (\n  maxWidth: number,\n  viewportWidth: number\n): number => {\n  let tierWidth = maxWidth * SCALE_MD;\n  if (viewportWidth >= BREAKPOINT_XL) {\n    tierWidth = maxWidth;\n  } else if (viewportWidth >= BREAKPOINT_LG) {\n    tierWidth = maxWidth * SCALE_LG;\n  }\n  return Math.round(Math.min(tierWidth, viewportWidth * VIEWPORT_CAP));\n};\n\nconst getViewportWidth = (): number =>\n  typeof window === \"undefined\" ? SSR_FALLBACK_WIDTH : window.innerWidth;\n\n// Numeric px value to scale, or null when already responsive / absent.\nconst toPixels = (width: ResponsiveWidth | undefined): number | null => {\n  if (typeof width === \"number\") return width;\n  if (typeof width === \"string\") {\n    const match = /^\\s*(\\d+(?:\\.\\d+)?)px\\s*$/.exec(width);\n    return match ? Number(match[1]) : null;\n  }\n  return null;\n};\n\nexport function useResponsiveWidth(maxWidth: number): number;\nexport function useResponsiveWidth(\n  maxWidth: ResponsiveWidth | undefined\n): ResponsiveWidth | undefined;\nexport function useResponsiveWidth(\n  maxWidth: ResponsiveWidth | undefined\n): ResponsiveWidth | undefined {\n  const [viewportWidth, setViewportWidth] = useState<number>(getViewportWidth);\n\n  useEventListener(\"resize\", () => setViewportWidth(getViewportWidth()));\n\n  const pixels = toPixels(maxWidth);\n  return pixels === null\n    ? maxWidth\n    : computeResponsiveWidth(pixels, viewportWidth);\n}\n"],"names":["BREAKPOINT_XL","BREAKPOINT_LG","SCALE_LG","SCALE_MD","VIEWPORT_CAP","SSR_FALLBACK_WIDTH","computeResponsiveWidth","maxWidth","viewportWidth","tierWidth","getViewportWidth","toPixels","width","match","useResponsiveWidth","setViewportWidth","useState","useEventListener","pixels"],"mappings":"gJAcMA,EAAgB,KAChBC,EAAgB,KAKhBC,EAAW,GACXC,EAAW,GAGXC,EAAe,IAGfC,EAAqBL,EAKdM,EAAyB,CACpCC,EACAC,IACW,CACX,IAAIC,EAAYF,EAAWJ,EAC3B,OAAIK,GAAiBR,EACnBS,EAAYF,EACHC,GAAiBP,IAC1BQ,EAAYF,EAAWL,GAElB,KAAK,MAAM,KAAK,IAAIO,EAAWD,EAAgBJ,CAAY,CAAC,CACrE,EAEMM,EAAmB,IACvB,OAAO,OAAW,IAAcL,EAAqB,OAAO,WAGxDM,EAAYC,GAAsD,CACtE,GAAI,OAAOA,GAAU,SAAU,OAAOA,EACtC,GAAI,OAAOA,GAAU,SAAU,CAC7B,MAAMC,EAAQ,4BAA4B,KAAKD,CAAK,EACpD,OAAOC,EAAQ,OAAOA,EAAM,CAAC,CAAC,EAAI,IACpC,CACA,OAAO,IACT,EAMO,SAASC,EACdP,EAC6B,CAC7B,KAAM,CAACC,EAAeO,CAAgB,EAAIC,EAAAA,SAAiBN,CAAgB,EAE3EO,EAAAA,iBAAiB,SAAU,IAAMF,EAAiBL,EAAA,CAAkB,CAAC,EAErE,MAAMQ,EAASP,EAASJ,CAAQ,EAChC,OAAOW,IAAW,KACdX,EACAD,EAAuBY,EAAQV,CAAa,CAClD"}

package/dist/hooks/useResponsiveWidth.d.ts

@@ -0,0 +1,5 @@
+export type ResponsiveWidth = number | string;
+/** Pure viewport-driven size reduction. Exported for reuse and testing. */
+export declare const computeResponsiveWidth: (maxWidth: number, viewportWidth: number) => number;
+export declare function useResponsiveWidth(maxWidth: number): number;
+export declare function useResponsiveWidth(maxWidth: ResponsiveWidth | undefined): ResponsiveWidth | undefined;

package/dist/hooks/useResponsiveWidth.es.js

@@ -0,0 +1,24 @@
+import { useState as i } from "react";
+import { useEventListener as u } from "./useEventListener.es.js";
+const r = 1280, c = 1024, p = 0.9, f = 0.8, l = 0.94, L = r, A = (e, t) => {
+  let n = e * f;
+  return t >= r ? n = e : t >= c && (n = e * p), Math.round(Math.min(n, t * l));
+}, s = () => typeof window > "u" ? L : window.innerWidth, _ = (e) => {
+  if (typeof e == "number") return e;
+  if (typeof e == "string") {
+    const t = /^\s*(\d+(?:\.\d+)?)px\s*$/.exec(e);
+    return t ? Number(t[1]) : null;
+  }
+  return null;
+};
+function E(e) {
+  const [t, n] = i(s);
+  u("resize", () => n(s()));
+  const o = _(e);
+  return o === null ? e : A(o, t);
+}
+export {
+  A as computeResponsiveWidth,
+  E as useResponsiveWidth
+};
+//# sourceMappingURL=useResponsiveWidth.es.js.map

package/dist/hooks/useResponsiveWidth.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveWidth.es.js","sources":["../../src/hooks/useResponsiveWidth.ts"],"sourcesContent":["import { useState } from \"react\";\n\nimport { useEventListener } from \"./useEventListener\";\n\n/**\n * Viewport-responsive sizing for overlay widths (Modal, Drawer, ResizableSidebar).\n *\n * The passed value is treated as the desktop (largest) size and is stepped down at\n * the lg/md breakpoints, then hard-capped to the viewport so it can never overflow.\n * Breakpoints follow Tailwind defaults; non-px CSS strings (\"80%\", \"100%\", \"90vw\")\n * pass through unchanged because they are already viewport-relative.\n */\n\n// Tailwind default breakpoints (px).\nconst BREAKPOINT_XL = 1280;\nconst BREAKPOINT_LG = 1024;\n\n// Fraction of the desktop size used below xl. At/below lg a size steps down to\n// SCALE_MD (a 500px drawer -> 400px on a tablet); the viewport cap shrinks it\n// further on smaller screens.\nconst SCALE_LG = 0.9;\nconst SCALE_MD = 0.8;\n\n// A width never exceeds this fraction of the viewport (prevents overflow).\nconst VIEWPORT_CAP = 0.94;\n\n// Assume a desktop viewport before the DOM is available (SSR / first paint).\nconst SSR_FALLBACK_WIDTH = BREAKPOINT_XL;\n\nexport type ResponsiveWidth = number | string;\n\n/** Pure viewport-driven size reduction. Exported for reuse and testing. */\nexport const computeResponsiveWidth = (\n  maxWidth: number,\n  viewportWidth: number\n): number => {\n  let tierWidth = maxWidth * SCALE_MD;\n  if (viewportWidth >= BREAKPOINT_XL) {\n    tierWidth = maxWidth;\n  } else if (viewportWidth >= BREAKPOINT_LG) {\n    tierWidth = maxWidth * SCALE_LG;\n  }\n  return Math.round(Math.min(tierWidth, viewportWidth * VIEWPORT_CAP));\n};\n\nconst getViewportWidth = (): number =>\n  typeof window === \"undefined\" ? SSR_FALLBACK_WIDTH : window.innerWidth;\n\n// Numeric px value to scale, or null when already responsive / absent.\nconst toPixels = (width: ResponsiveWidth | undefined): number | null => {\n  if (typeof width === \"number\") return width;\n  if (typeof width === \"string\") {\n    const match = /^\\s*(\\d+(?:\\.\\d+)?)px\\s*$/.exec(width);\n    return match ? Number(match[1]) : null;\n  }\n  return null;\n};\n\nexport function useResponsiveWidth(maxWidth: number): number;\nexport function useResponsiveWidth(\n  maxWidth: ResponsiveWidth | undefined\n): ResponsiveWidth | undefined;\nexport function useResponsiveWidth(\n  maxWidth: ResponsiveWidth | undefined\n): ResponsiveWidth | undefined {\n  const [viewportWidth, setViewportWidth] = useState<number>(getViewportWidth);\n\n  useEventListener(\"resize\", () => setViewportWidth(getViewportWidth()));\n\n  const pixels = toPixels(maxWidth);\n  return pixels === null\n    ? maxWidth\n    : computeResponsiveWidth(pixels, viewportWidth);\n}\n"],"names":["BREAKPOINT_XL","BREAKPOINT_LG","SCALE_LG","SCALE_MD","VIEWPORT_CAP","SSR_FALLBACK_WIDTH","computeResponsiveWidth","maxWidth","viewportWidth","tierWidth","getViewportWidth","toPixels","width","match","useResponsiveWidth","setViewportWidth","useState","useEventListener","pixels"],"mappings":";;AAcA,MAAMA,IAAgB,MAChBC,IAAgB,MAKhBC,IAAW,KACXC,IAAW,KAGXC,IAAe,MAGfC,IAAqBL,GAKdM,IAAyB,CACpCC,GACAC,MACW;AACX,MAAIC,IAAYF,IAAWJ;AAC3B,SAAIK,KAAiBR,IACnBS,IAAYF,IACHC,KAAiBP,MAC1BQ,IAAYF,IAAWL,IAElB,KAAK,MAAM,KAAK,IAAIO,GAAWD,IAAgBJ,CAAY,CAAC;AACrE,GAEMM,IAAmB,MACvB,OAAO,SAAW,MAAcL,IAAqB,OAAO,YAGxDM,IAAW,CAACC,MAAsD;AACtE,MAAI,OAAOA,KAAU,SAAU,QAAOA;AACtC,MAAI,OAAOA,KAAU,UAAU;AAC7B,UAAMC,IAAQ,4BAA4B,KAAKD,CAAK;AACpD,WAAOC,IAAQ,OAAOA,EAAM,CAAC,CAAC,IAAI;AAAA,EACpC;AACA,SAAO;AACT;AAMO,SAASC,EACdP,GAC6B;AAC7B,QAAM,CAACC,GAAeO,CAAgB,IAAIC,EAAiBN,CAAgB;AAE3E,EAAAO,EAAiB,UAAU,MAAMF,EAAiBL,EAAA,CAAkB,CAAC;AAErE,QAAMQ,IAASP,EAASJ,CAAQ;AAChC,SAAOW,MAAW,OACdX,IACAD,EAAuBY,GAAQV,CAAa;AAClD;"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                */const F=require("./components/forms/input-field/InputField.cjs.js"),d=require("./components/forms/base-input-field/BaseInputField.cjs.js"),E=require("./components/data-display/typography/Typography.cjs.js"),h=require("./components/forms/text-field/TextField.cjs.js"),P=require("./components/forms/text-area-field/TextAreaField.cjs.js"),A=require("./components/forms/master-data-input/MasterDataInputField.cjs.js"),M=require("./components/forms/select-field/SelectField.cjs.js"),b=require("./components/forms/checkbox/Checkbox.cjs.js"),O=require("./components/forms/checkbox/CheckboxComponent.cjs.js"),B=require("./components/forms/color-picker/ColorPicker.cjs.js"),f=require("./components/forms/creatable-select/CreatableSelect.cjs.js"),k=require("./components/forms/customizable-select-field/CustomizableSelectField.cjs.js"),N=require("./components/forms/currency-input/CurrencyInputField.cjs.js"),C=require("./components/forms/currency-input/currency.constant.cjs.js"),R=require("./components/forms/date-range/DateRange2.cjs.js"),x=require("./components/forms/date-range/DateRange.cjs.js"),a=require("./components/forms/date-time-field/DateTimeField.cjs.js"),v=require("./components/forms/debounce-input/DebounceInputField.cjs.js"),U=require("./components/forms/dynamic-data-input/DynamicDataInputField.cjs.js"),G=require("./components/forms/dynamic-data-input/DynamicDataInput.cjs.js"),w=require("./components/forms/link-input/LinkInputField.cjs.js"),_=require("./components/forms/percentage-input/PercentageInputField.cjs.js"),V=require("./components/forms/form/Form.cjs.js"),J=require("./components/forms/toggle/Toggle.cjs.js"),W=require("./constants/toggle.cjs.js"),K=require("./components/forms/md-input/MdInput.cjs.js"),H=require("./components/forms/multi-file-upload/MultiFileUpload.cjs.js"),p=require("./components/forms/icon-picker/IconPicker.cjs.js"),Y=require("./components/data-display/status-color-mapping/StatusColorMapping.cjs.js"),z=require("./components/data-display/badge/Badge.cjs.js"),$=require("./components/data-display/card/Card.cjs.js"),j=require("./components/data-display/modal/Modal.cjs.js"),Z=require("./components/data-display/floating-element-wrapper/floating-element-dragger.cjs.js"),Q=require("./components/data-display/tag/Tag.cjs.js"),X=require("./components/data-display/responsive-tags/ResponsiveTags.cjs.js"),ee=require("./components/data-display/label-value/LabelValue.cjs.js"),re=require("./components/data-display/banner/Banner.cjs.js"),te=require("./components/data-display/resizable-sidebar/ResizableSidebar.cjs.js"),oe=require("./components/data-display/pdf-viewer/PdfViewer.cjs.js"),ne=require("./components/data-display/popper/Popper.cjs.js"),ie=require("./components/tooltip/Tooltip.cjs.js"),q=require("./components/feedback/toast/Toast.cjs.js"),ae=require("./components/feedback/confirmation-modal/ConfirmationModal.cjs.js"),se=require("./components/data-display/code-editor/CodeEditor.cjs.js"),ue=require("./components/data-display/code-editor/Tabs.cjs.js"),ce=require("./services/monacoManager.cjs.js"),le=require("./hooks/useMonaco.cjs.js"),de=require("./hooks/usePythonSyntax.cjs.js"),Ce=require("./hooks/useTheme.cjs.js"),s=require("./utils/utilities.cjs.js"),pe=require("./utils/messageConstants.cjs.js"),t=require("./utils/formatters.cjs.js"),o=require("./utils/countryFlags.cjs.js"),qe=require("./components/icons/AIGeneratorIcon.cjs.js"),me=require("./components/icons/CountIcon.cjs.js"),ge=require("./components/icons/LaxIcon.cjs.js"),Ie=require("./components/icons/ComingSoonIcon.cjs.js"),De=require("./components/icons/CheckSmallIcon.cjs.js"),Se=require("./components/icons/EditIcon.cjs.js"),Te=require("./components/icons/CheckCircle.cjs.js"),ye=require("./components/icons/InfoAlert.cjs.js"),Le=require("./components/icons/ArchivedIcon.cjs.js"),Fe=require("./components/icons/InfoCircleIcon.cjs.js"),Ee=require("./components/data-display/access-denied-modal/AccessDeniedModal.cjs.js"),he=require("./components/data-display/in-progress/InProgress.cjs.js"),Pe=require("./components/data-display/unsaved-changes-modal/UnsavedChangesModal.cjs.js"),Ae=require("./components/data-display/error-modal/ErrorModal.cjs.js"),Me=require("./components/data-display/dynamic-data-modal/DynamicDataModal.cjs.js"),be=require("./components/data-display/delete-modal/DeleteModal.cjs.js"),m=require("./types/icon-picker.cjs.js"),g=require("./components/data-display/diff-viewer/DiffViewer.cjs.js"),Oe=require("./components/button/Button.cjs.js"),Be=require("./components/button/CardButton.cjs.js"),fe=require("./components/buttons/option-button/OptionButton.cjs.js"),ke=require("./components/button/IconButton.cjs.js"),Ne=require("./components/button/Radio.cjs.js"),Re=require("./components/button/ButtonThreeDots.cjs.js"),xe=require("./components/button/ButtonGroup.cjs.js"),ve=require("./components/floating-bar/FloatingBar.cjs.js"),Ue=require("./components/forms/search-bar/SearchBar.cjs.js"),Ge=require("./hooks/useOutsideClick.cjs.js"),we=require("./hooks/useModalContainer.cjs.js"),_e=require("./hooks/useScrollToTop.cjs.js"),Ve=require("./hooks/useEventListener.cjs.js"),Je=require("./hooks/useIsomorphicLayoutEffect.cjs.js"),We=require("./hooks/useKeepSearchBox.cjs.js"),Ke=require("./hooks/useResizeObserver.cjs.js"),e=require("./hooks/useOS.cjs.js"),He=require("./components/data-display/divider/Divider.cjs.js"),Ye=require("./components/data-display/skeleton/Skeleton.cjs.js"),ze=require("./components/data-display/skeleton/SkeletonGrid.cjs.js"),$e=require("./components/data-display/skeleton/enums.cjs.js"),je=require("./components/data-display/skeleton/constants.cjs.js"),i=require("./components/data-display/skeleton/utils.cjs.js"),Ze=require("./components/data-display/text/Text.cjs.js"),Qe=require("./components/data-display/text-with-strike/TextWithStrike.cjs.js"),Xe=require("./components/data-display/dynamic-items-cell/DynamicItemsCell.cjs.js"),er=require("./components/forms/number-input-field/NumberInputField.cjs.js"),I=require("./constants/layout.cjs.js"),rr=require("./components/forms/file-upload-dragger/FileUpload.cjs.js"),tr=require("./components/data-display/lottie-animation/LottieAnimation.cjs.js"),or=require("./components/data-display/datatype-icon/DataTypeIcon.cjs.js"),nr=require("./components/data-display/context-menu/ContextMenu.cjs.js"),ir=require("./components/data-display/permission-wrapper/PermissionWrapper.cjs.js"),ar=require("./components/data-display/comparison/components/NoAvailableContent.cjs.js"),sr=require("./components/forms/md-input/RichMarkdownInput.cjs.js"),ur=require("./components/forms/md-input/MarkdownPreview.cjs.js"),cr=require("./components/sliders/ImageSlider.cjs.js"),lr=require("./hooks/useTabState.cjs.js"),dr=require("./hooks/useTextWidth.cjs.js"),Cr=require("./components/icon/iconMap.generated.cjs.js"),pr=require("./components/data-display/infinite-table/index.cjs.js"),qr=require("./components/data-display/infinite-table/context.cjs.js"),mr=require("./hooks/useCheckbox.cjs.js"),gr=require("./components/data-display/infinite-table/body/cell/UserCell.cjs.js"),Ir=require("./components/dropdown/Dropdown.cjs.js"),Dr=require("./components/data-display/skeleton/loaders/PilotDetailsSkeleton.cjs.js"),Sr=require("./components/data-display/skeleton/loaders/TutorialsSkeleton.cjs.js"),Tr=require("./components/navigation/stepper/Stepper.cjs.js"),yr=require("./components/data-display/comparison/Comparison.cjs.js"),D=require("./components/data-display/json-grid-viewer/JsonGridViewer.cjs.js"),Lr=require("./components/forms/expanding-search-bar/ExpandingSearchBar.cjs.js"),Fr=require("./components/layout/PageContainer.cjs.js"),Er=require("./components/layout/Helmet.cjs.js"),hr=require("./components/layout/ComponentLoader.cjs.js"),Pr=require("./components/layout/LogoLoader.cjs.js"),Ar=require("./components/layout/CustomScrollbar.cjs.js"),Mr=require("./components/layout/ZoomContainer.cjs.js"),br=require("./components/navigation/breadcrumbs/BreadCrumb.cjs.js"),Or=require("./components/navigation/breadcrumbs/BreadCrumbItem.cjs.js"),Br=require("./components/data-display/skeleton/loaders/ProfileSettingsLoader.cjs.js"),fr=require("./components/data-display/skeleton/loaders/AgreementHeaderLoader.cjs.js"),kr=require("./components/data-display/skeleton/loaders/ClauseDetailsLoader.cjs.js"),Nr=require("./components/data-display/skeleton/loaders/SingleLineLoader.cjs.js"),Rr=require("./components/data-display/skeleton/loaders/FlowNodesLoader.cjs.js"),xr=require("./components/data-display/skeleton/loaders/TaskCardLoader.cjs.js"),vr=require("./components/data-display/skeleton/loaders/AppItemLoader.cjs.js"),Ur=require("./components/data-display/skeleton/loaders/NotificationListLoader.cjs.js"),Gr=require("./components/data-display/skeleton/loaders/EventDetailsLoader.cjs.js"),wr=require("./components/data-display/skeleton/loaders/ExecutionNoteLoader.cjs.js"),_r=require("./components/data-display/skeleton/loaders/LogItemSkeleton.cjs.js"),Vr=require("./components/data-display/skeleton/loaders/DoubleLineLoader.cjs.js"),Jr=require("./components/data-display/skeleton/loaders/InstalledAppItemLoader.cjs.js"),Wr=require("./components/data-display/skeleton/loaders/app-store/RecentlyAddedAppsSkeleton.cjs.js"),Kr=require("./components/data-display/skeleton/loaders/app-store/SingleAppCardSkeleton.cjs.js"),Hr=require("./components/data-display/skeleton/loaders/CalendarExportItemLoader.cjs.js"),Yr=require("./components/navigation/accordion/Accordion.cjs.js"),zr=require("./components/modal/drawer/Drawer.cjs.js"),$r=require("./components/modal/confirm-popup/ConfirmPopUp.cjs.js"),jr=require("./components/cards/card-header-view/CardHeaderView.cjs.js"),Zr=require("./components/cards/card-main/CardMain.cjs.js"),Qr=require("./components/cards/tab-content/TabContent.cjs.js"),Xr=require("./components/drag-and-drop/draggable-container/DraggableContainer.cjs.js"),et=require("./components/drag-and-drop/drag-overlay/DragOverlay.cjs.js"),rt=require("./components/sidebar/Sidebar.cjs.js"),tt=require("./components/user-avatar/UserAvatar.cjs.js"),ot=require("./components/user-avatar/UserAvatarPopper.cjs.js"),nt=require("./components/user-avatar/StatusInfoRow.cjs.js"),it=require("./components/user-avatar/PersonIcon.cjs.js"),S=require("./components/user-avatar/constants.cjs.js"),at=require("./components/user-avatar/useDynamicPosition.cjs.js"),st=require("./components/user-avatar/NameInitialLogo.cjs.js"),ut=require("./components/user-avatar/UserProfilePic.cjs.js"),ct=require("./components/data-display/empty-state/NoDataFound.cjs.js"),lt=require("./components/data-display/empty-state/PageNotFound.cjs.js"),dt=require("./components/data-display/empty-state/UserNotFound.cjs.js"),Ct=require("./components/data-display/empty-state/EmptyEvent.cjs.js"),pt=require("./components/data-display/empty-state/NoDataFoundWidgets.cjs.js"),qt=require("./components/data-display/empty-state/empty-widget/EmptyBarChartData.cjs.js"),mt=require("./components/data-display/empty-state/empty-widget/EmptyCardChartData.cjs.js"),gt=require("./components/data-display/empty-state/empty-widget/EmptyContentChart.cjs.js"),It=require("./components/data-display/empty-state/empty-widget/EmptyCountWidgetData.cjs.js"),Dt=require("./components/data-display/empty-state/empty-widget/EmptyDonutChartData.cjs.js"),St=require("./components/data-display/empty-state/empty-widget/EmptyPieChatData.cjs.js"),Tt=require("./components/data-display/empty-state/empty-widget/EmptyTableWidgetData.cjs.js"),yt=require("./components/data-display/empty-state/empty-widget/EmptyTimelineChartData.cjs.js"),T=require("./components/data-display/json-grid-viewer/JsonGridViewerContext.cjs.js"),Lt=require("./components/data-display/json-grid-viewer/JsonGridCore.cjs.js"),Ft=require("./components/data-display/json-grid-viewer/NestedJsonGrid.cjs.js"),Et=require("./components/data-display/json-grid-viewer/JsonValueDisplay.cjs.js"),ht=require("./components/data-display/json-grid-viewer/JsonGridBulkFloatingBar.cjs.js"),Pt=require("./components/data-display/json-grid-viewer/AddKeyModal.cjs.js"),At=require("./components/data-display/json-grid-viewer/hooks.cjs.js"),u=require("./components/data-display/json-grid-viewer/types.cjs.js"),c=require("./components/data-display/json-grid-viewer/utils.cjs.js"),Mt=require("./components/forms/field-options/FieldOptions.cjs.js"),bt=require("./components/data-display/progress-bar/LinearProgressBar.cjs.js"),Ot=require("./components/data-display/progress-bar/CircularProgressBar.cjs.js"),y=require("./components/data-display/comparison/ComparisonContext.cjs.js"),L=require("./components/data-display/comparison/constants.cjs.js"),n=require("./components/data-display/comparison/utils.cjs.js"),Bt=require("./components/data-display/comparison/icons/ExitIcon.cjs.js"),ft=require("./components/data-display/comparison/icons/LayoutOneIcon.cjs.js"),kt=require("./components/data-display/comparison/icons/LayoutTwoIcon.cjs.js"),Nt=require("./components/data-display/comparison/icons/LayoutThreeIcon.cjs.js"),Rt=require("./components/forms/formula-input/FormulaInput.cjs.js"),r=require("./components/forms/formula-input/utils.cjs.js"),xt=require("./components/shortcut-kbd/ShortcutKbd.cjs.js"),vt=require("./components/navigation/tabs/Tabs.cjs.js"),Ut=require("./components/navigation/tabs/types.cjs.js"),Gt=require("./providers/design-system-provider/DesignSystemProvider.cjs.js"),l=require("./providers/design-system-provider/hooks.cjs.js");exports.InputField=F.InputField;exports.BaseInputField=d.BaseInputField;exports.BaseInputFieldDefault=d.BaseInputField;exports.Typography=E.Typography;exports.TextField=h.TextField;exports.TextAreaField=P.TextAreaField;exports.MasterDataInputField=A.MasterDataInputField;exports.SelectField=M.SelectField;exports.Checkbox=b.Checkbox;exports.CheckboxComponent=O.CheckboxComponent;exports.ColorPicker=B.ColorPicker;exports.CreatableSelectField=f.CreatableSelectField;exports.CustomizableSelectField=k.CustomizableSelectField;exports.CurrencyInputField=N.CurrencyInputField;exports.CURRENCIES=C.CURRENCIES;exports.CURRENCY_SYMBOLS=C.CURRENCY_SYMBOLS;exports.DateRange2=R.DateRange2;exports.DateRange=x.DateRange;exports.DateTimeField=a.DateTimeField;exports.UNIVERSAL_DATETIME_FORMAT=a.UNIVERSAL_DATETIME_FORMAT;exports.UNIVERSAL_DATE_FORMAT=a.UNIVERSAL_DATE_FORMAT;exports.DebounceInputField=v.DebounceInputField;exports.DynamicDataInputField=U.DynamicDataInputField;exports.DynamicDataInput=G.DynamicDataInput;exports.LinkInputField=w.LinkInputField;exports.PercentageInputField=_.PercentageInputField;exports.Form=V.Form;exports.Toggle=J.Toggle;exports.TOGGLE_LABEL_DIRECTION=W.TOGGLE_LABEL_DIRECTION;exports.MdInput=K.MdInput;exports.MultiFileUpload=H.MultiFileUpload;exports.IconPicker=p.IconPicker;exports.IconRenderer=p.IconRenderer;exports.StatusColorMapping=Y.StatusColorMapping;exports.Badge=z.Badge;exports.Card=$.Card;exports.Modal=j.Modal;exports.FloatingElementWrapper=Z.FloatingElementWrapper;exports.Tag=Q.Tag;exports.ResponsiveTags=X;exports.LabelValue=ee.LabelValue;exports.Banner=re.Banner;exports.ResizableSidebar=te.ResizableSidebar;exports.PdfViewer=oe.PdfViewer;exports.Popper=ne.Popper;exports.Tooltip=ie;exports.Toast=q.Toast;exports.toast=q.toast;exports.ConfirmationModal=ae.ConfirmationModal;exports.CodeEditor=se.CodeEditor;exports.CodeEditorTabs=ue.Tabs;exports.monacoManager=ce.monacoManager;exports.useMonaco=le.useMonaco;exports.usePythonSyntax=de.usePythonSyntax;exports.useTheme=Ce.useTheme;exports.filterTopLevelPaths=s.filterTopLevelPaths;exports.parseJson=s.parseJson;exports.randomHexString=s.randomHexString;exports.systemMessages=pe.systemMessages;exports.formatBooleanValue=t.formatBooleanValue;exports.formatCount=t.formatCount;exports.formatCurrency=t.formatCurrency;exports.formatDate=t.formatDate;exports.isISODateString=t.isISODateString;exports.getFlagComponent=o.getFlagComponent;exports.getFlagComponentRectangle=o.getFlagComponentRectangle;exports.getFlagComponentRectangleMd=o.getFlagComponentRectangleMd;exports.getFlagComponentRectangleSm=o.getFlagComponentRectangleSm;exports.getFlagComponentSm=o.getFlagComponentSm;exports.AIGeneratorIcon=qe.AIGeneratorIcon;exports.CountIcon=me.CountIcon;exports.LaxIcon=ge.LaxIcon;exports.ComingSoonIcon=Ie.ComingSoonIcon;exports.CheckSmallIcon=De.CheckSmallIcon;exports.EditIcon=Se.EditIcon;exports.CheckCircle=Te.CheckCircle;exports.InfoAlert=ye.InfoAlert;exports.ArchivedIcon=Le.ArchivedIcon;exports.InfoCircleIcon=Fe.InfoCircleIcon;exports.AccessDeniedModal=Ee.AccessDeniedModal;exports.InProgress=he.InProgress;exports.UnsavedChangesModal=Pe.UnsavedChangesModal;exports.ErrorModal=Ae.ErrorModal;exports.DynamicDataModal=Me.DynamicDataModal;exports.DeleteModal=be.DeleteModal;exports.COUNTRY_CODES=m.COUNTRY_CODES;exports.countryNameFromCode=m.countryNameFromCode;exports.DiffViewer=g.DiffViewer;exports.InlineDiffHighlighter=g.InlineDiffHighlighter;exports.Button=Oe;exports.CardButton=Be.CardButton;exports.OptionButton=fe.OptionButton;exports.IconButton=ke;exports.Radio=Ne;exports.ButtonThreeDots=Re.ButtonThreeDots;exports.ButtonGroup=xe.ButtonGroup;exports.FloatingBar=ve.FloatingBar;exports.SearchBar=Ue.SearchBar;exports.useOutsideClick=Ge.useOutsideClick;exports.useModalContainer=we.useModalContainer;exports.useScrollToTop=_e.useScrollToTop;exports.useEventListener=Ve.useEventListener;exports.useIsomorphicLayoutEffect=Je.useIsomorphicLayoutEffect;exports.useKeepSearchBox=We.useKeepSearchBox;exports.useResizeObserver=Ke.useResizeObserver;exports.SHORTCUT_KEY_MAP=e.SHORTCUT_KEY_MAP;exports.detectOS=e.detectOS;exports.isMacOS=e.isMacOS;exports.mapShortcutKey=e.mapShortcutKey;exports.mapShortcutKeys=e.mapShortcutKeys;exports.useOS=e.useOS;exports.useShortcutKeys=e.useShortcutKeys;exports.Divider=He.Divider;exports.Skeleton=Ye.Skeleton;exports.SkeletonGrid=ze;exports.SKELETON_DIRECTION=$e.DIRECTION;exports.SKELETON_CONSTANTS=je;exports.skeletonGenerateGridArea=i.generateGridArea;exports.skeletonGenerateMargin=i.generateMargin;exports.skeletonItemsWithRepeat=i.itemsWithRepeat;exports.skeletonSetOpacity=i.setOpacity;exports.Text=Ze;exports.TextWithStrike=Qe;exports.DynamicItemsCell=Xe.DynamicItemsCell;exports.NumberInputField=er.NumberInputField;exports.MODES=I.MODES;exports.OPEN_DURATION_MS=I.OPEN_DURATION_MS;exports.FileUpload=rr.FileUpload;exports.LottieAnimation=tr.LottieAnimation;exports.DataTypeIcon=or.DataTypeIcon;exports.ContextMenu=nr.ContextMenu;exports.PermissionWrapper=ir.PermissionWrapper;exports.ComparisonNoAvailableContent=ar.NoAvailableContent;exports.RichMarkdownInput=sr.RichMarkdownInput;exports.MarkdownPreview=ur.MarkdownPreview;exports.ImageSlider=cr.ImageSlider;exports.useTabState=lr.useTabState;exports.useTextWidth=dr.useTextWidth;exports.iconNames=Cr.iconNames;exports.InfiniteTable=pr.InfiniteTable;exports.TableContext=qr.TableContext;exports.useCheckbox=mr.useCheckbox;exports.UserCell=gr;exports.Dropdown=Ir.Dropdown;exports.PilotDetailsSkeleton=Dr;exports.TutorialsSkeleton=Sr;exports.Stepper=Tr;exports.Comparison=yr;exports.JsonGrid=D.JsonGridViewer;exports.JsonGridViewer=D.JsonGridViewer;exports.ExpandingSearchBar=Lr.ExpandingSearchBar;exports.PageContainer=Fr.PageContainer;exports.Helmet=Er.Helmet;exports.ComponentLoader=hr.ComponentLoader;exports.LogoLoader=Pr.LogoLoader;exports.CustomScrollbar=Ar.CustomScrollbar;exports.ZoomContainer=Mr.ZoomContainer;exports.BreadCrumb=br.BreadCrumb;exports.BreadCrumbItem=Or.BreadCrumbItem;exports.ProfileSettingsLoader=Br;exports.AgreementHeaderLoader=fr;exports.ClauseDetailsLoader=kr;exports.SingleLineLoader=Nr;exports.FlowNodesLoader=Rr;exports.TaskCardLoader=xr;exports.AppItemLoader=vr;exports.NotificationListLoader=Ur;exports.EventDetailsLoader=Gr;exports.ExecutionNoteLoader=wr;exports.LogItemSkeleton=_r.LogItemSkeleton;exports.DoubleLineLoader=Vr;exports.InstalledAppItemLoader=Jr;exports.RecentlyAddedAppsSkeleton=Wr.RecentlyAddedAppsSkeleton;exports.SingleAppCardSkeleton=Kr.SingleAppCardSkeleton;exports.CalendarExportItemLoader=Hr;exports.Accordion=Yr.Accordion;exports.Drawer=zr.Drawer;exports.ConfirmPopUp=$r;exports.CardHeaderView=jr.CardHeaderView;exports.CardMain=Zr.CardMain;exports.TabContent=Qr.TabContent;exports.DraggableContainer=Xr.DraggableContainer;exports.DragOverlay=et.DragOverlay;exports.Sidebar=rt;exports.UserAvatar=tt.UserAvatar;exports.UserAvatarPopper=ot.UserAvatarPopper;exports.StatusInfoRow=nt.StatusInfoRow;exports.PersonIcon=it.PersonIcon;exports.getInitials=S.getInitials;exports.userAvatarSizeClasses=S.sizeClasses;exports.useDynamicPosition=at.useDynamicPosition;exports.NameInitialLogo=st.NameInitialLogo;exports.UserProfilePic=ut.UserProfilePic;exports.NoDataFound=ct.NoDataFound;exports.PageNotFound=lt.PageNotFound;exports.UserNotFound=dt.UserNotFound;exports.EmptyEvent=Ct.EmptyEvent;exports.NoDataFoundWidgets=pt.NoDataFoundWidgets;exports.EmptyBarChartData=qt.EmptyBarChartData;exports.EmptyCardListChartData=mt.EmptyCardListChartData;exports.EmptyContentChartData=gt.EmptyContentChartData;exports.EmptyCountWidgetData=It.EmptyCountWidgetData;exports.EmptyDonutChartData=Dt.EmptyDonutChartData;exports.EmptyPieChatData=St.EmptyPieChatData;exports.EmptyTableWidgetData=Tt.EmptyTableWidgetData;exports.EmptyTimelineChartData=yt.EmptyTimelineChartData;exports.JsonGridViewerContextProvider=T.JsonGridViewerContextProvider;exports.useJsonGridViewerContext=T.useJsonGridViewerContext;exports.JsonGridCore=Lt.JsonGridCore;exports.NestedJsonGrid=Ft.NestedJsonGrid;exports.JsonValueDisplay=Et.JsonValueDisplay;exports.JsonGridBulkFloatingBar=ht.JsonGridBulkFloatingBar;exports.AddKeyModal=Pt.AddKeyModal;exports.useCheckboxSelection=At.useCheckboxSelection;exports.DataTypeBadgeClass=u.DataTypeBadgeClass;exports.JsonGridDataType=u.DataType;exports.JsonGridDataTypeOptions=u.DataTypeOptions;exports.jsonGridFilterTopLevelPaths=c.filterTopLevelPaths;exports.jsonGridGetDataType=c.getDataType;exports.jsonGridParseJson=c.parseJson;exports.FieldOptions=Mt.FieldOptions;exports.LinearProgressBar=bt.LinearProgressBar;exports.CircularProgressBar=Ot.CircularProgressBar;exports.ComparisonContext=y.ComparisonContext;exports.ComparisonProvider=y.ComparisonProvider;exports.COMPARISON_LAYOUT=L.COMPARISON_LAYOUT;exports.DEFAULT_COMPARISON_LAYOUTS=L.DEFAULT_COMPARISON_LAYOUTS;exports.comparisonParseToIds=n.parseToIds;exports.filterVisibleItems=n.filterVisibleItems;exports.filteredOptions=n.filteredOptions;exports.getCurrentSelectValue=n.getCurrentSelectValue;exports.gridLayoutItems=n.gridLayoutItems;exports.ExitIcon=Bt.ExitIcon;exports.LayoutOneIcon=ft.LayoutOneIcon;exports.LayoutTwoIcon=kt.LayoutTwoIcon;exports.LayoutThreeIcon=Nt.LayoutThreeIcon;exports.FormulaInput=Rt;exports.convertFromPills=r.convertFromPills;exports.convertToPills=r.convertToPills;exports.getCursorCoordinates=r.getCursorCoordinates;exports.getCursorPosition=r.getCursorPosition;exports.getTextBeforeCursor=r.getTextBeforeCursor;exports.insertTextAtCursor=r.insertTextAtCursor;exports.setCursorPosition=r.setCursorPosition;exports.ShortcutKbd=xt.ShortcutKbd;exports.Tabs=vt.Tabs;exports.INITIAL_TAB_OPTION_CONFIG=Ut.INITIAL_TAB_OPTION_CONFIG;exports.DesignSystemProvider=Gt.DesignSystemProvider;exports.useDesignSystem=l.useDesignSystem;exports.useTabConfig=l.useTabConfig;exports.useTableConfig=l.useTableConfig;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                */const h=require("./components/forms/input-field/InputField.cjs.js"),d=require("./components/forms/base-input-field/BaseInputField.cjs.js"),E=require("./components/data-display/typography/Typography.cjs.js"),P=require("./components/forms/text-field/TextField.cjs.js"),A=require("./components/forms/text-area-field/TextAreaField.cjs.js"),M=require("./components/forms/master-data-input/MasterDataInputField.cjs.js"),b=require("./components/forms/select-field/SelectField.cjs.js"),O=require("./components/forms/checkbox/Checkbox.cjs.js"),B=require("./components/forms/checkbox/CheckboxComponent.cjs.js"),R=require("./components/forms/color-picker/ColorPicker.cjs.js"),f=require("./components/forms/creatable-select/CreatableSelect.cjs.js"),k=require("./components/forms/customizable-select-field/CustomizableSelectField.cjs.js"),N=require("./components/forms/currency-input/CurrencyInputField.cjs.js"),C=require("./components/forms/currency-input/currency.constant.cjs.js"),x=require("./components/forms/date-range/DateRange2.cjs.js"),v=require("./components/forms/date-range/DateRange.cjs.js"),a=require("./components/forms/date-time-field/DateTimeField.cjs.js"),U=require("./components/forms/debounce-input/DebounceInputField.cjs.js"),G=require("./components/forms/dynamic-data-input/DynamicDataInputField.cjs.js"),w=require("./components/forms/dynamic-data-input/DynamicDataInput.cjs.js"),_=require("./components/forms/link-input/LinkInputField.cjs.js"),V=require("./components/forms/percentage-input/PercentageInputField.cjs.js"),J=require("./components/forms/form/Form.cjs.js"),W=require("./components/forms/toggle/Toggle.cjs.js"),K=require("./constants/toggle.cjs.js"),H=require("./components/forms/md-input/MdInput.cjs.js"),Y=require("./components/forms/multi-file-upload/MultiFileUpload.cjs.js"),p=require("./components/forms/icon-picker/IconPicker.cjs.js"),z=require("./components/data-display/status-color-mapping/StatusColorMapping.cjs.js"),$=require("./components/data-display/badge/Badge.cjs.js"),j=require("./components/data-display/card/Card.cjs.js"),Z=require("./components/data-display/modal/Modal.cjs.js"),Q=require("./components/data-display/floating-element-wrapper/floating-element-dragger.cjs.js"),X=require("./components/data-display/tag/Tag.cjs.js"),ee=require("./components/data-display/responsive-tags/ResponsiveTags.cjs.js"),re=require("./components/data-display/label-value/LabelValue.cjs.js"),te=require("./components/data-display/banner/Banner.cjs.js"),oe=require("./components/data-display/resizable-sidebar/ResizableSidebar.cjs.js"),ne=require("./components/data-display/pdf-viewer/PdfViewer.cjs.js"),ie=require("./components/data-display/popper/Popper.cjs.js"),ae=require("./components/tooltip/Tooltip.cjs.js"),q=require("./components/feedback/toast/Toast.cjs.js"),se=require("./components/feedback/confirmation-modal/ConfirmationModal.cjs.js"),ue=require("./components/data-display/code-editor/CodeEditor.cjs.js"),ce=require("./components/data-display/code-editor/Tabs.cjs.js"),le=require("./services/monacoManager.cjs.js"),de=require("./hooks/useMonaco.cjs.js"),Ce=require("./hooks/usePythonSyntax.cjs.js"),pe=require("./hooks/useTheme.cjs.js"),s=require("./utils/utilities.cjs.js"),qe=require("./utils/messageConstants.cjs.js"),t=require("./utils/formatters.cjs.js"),o=require("./utils/countryFlags.cjs.js"),me=require("./components/icons/AIGeneratorIcon.cjs.js"),ge=require("./components/icons/CountIcon.cjs.js"),Ie=require("./components/icons/LaxIcon.cjs.js"),De=require("./components/icons/ComingSoonIcon.cjs.js"),Se=require("./components/icons/CheckSmallIcon.cjs.js"),Te=require("./components/icons/EditIcon.cjs.js"),ye=require("./components/icons/CheckCircle.cjs.js"),Le=require("./components/icons/InfoAlert.cjs.js"),Fe=require("./components/icons/ArchivedIcon.cjs.js"),he=require("./components/icons/InfoCircleIcon.cjs.js"),Ee=require("./components/data-display/access-denied-modal/AccessDeniedModal.cjs.js"),Pe=require("./components/data-display/in-progress/InProgress.cjs.js"),Ae=require("./components/data-display/unsaved-changes-modal/UnsavedChangesModal.cjs.js"),Me=require("./components/data-display/error-modal/ErrorModal.cjs.js"),be=require("./components/data-display/dynamic-data-modal/DynamicDataModal.cjs.js"),Oe=require("./components/data-display/delete-modal/DeleteModal.cjs.js"),m=require("./types/icon-picker.cjs.js"),g=require("./components/data-display/diff-viewer/DiffViewer.cjs.js"),Be=require("./components/button/Button.cjs.js"),Re=require("./components/button/CardButton.cjs.js"),fe=require("./components/buttons/option-button/OptionButton.cjs.js"),ke=require("./components/button/IconButton.cjs.js"),Ne=require("./components/button/Radio.cjs.js"),xe=require("./components/button/ButtonThreeDots.cjs.js"),ve=require("./components/button/ButtonGroup.cjs.js"),Ue=require("./components/floating-bar/FloatingBar.cjs.js"),Ge=require("./components/forms/search-bar/SearchBar.cjs.js"),we=require("./hooks/useOutsideClick.cjs.js"),_e=require("./hooks/useModalContainer.cjs.js"),Ve=require("./hooks/useScrollToTop.cjs.js"),Je=require("./hooks/useEventListener.cjs.js"),We=require("./hooks/useIsomorphicLayoutEffect.cjs.js"),Ke=require("./hooks/useKeepSearchBox.cjs.js"),He=require("./hooks/useResizeObserver.cjs.js"),I=require("./hooks/useResponsiveWidth.cjs.js"),e=require("./hooks/useOS.cjs.js"),Ye=require("./components/data-display/divider/Divider.cjs.js"),ze=require("./components/data-display/skeleton/Skeleton.cjs.js"),$e=require("./components/data-display/skeleton/SkeletonGrid.cjs.js"),je=require("./components/data-display/skeleton/enums.cjs.js"),Ze=require("./components/data-display/skeleton/constants.cjs.js"),i=require("./components/data-display/skeleton/utils.cjs.js"),Qe=require("./components/data-display/text/Text.cjs.js"),Xe=require("./components/data-display/text-with-strike/TextWithStrike.cjs.js"),er=require("./components/data-display/dynamic-items-cell/DynamicItemsCell.cjs.js"),rr=require("./components/forms/number-input-field/NumberInputField.cjs.js"),D=require("./constants/layout.cjs.js"),tr=require("./components/forms/file-upload-dragger/FileUpload.cjs.js"),or=require("./components/data-display/lottie-animation/LottieAnimation.cjs.js"),nr=require("./components/data-display/datatype-icon/DataTypeIcon.cjs.js"),ir=require("./components/data-display/context-menu/ContextMenu.cjs.js"),ar=require("./components/data-display/permission-wrapper/PermissionWrapper.cjs.js"),sr=require("./components/data-display/comparison/components/NoAvailableContent.cjs.js"),ur=require("./components/forms/md-input/RichMarkdownInput.cjs.js"),cr=require("./components/forms/md-input/MarkdownPreview.cjs.js"),lr=require("./components/sliders/ImageSlider.cjs.js"),dr=require("./hooks/useTabState.cjs.js"),Cr=require("./hooks/useTextWidth.cjs.js"),pr=require("./components/icon/iconMap.generated.cjs.js"),qr=require("./components/data-display/infinite-table/index.cjs.js"),mr=require("./components/data-display/infinite-table/context.cjs.js"),gr=require("./hooks/useCheckbox.cjs.js"),Ir=require("./components/data-display/infinite-table/body/cell/UserCell.cjs.js"),Dr=require("./components/dropdown/Dropdown.cjs.js"),Sr=require("./components/data-display/skeleton/loaders/PilotDetailsSkeleton.cjs.js"),Tr=require("./components/data-display/skeleton/loaders/TutorialsSkeleton.cjs.js"),yr=require("./components/navigation/stepper/Stepper.cjs.js"),Lr=require("./components/data-display/comparison/Comparison.cjs.js"),S=require("./components/data-display/json-grid-viewer/JsonGridViewer.cjs.js"),Fr=require("./components/forms/expanding-search-bar/ExpandingSearchBar.cjs.js"),hr=require("./components/layout/PageContainer.cjs.js"),Er=require("./components/layout/Helmet.cjs.js"),Pr=require("./components/layout/ComponentLoader.cjs.js"),Ar=require("./components/layout/LogoLoader.cjs.js"),Mr=require("./components/layout/CustomScrollbar.cjs.js"),br=require("./components/layout/ZoomContainer.cjs.js"),Or=require("./components/navigation/breadcrumbs/BreadCrumb.cjs.js"),Br=require("./components/navigation/breadcrumbs/BreadCrumbItem.cjs.js"),Rr=require("./components/data-display/skeleton/loaders/ProfileSettingsLoader.cjs.js"),fr=require("./components/data-display/skeleton/loaders/AgreementHeaderLoader.cjs.js"),kr=require("./components/data-display/skeleton/loaders/ClauseDetailsLoader.cjs.js"),Nr=require("./components/data-display/skeleton/loaders/SingleLineLoader.cjs.js"),xr=require("./components/data-display/skeleton/loaders/FlowNodesLoader.cjs.js"),vr=require("./components/data-display/skeleton/loaders/TaskCardLoader.cjs.js"),Ur=require("./components/data-display/skeleton/loaders/AppItemLoader.cjs.js"),Gr=require("./components/data-display/skeleton/loaders/NotificationListLoader.cjs.js"),wr=require("./components/data-display/skeleton/loaders/EventDetailsLoader.cjs.js"),_r=require("./components/data-display/skeleton/loaders/ExecutionNoteLoader.cjs.js"),Vr=require("./components/data-display/skeleton/loaders/LogItemSkeleton.cjs.js"),Jr=require("./components/data-display/skeleton/loaders/DoubleLineLoader.cjs.js"),Wr=require("./components/data-display/skeleton/loaders/InstalledAppItemLoader.cjs.js"),Kr=require("./components/data-display/skeleton/loaders/app-store/RecentlyAddedAppsSkeleton.cjs.js"),Hr=require("./components/data-display/skeleton/loaders/app-store/SingleAppCardSkeleton.cjs.js"),Yr=require("./components/data-display/skeleton/loaders/CalendarExportItemLoader.cjs.js"),zr=require("./components/navigation/accordion/Accordion.cjs.js"),$r=require("./components/modal/drawer/Drawer.cjs.js"),jr=require("./components/modal/confirm-popup/ConfirmPopUp.cjs.js"),Zr=require("./components/cards/card-header-view/CardHeaderView.cjs.js"),Qr=require("./components/cards/card-main/CardMain.cjs.js"),Xr=require("./components/cards/tab-content/TabContent.cjs.js"),et=require("./components/drag-and-drop/draggable-container/DraggableContainer.cjs.js"),rt=require("./components/drag-and-drop/drag-overlay/DragOverlay.cjs.js"),tt=require("./components/sidebar/Sidebar.cjs.js"),ot=require("./components/user-avatar/UserAvatar.cjs.js"),nt=require("./components/user-avatar/UserAvatarPopper.cjs.js"),it=require("./components/user-avatar/StatusInfoRow.cjs.js"),at=require("./components/user-avatar/PersonIcon.cjs.js"),T=require("./components/user-avatar/constants.cjs.js"),st=require("./components/user-avatar/useDynamicPosition.cjs.js"),ut=require("./components/user-avatar/NameInitialLogo.cjs.js"),ct=require("./components/user-avatar/UserProfilePic.cjs.js"),lt=require("./components/data-display/empty-state/NoDataFound.cjs.js"),dt=require("./components/data-display/empty-state/PageNotFound.cjs.js"),Ct=require("./components/data-display/empty-state/UserNotFound.cjs.js"),pt=require("./components/data-display/empty-state/EmptyEvent.cjs.js"),qt=require("./components/data-display/empty-state/NoDataFoundWidgets.cjs.js"),mt=require("./components/data-display/empty-state/empty-widget/EmptyBarChartData.cjs.js"),gt=require("./components/data-display/empty-state/empty-widget/EmptyCardChartData.cjs.js"),It=require("./components/data-display/empty-state/empty-widget/EmptyContentChart.cjs.js"),Dt=require("./components/data-display/empty-state/empty-widget/EmptyCountWidgetData.cjs.js"),St=require("./components/data-display/empty-state/empty-widget/EmptyDonutChartData.cjs.js"),Tt=require("./components/data-display/empty-state/empty-widget/EmptyPieChatData.cjs.js"),yt=require("./components/data-display/empty-state/empty-widget/EmptyTableWidgetData.cjs.js"),Lt=require("./components/data-display/empty-state/empty-widget/EmptyTimelineChartData.cjs.js"),y=require("./components/data-display/json-grid-viewer/JsonGridViewerContext.cjs.js"),Ft=require("./components/data-display/json-grid-viewer/JsonGridCore.cjs.js"),ht=require("./components/data-display/json-grid-viewer/NestedJsonGrid.cjs.js"),Et=require("./components/data-display/json-grid-viewer/JsonValueDisplay.cjs.js"),Pt=require("./components/data-display/json-grid-viewer/JsonGridBulkFloatingBar.cjs.js"),At=require("./components/data-display/json-grid-viewer/AddKeyModal.cjs.js"),Mt=require("./components/data-display/json-grid-viewer/hooks.cjs.js"),u=require("./components/data-display/json-grid-viewer/types.cjs.js"),c=require("./components/data-display/json-grid-viewer/utils.cjs.js"),bt=require("./components/forms/field-options/FieldOptions.cjs.js"),Ot=require("./components/data-display/progress-bar/LinearProgressBar.cjs.js"),Bt=require("./components/data-display/progress-bar/CircularProgressBar.cjs.js"),L=require("./components/data-display/comparison/ComparisonContext.cjs.js"),F=require("./components/data-display/comparison/constants.cjs.js"),n=require("./components/data-display/comparison/utils.cjs.js"),Rt=require("./components/data-display/comparison/icons/ExitIcon.cjs.js"),ft=require("./components/data-display/comparison/icons/LayoutOneIcon.cjs.js"),kt=require("./components/data-display/comparison/icons/LayoutTwoIcon.cjs.js"),Nt=require("./components/data-display/comparison/icons/LayoutThreeIcon.cjs.js"),xt=require("./components/forms/formula-input/FormulaInput.cjs.js"),r=require("./components/forms/formula-input/utils.cjs.js"),vt=require("./components/shortcut-kbd/ShortcutKbd.cjs.js"),Ut=require("./components/navigation/tabs/Tabs.cjs.js"),Gt=require("./components/navigation/tabs/types.cjs.js"),wt=require("./providers/design-system-provider/DesignSystemProvider.cjs.js"),l=require("./providers/design-system-provider/hooks.cjs.js");exports.InputField=h.InputField;exports.BaseInputField=d.BaseInputField;exports.BaseInputFieldDefault=d.BaseInputField;exports.Typography=E.Typography;exports.TextField=P.TextField;exports.TextAreaField=A.TextAreaField;exports.MasterDataInputField=M.MasterDataInputField;exports.SelectField=b.SelectField;exports.Checkbox=O.Checkbox;exports.CheckboxComponent=B.CheckboxComponent;exports.ColorPicker=R.ColorPicker;exports.CreatableSelectField=f.CreatableSelectField;exports.CustomizableSelectField=k.CustomizableSelectField;exports.CurrencyInputField=N.CurrencyInputField;exports.CURRENCIES=C.CURRENCIES;exports.CURRENCY_SYMBOLS=C.CURRENCY_SYMBOLS;exports.DateRange2=x.DateRange2;exports.DateRange=v.DateRange;exports.DateTimeField=a.DateTimeField;exports.UNIVERSAL_DATETIME_FORMAT=a.UNIVERSAL_DATETIME_FORMAT;exports.UNIVERSAL_DATE_FORMAT=a.UNIVERSAL_DATE_FORMAT;exports.DebounceInputField=U.DebounceInputField;exports.DynamicDataInputField=G.DynamicDataInputField;exports.DynamicDataInput=w.DynamicDataInput;exports.LinkInputField=_.LinkInputField;exports.PercentageInputField=V.PercentageInputField;exports.Form=J.Form;exports.Toggle=W.Toggle;exports.TOGGLE_LABEL_DIRECTION=K.TOGGLE_LABEL_DIRECTION;exports.MdInput=H.MdInput;exports.MultiFileUpload=Y.MultiFileUpload;exports.IconPicker=p.IconPicker;exports.IconRenderer=p.IconRenderer;exports.StatusColorMapping=z.StatusColorMapping;exports.Badge=$.Badge;exports.Card=j.Card;exports.Modal=Z.Modal;exports.FloatingElementWrapper=Q.FloatingElementWrapper;exports.Tag=X.Tag;exports.ResponsiveTags=ee;exports.LabelValue=re.LabelValue;exports.Banner=te.Banner;exports.ResizableSidebar=oe.ResizableSidebar;exports.PdfViewer=ne.PdfViewer;exports.Popper=ie.Popper;exports.Tooltip=ae;exports.Toast=q.Toast;exports.toast=q.toast;exports.ConfirmationModal=se.ConfirmationModal;exports.CodeEditor=ue.CodeEditor;exports.CodeEditorTabs=ce.Tabs;exports.monacoManager=le.monacoManager;exports.useMonaco=de.useMonaco;exports.usePythonSyntax=Ce.usePythonSyntax;exports.useTheme=pe.useTheme;exports.filterTopLevelPaths=s.filterTopLevelPaths;exports.parseJson=s.parseJson;exports.randomHexString=s.randomHexString;exports.systemMessages=qe.systemMessages;exports.formatBooleanValue=t.formatBooleanValue;exports.formatCount=t.formatCount;exports.formatCurrency=t.formatCurrency;exports.formatDate=t.formatDate;exports.isISODateString=t.isISODateString;exports.getFlagComponent=o.getFlagComponent;exports.getFlagComponentRectangle=o.getFlagComponentRectangle;exports.getFlagComponentRectangleMd=o.getFlagComponentRectangleMd;exports.getFlagComponentRectangleSm=o.getFlagComponentRectangleSm;exports.getFlagComponentSm=o.getFlagComponentSm;exports.AIGeneratorIcon=me.AIGeneratorIcon;exports.CountIcon=ge.CountIcon;exports.LaxIcon=Ie.LaxIcon;exports.ComingSoonIcon=De.ComingSoonIcon;exports.CheckSmallIcon=Se.CheckSmallIcon;exports.EditIcon=Te.EditIcon;exports.CheckCircle=ye.CheckCircle;exports.InfoAlert=Le.InfoAlert;exports.ArchivedIcon=Fe.ArchivedIcon;exports.InfoCircleIcon=he.InfoCircleIcon;exports.AccessDeniedModal=Ee.AccessDeniedModal;exports.InProgress=Pe.InProgress;exports.UnsavedChangesModal=Ae.UnsavedChangesModal;exports.ErrorModal=Me.ErrorModal;exports.DynamicDataModal=be.DynamicDataModal;exports.DeleteModal=Oe.DeleteModal;exports.COUNTRY_CODES=m.COUNTRY_CODES;exports.countryNameFromCode=m.countryNameFromCode;exports.DiffViewer=g.DiffViewer;exports.InlineDiffHighlighter=g.InlineDiffHighlighter;exports.Button=Be;exports.CardButton=Re.CardButton;exports.OptionButton=fe.OptionButton;exports.IconButton=ke;exports.Radio=Ne;exports.ButtonThreeDots=xe.ButtonThreeDots;exports.ButtonGroup=ve.ButtonGroup;exports.FloatingBar=Ue.FloatingBar;exports.SearchBar=Ge.SearchBar;exports.useOutsideClick=we.useOutsideClick;exports.useModalContainer=_e.useModalContainer;exports.useScrollToTop=Ve.useScrollToTop;exports.useEventListener=Je.useEventListener;exports.useIsomorphicLayoutEffect=We.useIsomorphicLayoutEffect;exports.useKeepSearchBox=Ke.useKeepSearchBox;exports.useResizeObserver=He.useResizeObserver;exports.computeResponsiveWidth=I.computeResponsiveWidth;exports.useResponsiveWidth=I.useResponsiveWidth;exports.SHORTCUT_KEY_MAP=e.SHORTCUT_KEY_MAP;exports.detectOS=e.detectOS;exports.isMacOS=e.isMacOS;exports.mapShortcutKey=e.mapShortcutKey;exports.mapShortcutKeys=e.mapShortcutKeys;exports.useOS=e.useOS;exports.useShortcutKeys=e.useShortcutKeys;exports.Divider=Ye.Divider;exports.Skeleton=ze.Skeleton;exports.SkeletonGrid=$e;exports.SKELETON_DIRECTION=je.DIRECTION;exports.SKELETON_CONSTANTS=Ze;exports.skeletonGenerateGridArea=i.generateGridArea;exports.skeletonGenerateMargin=i.generateMargin;exports.skeletonItemsWithRepeat=i.itemsWithRepeat;exports.skeletonSetOpacity=i.setOpacity;exports.Text=Qe;exports.TextWithStrike=Xe;exports.DynamicItemsCell=er.DynamicItemsCell;exports.NumberInputField=rr.NumberInputField;exports.MODES=D.MODES;exports.OPEN_DURATION_MS=D.OPEN_DURATION_MS;exports.FileUpload=tr.FileUpload;exports.LottieAnimation=or.LottieAnimation;exports.DataTypeIcon=nr.DataTypeIcon;exports.ContextMenu=ir.ContextMenu;exports.PermissionWrapper=ar.PermissionWrapper;exports.ComparisonNoAvailableContent=sr.NoAvailableContent;exports.RichMarkdownInput=ur.RichMarkdownInput;exports.MarkdownPreview=cr.MarkdownPreview;exports.ImageSlider=lr.ImageSlider;exports.useTabState=dr.useTabState;exports.useTextWidth=Cr.useTextWidth;exports.iconNames=pr.iconNames;exports.InfiniteTable=qr.InfiniteTable;exports.TableContext=mr.TableContext;exports.useCheckbox=gr.useCheckbox;exports.UserCell=Ir;exports.Dropdown=Dr.Dropdown;exports.PilotDetailsSkeleton=Sr;exports.TutorialsSkeleton=Tr;exports.Stepper=yr;exports.Comparison=Lr;exports.JsonGrid=S.JsonGridViewer;exports.JsonGridViewer=S.JsonGridViewer;exports.ExpandingSearchBar=Fr.ExpandingSearchBar;exports.PageContainer=hr.PageContainer;exports.Helmet=Er.Helmet;exports.ComponentLoader=Pr.ComponentLoader;exports.LogoLoader=Ar.LogoLoader;exports.CustomScrollbar=Mr.CustomScrollbar;exports.ZoomContainer=br.ZoomContainer;exports.BreadCrumb=Or.BreadCrumb;exports.BreadCrumbItem=Br.BreadCrumbItem;exports.ProfileSettingsLoader=Rr;exports.AgreementHeaderLoader=fr;exports.ClauseDetailsLoader=kr;exports.SingleLineLoader=Nr;exports.FlowNodesLoader=xr;exports.TaskCardLoader=vr;exports.AppItemLoader=Ur;exports.NotificationListLoader=Gr;exports.EventDetailsLoader=wr;exports.ExecutionNoteLoader=_r;exports.LogItemSkeleton=Vr.LogItemSkeleton;exports.DoubleLineLoader=Jr;exports.InstalledAppItemLoader=Wr;exports.RecentlyAddedAppsSkeleton=Kr.RecentlyAddedAppsSkeleton;exports.SingleAppCardSkeleton=Hr.SingleAppCardSkeleton;exports.CalendarExportItemLoader=Yr;exports.Accordion=zr.Accordion;exports.Drawer=$r.Drawer;exports.ConfirmPopUp=jr;exports.CardHeaderView=Zr.CardHeaderView;exports.CardMain=Qr.CardMain;exports.TabContent=Xr.TabContent;exports.DraggableContainer=et.DraggableContainer;exports.DragOverlay=rt.DragOverlay;exports.Sidebar=tt;exports.UserAvatar=ot.UserAvatar;exports.UserAvatarPopper=nt.UserAvatarPopper;exports.StatusInfoRow=it.StatusInfoRow;exports.PersonIcon=at.PersonIcon;exports.getInitials=T.getInitials;exports.userAvatarSizeClasses=T.sizeClasses;exports.useDynamicPosition=st.useDynamicPosition;exports.NameInitialLogo=ut.NameInitialLogo;exports.UserProfilePic=ct.UserProfilePic;exports.NoDataFound=lt.NoDataFound;exports.PageNotFound=dt.PageNotFound;exports.UserNotFound=Ct.UserNotFound;exports.EmptyEvent=pt.EmptyEvent;exports.NoDataFoundWidgets=qt.NoDataFoundWidgets;exports.EmptyBarChartData=mt.EmptyBarChartData;exports.EmptyCardListChartData=gt.EmptyCardListChartData;exports.EmptyContentChartData=It.EmptyContentChartData;exports.EmptyCountWidgetData=Dt.EmptyCountWidgetData;exports.EmptyDonutChartData=St.EmptyDonutChartData;exports.EmptyPieChatData=Tt.EmptyPieChatData;exports.EmptyTableWidgetData=yt.EmptyTableWidgetData;exports.EmptyTimelineChartData=Lt.EmptyTimelineChartData;exports.JsonGridViewerContextProvider=y.JsonGridViewerContextProvider;exports.useJsonGridViewerContext=y.useJsonGridViewerContext;exports.JsonGridCore=Ft.JsonGridCore;exports.NestedJsonGrid=ht.NestedJsonGrid;exports.JsonValueDisplay=Et.JsonValueDisplay;exports.JsonGridBulkFloatingBar=Pt.JsonGridBulkFloatingBar;exports.AddKeyModal=At.AddKeyModal;exports.useCheckboxSelection=Mt.useCheckboxSelection;exports.DataTypeBadgeClass=u.DataTypeBadgeClass;exports.JsonGridDataType=u.DataType;exports.JsonGridDataTypeOptions=u.DataTypeOptions;exports.jsonGridFilterTopLevelPaths=c.filterTopLevelPaths;exports.jsonGridGetDataType=c.getDataType;exports.jsonGridParseJson=c.parseJson;exports.FieldOptions=bt.FieldOptions;exports.LinearProgressBar=Ot.LinearProgressBar;exports.CircularProgressBar=Bt.CircularProgressBar;exports.ComparisonContext=L.ComparisonContext;exports.ComparisonProvider=L.ComparisonProvider;exports.COMPARISON_LAYOUT=F.COMPARISON_LAYOUT;exports.DEFAULT_COMPARISON_LAYOUTS=F.DEFAULT_COMPARISON_LAYOUTS;exports.comparisonParseToIds=n.parseToIds;exports.filterVisibleItems=n.filterVisibleItems;exports.filteredOptions=n.filteredOptions;exports.getCurrentSelectValue=n.getCurrentSelectValue;exports.gridLayoutItems=n.gridLayoutItems;exports.ExitIcon=Rt.ExitIcon;exports.LayoutOneIcon=ft.LayoutOneIcon;exports.LayoutTwoIcon=kt.LayoutTwoIcon;exports.LayoutThreeIcon=Nt.LayoutThreeIcon;exports.FormulaInput=xt;exports.convertFromPills=r.convertFromPills;exports.convertToPills=r.convertToPills;exports.getCursorCoordinates=r.getCursorCoordinates;exports.getCursorPosition=r.getCursorPosition;exports.getTextBeforeCursor=r.getTextBeforeCursor;exports.insertTextAtCursor=r.insertTextAtCursor;exports.setCursorPosition=r.setCursorPosition;exports.ShortcutKbd=vt.ShortcutKbd;exports.Tabs=Ut.Tabs;exports.INITIAL_TAB_OPTION_CONFIG=Gt.INITIAL_TAB_OPTION_CONFIG;exports.DesignSystemProvider=wt.DesignSystemProvider;exports.useDesignSystem=l.useDesignSystem;exports.useTabConfig=l.useTabConfig;exports.useTableConfig=l.useTableConfig;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -158,6 +158,8 @@ export { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
 export { useKeepSearchBox } from "./hooks/useKeepSearchBox";
 export { useResizeObserver } from "./hooks/useResizeObserver";
 export type { DimensionsData } from "./hooks/useResizeObserver";
+export { useResponsiveWidth, computeResponsiveWidth, } from "./hooks/useResponsiveWidth";
+export type { ResponsiveWidth } from "./hooks/useResponsiveWidth";
 export { useOS, useShortcutKeys, detectOS, isMacOS, mapShortcutKey, mapShortcutKeys, SHORTCUT_KEY_MAP, } from "./hooks/useOS";
 export type { OS } from "./hooks/useOS";
 export { PageContainer, Helmet, ComponentLoader, LogoLoader, CustomScrollbar, ZoomContainer } from "./components/layout";