@payloadcms/ui 3.67.0 → 3.68.0-internal-debug.2eb12b9

package/dist/elements/Drawer/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react';
@@ -10,198 +8,120 @@ import { Gutter } from '../Gutter/index.js';
 import './index.scss';
 const baseClass = 'drawer';
 export const drawerZBase = 100;
-export const formatDrawerSlug = ({
-  slug,
-  depth
-}) => `drawer_${depth}_${slug}`;
+export const formatDrawerSlug = ({ slug, depth })=>`drawer_${depth}_${slug}`;
 export { useDrawerSlug } from './useDrawerSlug.js';
-export const DrawerToggler = t0 => {
-  const $ = _c(4);
-  const {
-    slug,
-    children,
-    className,
-    disabled,
-    onClick,
-    ...rest
-  } = t0;
-  const {
-    openModal
-  } = useModal();
-  let t1;
-  if ($[0] !== onClick || $[1] !== openModal || $[2] !== slug) {
-    t1 = e => {
-      openModal(slug);
-      if (typeof onClick === "function") {
-        onClick(e);
-      }
-    };
-    $[0] = onClick;
-    $[1] = openModal;
-    $[2] = slug;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const handleClick = t1;
-  return _jsx("button", {
-    className,
-    disabled,
-    onClick: handleClick,
-    type: "button",
-    ...rest,
-    children
-  });
+export const DrawerToggler = ({ slug, children, className, disabled, onClick, ...rest })=>{
+    const { openModal } = useModal();
+    const handleClick = useCallback((e)=>{
+        openModal(slug);
+        if (typeof onClick === 'function') {
+            onClick(e);
+        }
+    }, [
+        openModal,
+        slug,
+        onClick
+    ]);
+    return /*#__PURE__*/ _jsx("button", {
+        className: className,
+        disabled: disabled,
+        onClick: handleClick,
+        type: "button",
+        ...rest,
+        children: children
+    });
 };
-export const Drawer = t0 => {
-  const $ = _c(22);
-  const {
-    slug,
-    children,
-    className,
-    gutter: t1,
-    Header,
-    hoverTitle,
-    title
-  } = t0;
-  const gutter = t1 === undefined ? true : t1;
-  const {
-    t
-  } = useTranslation();
-  const {
-    closeModal,
-    modalState
-  } = useModal();
-  const drawerDepth = useDrawerDepth();
-  const isOpen = !!modalState[slug]?.isOpen;
-  const [animateIn, setAnimateIn] = useState(isOpen);
-  let t2;
-  let t3;
-  if ($[0] !== isOpen) {
-    t2 = () => {
-      setAnimateIn(isOpen);
-    };
-    t3 = [isOpen];
-    $[0] = isOpen;
-    $[1] = t2;
-    $[2] = t3;
-  } else {
-    t2 = $[1];
-    t3 = $[2];
-  }
-  useLayoutEffect(t2, t3);
-  if (isOpen) {
-    const t4 = animateIn && `${baseClass}--is-open`;
-    const t5 = drawerDepth > 1 && `${baseClass}--nested`;
-    let t6;
-    if ($[3] !== className || $[4] !== t4 || $[5] !== t5) {
-      t6 = [className, baseClass, t4, t5].filter(Boolean);
-      $[3] = className;
-      $[4] = t4;
-      $[5] = t5;
-      $[6] = t6;
-    } else {
-      t6 = $[6];
+export const Drawer = ({ slug, children, className, gutter = true, Header, hoverTitle, title })=>{
+    const { t } = useTranslation();
+    const { closeModal, modalState } = useModal();
+    const drawerDepth = useDrawerDepth();
+    const isOpen = !!modalState[slug]?.isOpen;
+    const [animateIn, setAnimateIn] = useState(isOpen);
+    useLayoutEffect(()=>{
+        setAnimateIn(isOpen);
+    }, [
+        isOpen
+    ]);
+    if (isOpen) {
+        // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers
+        return /*#__PURE__*/ _jsx(DrawerDepthProvider, {
+            children: /*#__PURE__*/ _jsxs(Modal, {
+                className: [
+                    className,
+                    baseClass,
+                    animateIn && `${baseClass}--is-open`,
+                    drawerDepth > 1 && `${baseClass}--nested`
+                ].filter(Boolean).join(' '),
+                // Fixes https://github.com/payloadcms/payload/issues/13778
+                closeOnBlur: false,
+                slug: slug,
+                style: {
+                    zIndex: drawerZBase + drawerDepth
+                },
+                children: [
+                    (!drawerDepth || drawerDepth === 1) && /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__blur-bg`
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        "aria-label": t('general:close'),
+                        className: `${baseClass}__close`,
+                        id: `close-drawer__${slug}`,
+                        onClick: ()=>closeModal(slug),
+                        type: "button"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__content`,
+                        style: {
+                            width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__blur-bg-content`
+                            }),
+                            /*#__PURE__*/ _jsxs(Gutter, {
+                                className: `${baseClass}__content-children`,
+                                left: gutter,
+                                right: gutter,
+                                children: [
+                                    Header,
+                                    Header === undefined && /*#__PURE__*/ _jsxs("div", {
+                                        className: `${baseClass}__header`,
+                                        children: [
+                                            /*#__PURE__*/ _jsx("h2", {
+                                                className: `${baseClass}__header__title`,
+                                                title: hoverTitle ? title : null,
+                                                children: title
+                                            }),
+                                            /*#__PURE__*/ _jsx("button", {
+                                                "aria-label": t('general:close'),
+                                                className: `${baseClass}__header__close`,
+                                                id: `close-drawer__${slug}`,
+                                                onClick: ()=>closeModal(slug),
+                                                type: "button",
+                                                children: /*#__PURE__*/ _jsx(XIcon, {})
+                                            })
+                                        ]
+                                    }),
+                                    children
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        });
     }
-    const t7 = t6.join(" ");
-    const t8 = drawerZBase + drawerDepth;
-    let t9;
-    if ($[7] !== Header || $[8] !== children || $[9] !== closeModal || $[10] !== drawerDepth || $[11] !== gutter || $[12] !== hoverTitle || $[13] !== slug || $[14] !== t || $[15] !== t7 || $[16] !== t8 || $[17] !== title) {
-      let t10;
-      if ($[19] !== closeModal || $[20] !== slug) {
-        t10 = () => closeModal(slug);
-        $[19] = closeModal;
-        $[20] = slug;
-        $[21] = t10;
-      } else {
-        t10 = $[21];
-      }
-      t9 = _jsx(DrawerDepthProvider, {
-        children: _jsxs(Modal, {
-          className: t7,
-          closeOnBlur: false,
-          slug,
-          style: {
-            zIndex: t8
-          },
-          children: [(!drawerDepth || drawerDepth === 1) && _jsx("div", {
-            className: `${baseClass}__blur-bg`
-          }), _jsx("button", {
-            "aria-label": t("general:close"),
-            className: `${baseClass}__close`,
-            id: `close-drawer__${slug}`,
-            onClick: t10,
-            type: "button"
-          }), _jsxs("div", {
-            className: `${baseClass}__content`,
-            style: {
-              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`
-            },
-            children: [_jsx("div", {
-              className: `${baseClass}__blur-bg-content`
-            }), _jsxs(Gutter, {
-              className: `${baseClass}__content-children`,
-              left: gutter,
-              right: gutter,
-              children: [Header, Header === undefined && _jsxs("div", {
-                className: `${baseClass}__header`,
-                children: [_jsx("h2", {
-                  className: `${baseClass}__header__title`,
-                  title: hoverTitle ? title : null,
-                  children: title
-                }), _jsx("button", {
-                  "aria-label": t("general:close"),
-                  className: `${baseClass}__header__close`,
-                  id: `close-drawer__${slug}`,
-                  onClick: () => closeModal(slug),
-                  type: "button",
-                  children: _jsx(XIcon, {})
-                })]
-              }), children]
-            })]
-          })]
-        })
-      });
-      $[7] = Header;
-      $[8] = children;
-      $[9] = closeModal;
-      $[10] = drawerDepth;
-      $[11] = gutter;
-      $[12] = hoverTitle;
-      $[13] = slug;
-      $[14] = t;
-      $[15] = t7;
-      $[16] = t8;
-      $[17] = title;
-      $[18] = t9;
-    } else {
-      t9 = $[18];
-    }
-    return t9;
-  }
-  return null;
+    return null;
 };
-export const DrawerDepthContext = /*#__PURE__*/createContext(1);
-export const DrawerDepthProvider = t0 => {
-  const $ = _c(3);
-  const {
-    children
-  } = t0;
-  const parentDepth = useDrawerDepth();
-  const depth = parentDepth + 1;
-  let t1;
-  if ($[0] !== children || $[1] !== depth) {
-    t1 = _jsx(DrawerDepthContext, {
-      value: depth,
-      children
+export const DrawerDepthContext = /*#__PURE__*/ createContext(1);
+export const DrawerDepthProvider = ({ children })=>{
+    const parentDepth = useDrawerDepth();
+    const depth = parentDepth + 1;
+    return /*#__PURE__*/ _jsx(DrawerDepthContext, {
+        value: depth,
+        children: children
     });
-    $[0] = children;
-    $[1] = depth;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
 };
-export const useDrawerDepth = () => use(DrawerDepthContext);
+export const useDrawerDepth = ()=>use(DrawerDepthContext);
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","t0","$","children","className","disabled","onClick","rest","openModal","t1","e","handleClick","_jsx","type","Drawer","gutter","Header","hoverTitle","title","undefined","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","t2","t3","t4","t5","t6","filter","Boolean","t7","join","t8","t9","t10","DrawerDepthProvider","_jsxs","closeOnBlur","style","zIndex","id","width","left","right","DrawerDepthContext","parentDepth","value"],"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // Fixes https://github.com/payloadcms/payload/issues/13778\n          closeOnBlur={false}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // Fixes https://github.com/payloadcms/payload/issues/13778\n          closeOnBlur={false}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"names":["Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","children","className","disabled","onClick","rest","openModal","handleClick","e","button","type","Drawer","gutter","Header","hoverTitle","title","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","DrawerDepthProvider","filter","Boolean","join","closeOnBlur","style","zIndex","div","aria-label","id","width","left","right","undefined","h2","DrawerDepthContext","parentDepth","value"],"mappings":"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"}

package/dist/elements/Drawer/types.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=types.js.map

package/dist/elements/Drawer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly gutter?: boolean\n  readonly Header?: React.ReactNode\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"mappings":"AAYA","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Drawer/types.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport type Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly gutter?: boolean\n  readonly Header?: React.ReactNode\n  readonly hoverTitle?: boolean\n  readonly slug: string\n  readonly title?: string\n}\n\nexport type TogglerProps = {\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  slug: string\n} & HTMLAttributes<HTMLButtonElement>\n"],"names":[],"mappings":"AAYA,WAKqC"}

package/dist/elements/Drawer/useDrawerSlug.js

@@ -1,26 +1,14 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { useId } from 'react';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { formatDrawerSlug } from './index.js';
-export const useDrawerSlug = slug => {
-  const $ = _c(3);
-  const uuid = useId();
-  const editDepth = useEditDepth();
-  const t0 = `${slug}-${uuid}`;
-  let t1;
-  if ($[0] !== editDepth || $[1] !== t0) {
-    t1 = formatDrawerSlug({
-      slug: t0,
-      depth: editDepth
+export const useDrawerSlug = (slug)=>{
+    const uuid = useId();
+    const editDepth = useEditDepth();
+    return formatDrawerSlug({
+        slug: `${slug}-${uuid}`,
+        depth: editDepth
     });
-    $[0] = editDepth;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
 };
+
 //# sourceMappingURL=useDrawerSlug.js.map

package/dist/elements/Drawer/useDrawerSlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerSlug.js","names":["c","_c","useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","$","uuid","editDepth","t0","t1","depth"],"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["'use client'\nimport { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,KAAK,QAAQ;AAEtB,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,aAAA,GAAgBC,IAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAC3B,MAAAO,IAAA,GAAaN,KAAA;EACb,MAAAO,SAAA,GAAkBN,YAAA;EAEV,MAAAO,EAAA,MAAGJ,IAAA,IAAQE,IAAA,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,EAAA;IADlBC,EAAA,GAAAP,gBAAA;MAAAE,IAAA,EACCI,EAAiB;MAAAE,KAAA,EAChBH;IAAA,CACT;IAAAF,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAHOI,EAGP;AAAA,CACF","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Drawer/useDrawerSlug.tsx"],"sourcesContent":["'use client'\nimport { useId } from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { formatDrawerSlug } from './index.js'\n\nexport const useDrawerSlug = (slug: string): string => {\n  const uuid = useId()\n  const editDepth = useEditDepth()\n  return formatDrawerSlug({\n    slug: `${slug}-${uuid}`,\n    depth: editDepth,\n  })\n}\n"],"names":["useId","useEditDepth","formatDrawerSlug","useDrawerSlug","slug","uuid","editDepth","depth"],"mappings":"AAAA;AACA,SAASA,KAAK,QAAQ,QAAO;AAE7B,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,gBAAgB,QAAQ,aAAY;AAE7C,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAMC,OAAOL;IACb,MAAMM,YAAYL;IAClB,OAAOC,iBAAiB;QACtBE,MAAM,GAAGA,KAAK,CAAC,EAAEC,MAAM;QACvBE,OAAOD;IACT;AACF,EAAC"}

package/dist/elements/DrawerActionHeader/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { FormSubmit } from '../../forms/Submit/index.js';
@@ -8,63 +6,39 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'drawer-action-header';
-export const DrawerActionHeader = t0 => {
-  const $ = _c(10);
-  const {
-    cancelLabel,
-    className,
-    onCancel,
-    onSave,
-    saveLabel,
-    title
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = t1.join(" ");
-  let t3;
-  if ($[2] !== cancelLabel || $[3] !== onCancel || $[4] !== onSave || $[5] !== saveLabel || $[6] !== t || $[7] !== t2 || $[8] !== title) {
-    t3 = _jsx("div", {
-      className: t2,
-      children: _jsxs("div", {
-        className: `${baseClass}__content`,
-        children: [_jsx("h1", {
-          className: `${baseClass}__title`,
-          children: title
-        }), _jsxs("div", {
-          className: `${baseClass}__actions`,
-          children: [_jsx(Button, {
-            "aria-label": t("general:cancel"),
-            buttonStyle: "secondary",
-            onClick: onCancel,
-            children: cancelLabel || t("general:cancel")
-          }), _jsx(FormSubmit, {
-            "aria-label": t("general:applyChanges"),
-            onClick: onSave,
-            children: saveLabel || t("general:applyChanges")
-          })]
-        })]
-      })
+export const DrawerActionHeader = ({ cancelLabel, className, onCancel, onSave, saveLabel, title })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__content`,
+            children: [
+                /*#__PURE__*/ _jsx("h1", {
+                    className: `${baseClass}__title`,
+                    children: title
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__actions`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            "aria-label": t('general:cancel'),
+                            buttonStyle: "secondary",
+                            onClick: onCancel,
+                            children: cancelLabel || t('general:cancel')
+                        }),
+                        /*#__PURE__*/ _jsx(FormSubmit, {
+                            "aria-label": t('general:applyChanges'),
+                            onClick: onSave,
+                            children: saveLabel || t('general:applyChanges')
+                        })
+                    ]
+                })
+            ]
+        })
     });
-    $[2] = cancelLabel;
-    $[3] = onCancel;
-    $[4] = onSave;
-    $[5] = saveLabel;
-    $[6] = t;
-    $[7] = t2;
-    $[8] = title;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/DrawerActionHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","_jsx","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAA5DO,EAAA,GAAAC,IAAA,CAAC;MAAAZ,SAAA,EAAeS,EAA4C;MAAAI,QAAA,EAC1DC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAkB,QAAA,GACrCD,IAAA,CAAC;UAAAZ,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAkB,QAAA,EAAGT;QAAA,C,GAEvCU,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAkB,QAAA,GACrCD,IAAA,CAAAlB,MAAA;YAAA,cAAoBW,CAAA,CAAE;YAAAU,WAAA,EAA+B;YAAAC,OAAA,EAAqBf,QAAA;YAAAY,QAAA,EACvEd,WAAA,IAAeM,CAAA,CAAE;UAAA,C,GAGpBO,IAAA,CAAApB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAW,OAAA,EAAkCd,MAAA;YAAAW,QAAA,EACzDV,SAAA,IAAaE,CAAA,CAAE;UAAA,C;;;;;;;;;;;;;;;SAVxBM,E;CAgBJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","cancelLabel","className","onCancel","onSave","saveLabel","title","t","div","filter","Boolean","join","h1","aria-label","buttonStyle","onClick"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,KAAK,EACkB;IACvB,MAAM,EAAEC,CAAC,EAAE,GAAGV;IAEd,qBACE,KAACW;QAAIN,WAAW;YAACH;YAAWG;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;kBAC1D,cAAA,MAACH;YAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;8BACrC,KAACa;oBAAGV,WAAW,GAAGH,UAAU,OAAO,CAAC;8BAAGO;;8BAEvC,MAACE;oBAAIN,WAAW,GAAGH,UAAU,SAAS,CAAC;;sCACrC,KAACD;4BAAOe,cAAYN,EAAE;4BAAmBO,aAAY;4BAAYC,SAASZ;sCACvEF,eAAeM,EAAE;;sCAGpB,KAACX;4BAAWiB,cAAYN,EAAE;4BAAyBQ,SAASX;sCACzDC,aAAaE,EAAE;;;;;;;AAM5B,EAAC"}

package/dist/elements/DrawerContentContainer/index.js

@@ -2,13 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'drawer-content-container';
-export function DrawerContentContainer({
-  children,
-  className
-}) {
-  return /*#__PURE__*/_jsx("div", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    children: children
-  });
+export function DrawerContentContainer({ children, className }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: children
+    });
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/DrawerContentContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","DrawerContentContainer","children","className","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,uBAAuB;EAAEC,QAAQ;EAAEC;AAAS,CAAS;EACnE,oBAAOC,IAAA,CAAC;IAAID,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAAOL;;AAC5E","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"names":["React","baseClass","DrawerContentContainer","children","className","div","filter","Boolean","join"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,uBAAuB,EAAEC,QAAQ,EAAEC,SAAS,EAAS;IACnE,qBAAO,KAACC;QAAID,WAAW;YAACH;YAAWG;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;kBAAOL;;AAC5E"}