@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PermanentlyDeleteButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly redirectAfterDelete?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const PermanentlyDeleteButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onDelete,\n    redirectAfterDelete = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `perma-delete-${id}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:deletingTitle', { title }))\n  }, [t, title])\n\n  const handleDelete = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const res = await requests.delete(url, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleDeleted', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterDelete) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/trash`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onDelete === 'function') {\n          await onDelete({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterDelete,\n    onDelete,\n    collectionConfig,\n    startRouteTransition,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"secondary\"\n          id={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:permanentlyDelete')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Translation\n              elements={{\n                '1': ({ children }) => <strong>{children}</strong>,\n              }}\n              i18nKey=\"general:aboutToPermanentlyDelete\"\n              t={t}\n              variables={{\n                label: getTranslation(singularLabel, i18n),\n                title: titleFromProps || title || id,\n              }}\n            />\n          }\n          confirmingLabel={t('general:deleting')}\n          heading={t('general:confirmDeletion')}\n          modalSlug={modalSlug}\n          onConfirm={handleDelete}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","toast","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","PermanentlyDeleteButton","props","id","buttonId","collectionSlug","onDelete","redirectAfterDelete","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","addDefaultError","error","handleDelete","url","stringify","trash","where","and","equals","deletedAt","exists","res","delete","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/Pill/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 // TODO: abstract this out to support all routers
 import { Link } from '../Link/index.js';
@@ -13,7 +13,7 @@ const DraggablePill = (props)=>{
     const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
         id
     });
-    return /*#__PURE__*/ _jsx(StaticPill, {
+    return /*#__PURE__*/ _jsxDEV(StaticPill, {
         ...props,
         className: [
             isDragging && `${baseClass}--is-dragging`,
@@ -27,7 +27,11 @@ const DraggablePill = (props)=>{
                 transform
             }
         }
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 63,
+        columnNumber: 5
+    }, this);
 };
 const StaticPill = (props)=>{
     const { id, alignIcon = 'right', 'aria-checked': ariaChecked, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-label': ariaLabel, children, className, draggable, elementProps, icon, onClick, pillStyle = 'light', rounded, size = 'medium', to } = props;
@@ -50,7 +54,7 @@ const StaticPill = (props)=>{
     if (to) {
         Element = Link;
     }
-    return /*#__PURE__*/ _jsxs(Element, {
+    return /*#__PURE__*/ _jsxDEV(Element, {
         ...elementProps,
         "aria-checked": ariaChecked,
         "aria-controls": ariaControls,
@@ -62,27 +66,47 @@ const StaticPill = (props)=>{
         onClick: onClick,
         type: Element === 'button' ? 'button' : undefined,
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__label`,
                 children: children
-            }),
-            Boolean(icon) && /*#__PURE__*/ _jsx("span", {
+            }, void 0, false, {
+                fileName: "src/elements/Pill/index.tsx",
+                lineNumber: 136,
+                columnNumber: 7
+            }, this),
+            Boolean(icon) && /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__icon`,
                 children: icon
-            })
+            }, void 0, false, {
+                fileName: "src/elements/Pill/index.tsx",
+                lineNumber: 137,
+                columnNumber: 25
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 124,
+        columnNumber: 5
+    }, this);
 };
 export const Pill = (props)=>{
     const { draggable } = props;
     if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggablePill, {
+        return /*#__PURE__*/ _jsxDEV(DraggablePill, {
             ...props
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Pill/index.tsx",
+            lineNumber: 146,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(StaticPill, {
+    return /*#__PURE__*/ _jsxDEV(StaticPill, {
         ...props
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Pill/index.tsx",
+        lineNumber: 148,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,KAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,MAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,KAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;YACxCV,QAAQY,uBAAS,KAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,KAACtB;YAAe,GAAGC,KAAK;;IACjC;IACA,qBAAO,KAACQ;QAAY,GAAGR,KAAK;;AAC9B,EAAC"}
+{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType, HTMLAttributes } from 'react'\n\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { Link } from '../Link/index.js'\n\nexport type PillStyle =\n  | 'always-white'\n  | 'dark'\n  | 'error'\n  | 'light'\n  | 'light-gray'\n  | 'success'\n  | 'warning'\n  | 'white'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: {\n    ref: React.RefCallback<HTMLElement>\n  } & HTMLAttributes<HTMLElement>\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  /**\n   * @default 'light'\n   */\n  pillStyle?: PillStyle\n  rounded?: boolean\n  size?: 'medium' | 'small'\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    id,\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    size = 'medium',\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    `${baseClass}--size-${size}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) {\n    Element = 'button'\n  }\n\n  if (to) {\n    Element = Link\n  }\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || null}\n      id={id}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      <span className={`${baseClass}__label`}>{children}</span>\n      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggablePill {...props} />\n  }\n  return <StaticPill {...props} />\n}\n"],"names":["React","Link","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","size","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAAC,iDAAiD;AAE3E,SAASC,IAAI,QAAQ,mBAAkB;AA2BrC;;GAEC,GAeH,SAASC,oBAAoB,QAAQ,qDAAoD;AACzF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,QAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;;;;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJC,EAAE,EACFc,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,OAAO,QAAQ,EACfC,EAAE,EACH,GAAG3B;IAEJ,MAAM4B,UAAU;QACd9B;QACA,GAAGA,UAAU,QAAQ,EAAE0B,WAAW;QAClC,GAAG1B,UAAU,OAAO,EAAE4B,MAAM;QAC5BxB,aAAaA;QACbyB,MAAM,GAAG7B,UAAU,UAAU,CAAC;QAC7B6B,CAAAA,MAAMJ,OAAM,KAAM,GAAGzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,GAAGxB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,GAAGxB,UAAU,aAAa,EAAEiB,WAAW;QAC/CM,aAAa,GAAGvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,GAAG3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIkB,UAAqD;IAEzD,IAAIN,WAAW,CAACI,IAAI;QAClBE,UAAU;IACZ;IAEA,IAAIF,IAAI;QACNE,UAAUjC;IACZ;IAEA,qBACE,QAACiC;QACE,GAAGjB,YAAY;QAChBkB,gBAAcd;QACde,iBAAed;QACfe,iBAAed;QACfe,cAAYd;QACZjB,WAAW0B;QACXM,MAAMP,MAAM;QACZ1B,IAAIA;QACJsB,SAASA;QACTY,MAAMN,YAAY,WAAW,WAAWO;;0BAExC,QAACC;gBAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGsB;;;;;;YACxCV,QAAQY,uBAAS,QAACe;gBAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC;0BAAGwB;;;;;;;;;;;;AAGhE;AAEA,OAAO,MAAMgB,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,QAACtB;YAAe,GAAGC,KAAK;;;;;;IACjC;IACA,qBAAO,QAACQ;QAAY,GAAGR,KAAK;;;;;;AAC9B,EAAC"}

package/dist/elements/PillSelector/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { PlusIcon } from '../../icons/Plus/index.js';
 import { XIcon } from '../../icons/X/index.js';
@@ -18,7 +18,7 @@ const baseClass = 'pill-selector';
     // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
     const pillElements = React.useMemo(()=>{
         return pills.map((pill, i)=>{
-            return /*#__PURE__*/ _jsx(Pill, {
+            return /*#__PURE__*/ _jsxDEV(Pill, {
                 alignIcon: "left",
                 "aria-checked": pill.selected,
                 className: [
@@ -26,7 +26,15 @@ const baseClass = 'pill-selector';
                     pill.selected && `${baseClass}__pill--selected`
                 ].filter(Boolean).join(' '),
                 draggable: Boolean(draggable),
-                icon: pill.selected ? /*#__PURE__*/ _jsx(XIcon, {}) : /*#__PURE__*/ _jsx(PlusIcon, {}),
+                icon: pill.selected ? /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 48,
+                    columnNumber: 33
+                }, void 0) : /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 48,
+                    columnNumber: 45
+                }, void 0),
                 id: pill.name,
                 onClick: ()=>{
                     if (onClick) {
@@ -36,11 +44,19 @@ const baseClass = 'pill-selector';
                     }
                 },
                 size: "small",
-                children: pill.Label ?? /*#__PURE__*/ _jsx("span", {
+                children: pill.Label ?? /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__pill-label`,
                     children: pill.name
-                })
-            }, pill.key ?? `${pill.name}-${i}`);
+                }, void 0, false, {
+                    fileName: "src/elements/PillSelector/index.tsx",
+                    lineNumber: 58,
+                    columnNumber: 26
+                }, this)
+            }, pill.key ?? `${pill.name}-${i}`, false, {
+                fileName: "src/elements/PillSelector/index.tsx",
+                lineNumber: 41,
+                columnNumber: 9
+            }, this);
         });
     }, [
         pills,
@@ -48,7 +64,7 @@ const baseClass = 'pill-selector';
         draggable
     ]);
     if (draggable) {
-        return /*#__PURE__*/ _jsx(DraggableSortable, {
+        return /*#__PURE__*/ _jsxDEV(DraggableSortable, {
             className: baseClass,
             ids: pills.map((pill)=>pill.name),
             onDragEnd: ({ moveFromIndex, moveToIndex })=>{
@@ -58,12 +74,20 @@ const baseClass = 'pill-selector';
                 });
             },
             children: pillElements
-        });
+        }, void 0, false, {
+            fileName: "src/elements/PillSelector/index.tsx",
+            lineNumber: 66,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: pillElements
-    });
+    }, void 0, false, {
+        fileName: "src/elements/PillSelector/index.tsx",
+        lineNumber: 81,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","alignIcon","aria-checked","selected","className","filter","Boolean","join","icon","id","name","size","Label","span","key","ids","onDragEnd","moveFromIndex","moveToIndex","div"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,0FAA0F;IAC1F,2FAA2F;IAC3F,8FAA8F;IAC9F,4FAA4F;IAC5F,wFAAwF;IACxF,MAAMC,eAAeV,MAAMW,OAAO,CAAC;QACjC,OAAOF,MAAMG,GAAG,CAAC,CAACC,MAAMC;YACtB,qBACE,KAACV;gBACCW,WAAU;gBACVC,gBAAcH,KAAKI,QAAQ;gBAC3BC,WAAW;oBAAC,GAAGb,UAAU,MAAM,CAAC;oBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;iBAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRd,WAAWa,QAAQb;gBACnBe,MAAMT,KAAKI,QAAQ,iBAAG,KAACf,2BAAW,KAACD;gBACnCsB,IAAIV,KAAKW,IAAI;gBAEbhB,SAAS;oBACP,IAAIA,SAAS;wBACX,KAAKA,QAAQ;4BAAEK;wBAAK;oBACtB;gBACF;gBACAY,MAAK;0BAEJZ,KAAKa,KAAK,kBAAI,KAACC;oBAAKT,WAAW,GAAGb,UAAU,YAAY,CAAC;8BAAGQ,KAAKW,IAAI;;eARjEX,KAAKe,GAAG,IAAI,GAAGf,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG;QAW1C;IACF,GAAG;QAACL;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,qBACE,KAACJ;YACCe,WAAWb;YACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI;YAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxCzB,UAAUuB,SAAS,CAAC;oBAClBC;oBACAC;gBACF;YACF;sBAECtB;;IAGP;IAEA,qBAAO,KAACuB;QAAIf,WAAWb;kBAAYK;;AACrC,EAAC"}
+{"version":3,"sources":["../../../src/elements/PillSelector/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { DraggableSortable } from '../DraggableSortable/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill-selector'\n\nexport type SelectablePill = {\n  key?: string\n  Label?: React.ReactNode\n  name: string\n  selected: boolean\n}\n\nexport type Props = {\n  draggable?: {\n    onDragEnd: (args: { moveFromIndex: number; moveToIndex: number }) => void\n  }\n  onClick?: (args: { pill: SelectablePill }) => Promise<void> | void\n  pills: SelectablePill[]\n}\n\n/**\n * Displays a wrappable list of pills that can be selected or deselected.\n * If `draggable` is true, the pills can be reordered by dragging.\n */\nexport const PillSelector: React.FC<Props> = ({ draggable, onClick, pills }) => {\n  // IMPORTANT: Do NOT wrap DraggableSortable in a dynamic component function using useMemo.\n  // BAD: useMemo(() => ({ children }) => <DraggableSortable>...</DraggableSortable>, [deps])\n  // This creates a new function reference on each recomputation, causing React to treat it as a\n  // different component type, triggering unmount/mount cycles instead of just updating props.\n  // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />\n  const pillElements = React.useMemo(() => {\n    return pills.map((pill, i) => {\n      return (\n        <Pill\n          alignIcon=\"left\"\n          aria-checked={pill.selected}\n          className={[`${baseClass}__pill`, pill.selected && `${baseClass}__pill--selected`]\n            .filter(Boolean)\n            .join(' ')}\n          draggable={Boolean(draggable)}\n          icon={pill.selected ? <XIcon /> : <PlusIcon />}\n          id={pill.name}\n          key={pill.key ?? `${pill.name}-${i}`}\n          onClick={() => {\n            if (onClick) {\n              void onClick({ pill })\n            }\n          }}\n          size=\"small\"\n        >\n          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}\n        </Pill>\n      )\n    })\n  }, [pills, onClick, draggable])\n\n  if (draggable) {\n    return (\n      <DraggableSortable\n        className={baseClass}\n        ids={pills.map((pill) => pill.name)}\n        onDragEnd={({ moveFromIndex, moveToIndex }) => {\n          draggable.onDragEnd({\n            moveFromIndex,\n            moveToIndex,\n          })\n        }}\n      >\n        {pillElements}\n      </DraggableSortable>\n    )\n  }\n\n  return <div className={baseClass}>{pillElements}</div>\n}\n"],"names":["React","PlusIcon","XIcon","DraggableSortable","Pill","baseClass","PillSelector","draggable","onClick","pills","pillElements","useMemo","map","pill","i","alignIcon","aria-checked","selected","className","filter","Boolean","join","icon","id","name","size","Label","span","key","ids","onDragEnd","moveFromIndex","moveToIndex","div"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,KAAK,QAAQ,yBAAwB;AAC9C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAiBlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE;IACzE,0FAA0F;IAC1F,2FAA2F;IAC3F,8FAA8F;IAC9F,4FAA4F;IAC5F,wFAAwF;IACxF,MAAMC,eAAeV,MAAMW,OAAO,CAAC;QACjC,OAAOF,MAAMG,GAAG,CAAC,CAACC,MAAMC;YACtB,qBACE,QAACV;gBACCW,WAAU;gBACVC,gBAAcH,KAAKI,QAAQ;gBAC3BC,WAAW;oBAAC,GAAGb,UAAU,MAAM,CAAC;oBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;iBAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRd,WAAWa,QAAQb;gBACnBe,MAAMT,KAAKI,QAAQ,iBAAG,QAACf;;;;2CAAW,QAACD;;;;;gBACnCsB,IAAIV,KAAKW,IAAI;gBAEbhB,SAAS;oBACP,IAAIA,SAAS;wBACX,KAAKA,QAAQ;4BAAEK;wBAAK;oBACtB;gBACF;gBACAY,MAAK;0BAEJZ,KAAKa,KAAK,kBAAI,QAACC;oBAAKT,WAAW,GAAGb,UAAU,YAAY,CAAC;8BAAGQ,KAAKW,IAAI;;;;;;eARjEX,KAAKe,GAAG,IAAI,GAAGf,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG;;;;;QAW1C;IACF,GAAG;QAACL;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,qBACE,QAACJ;YACCe,WAAWb;YACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI;YAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;gBACxCzB,UAAUuB,SAAS,CAAC;oBAClBC;oBACAC;gBACF;YACF;sBAECtB;;;;;;IAGP;IAEA,qBAAO,QAACuB;QAAIf,WAAWb;kBAAYK;;;;;;AACrC,EAAC"}

package/dist/elements/Popup/PopupButtonList/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 import { Link } from '../../Link/index.js';
 import './index.scss';
@@ -13,10 +13,14 @@ export const ButtonGroup = ({ buttonSize = 'default', children, className, textA
         `${baseClass}__text-align--${textAlign}`,
         `${baseClass}__button-size--${buttonSize}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+        lineNumber: 28,
+        columnNumber: 10
+    }, this);
 };
 export const Button = ({ id, active, children, className, disabled, href, onClick })=>{
     const classes = [
@@ -27,7 +31,7 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
     ].filter(Boolean).join(' ');
     if (!disabled) {
         if (href) {
-            return /*#__PURE__*/ _jsx(Link, {
+            return /*#__PURE__*/ _jsxDEV(Link, {
                 className: classes,
                 href: href,
                 id: id,
@@ -38,10 +42,14 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
                 },
                 prefetch: false,
                 children: children
-            });
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 62,
+                columnNumber: 9
+            }, this);
         }
         if (onClick) {
-            return /*#__PURE__*/ _jsx("button", {
+            return /*#__PURE__*/ _jsxDEV("button", {
                 className: classes,
                 id: id,
                 onClick: (e)=>{
@@ -51,14 +59,22 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
                 },
                 type: "button",
                 children: children
-            });
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 80,
+                columnNumber: 9
+            }, this);
         }
     }
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+        lineNumber: 97,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupButtonList/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","div","Button","id","active","disabled","href","onClick","e","prefetch","button","type"],"mappings":"AAAA;;AAGA,YAAYA,WAAW,QAAO;AAE9B,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASC,oBAAoBC,OAAO,QAAQ,2BAA0B;AACtE,SAASC,uBAAuBC,UAAU,QAAQ,8BAA6B;AAE/E,OAAO,MAAMC,cAKR,CAAC,EAAEC,aAAa,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,MAAM,EAAE;IACvE,MAAMC,UAAU;QACdV;QACAQ;QACA,GAAGR,UAAU,cAAc,EAAES,WAAW;QACxC,GAAGT,UAAU,eAAe,EAAEM,YAAY;KAC3C,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;IACR,qBAAO,KAACC;QAAIN,WAAWE;kBAAUH;;AACnC,EAAC;AAYD,OAAO,MAAMQ,SAAoC,CAAC,EAChDC,EAAE,EACFC,MAAM,EACNV,QAAQ,EACRC,SAAS,EACTU,QAAQ,EACRC,IAAI,EACJC,OAAO,EACR;IACC,MAAMV,UAAU;QACd,GAAGV,UAAU,QAAQ,CAAC;QACtBkB,YAAY,GAAGlB,UAAU,UAAU,CAAC;QACpCiB,UAAU,GAAGjB,UAAU,kBAAkB,CAAC;QAC1CQ;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACK,UAAU;QACb,IAAIC,MAAM;YACR,qBACE,KAACpB;gBACCS,WAAWE;gBACXS,MAAMA;gBACNH,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAC,UAAU;0BAETf;;QAGP;QAEA,IAAIa,SAAS;YACX,qBACE,KAACG;gBACCf,WAAWE;gBACXM,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAG,MAAK;0BAEJjB;;QAGP;IACF;IAEA,qBACE,KAACO;QAAIN,WAAWE;QAASM,IAAIA;kBAC1BT;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkProps } from 'next/link.js'\n\nimport * as React from 'react'\n\nimport { Link } from '../../Link/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup-button-list'\n\nexport { PopupListDivider as Divider } from '../PopupDivider/index.js'\nexport { PopupListGroupLabel as GroupLabel } from '../PopupGroupLabel/index.js'\n\nexport const ButtonGroup: React.FC<{\n  buttonSize?: 'default' | 'small'\n  children: React.ReactNode\n  className?: string\n  textAlign?: 'center' | 'left' | 'right'\n}> = ({ buttonSize = 'default', children, className, textAlign = 'left' }) => {\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}__text-align--${textAlign}`,\n    `${baseClass}__button-size--${buttonSize}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n  return <div className={classes}>{children}</div>\n}\n\ntype MenuButtonProps = {\n  active?: boolean\n  children: React.ReactNode\n  className?: string\n  disabled?: boolean\n  href?: LinkProps['href']\n  id?: string\n  onClick?: (e?: React.MouseEvent) => void\n}\n\nexport const Button: React.FC<MenuButtonProps> = ({\n  id,\n  active,\n  children,\n  className,\n  disabled,\n  href,\n  onClick,\n}) => {\n  const classes = [\n    `${baseClass}__button`,\n    disabled && `${baseClass}__disabled`,\n    active && `${baseClass}__button--selected`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (!disabled) {\n    if (href) {\n      return (\n        <Link\n          className={classes}\n          href={href}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          prefetch={false}\n        >\n          {children}\n        </Link>\n      )\n    }\n\n    if (onClick) {\n      return (\n        <button\n          className={classes}\n          id={id}\n          onClick={(e) => {\n            if (onClick) {\n              onClick(e)\n            }\n          }}\n          type=\"button\"\n        >\n          {children}\n        </button>\n      )\n    }\n  }\n\n  return (\n    <div className={classes} id={id}>\n      {children}\n    </div>\n  )\n}\n"],"names":["React","Link","baseClass","PopupListDivider","Divider","PopupListGroupLabel","GroupLabel","ButtonGroup","buttonSize","children","className","textAlign","classes","filter","Boolean","join","div","Button","id","active","disabled","href","onClick","e","prefetch","button","type"],"mappings":"AAAA;;AAGA,YAAYA,WAAW,QAAO;AAE9B,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,SAASC,oBAAoBC,OAAO,QAAQ,2BAA0B;AACtE,SAASC,uBAAuBC,UAAU,QAAQ,8BAA6B;AAE/E,OAAO,MAAMC,cAKR,CAAC,EAAEC,aAAa,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,MAAM,EAAE;IACvE,MAAMC,UAAU;QACdV;QACAQ;QACA,GAAGR,UAAU,cAAc,EAAES,WAAW;QACxC,GAAGT,UAAU,eAAe,EAAEM,YAAY;KAC3C,CACEK,MAAM,CAACC,SACPC,IAAI,CAAC;IACR,qBAAO,QAACC;QAAIN,WAAWE;kBAAUH;;;;;;AACnC,EAAC;AAYD,OAAO,MAAMQ,SAAoC,CAAC,EAChDC,EAAE,EACFC,MAAM,EACNV,QAAQ,EACRC,SAAS,EACTU,QAAQ,EACRC,IAAI,EACJC,OAAO,EACR;IACC,MAAMV,UAAU;QACd,GAAGV,UAAU,QAAQ,CAAC;QACtBkB,YAAY,GAAGlB,UAAU,UAAU,CAAC;QACpCiB,UAAU,GAAGjB,UAAU,kBAAkB,CAAC;QAC1CQ;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAI,CAACK,UAAU;QACb,IAAIC,MAAM;YACR,qBACE,QAACpB;gBACCS,WAAWE;gBACXS,MAAMA;gBACNH,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAC,UAAU;0BAETf;;;;;;QAGP;QAEA,IAAIa,SAAS;YACX,qBACE,QAACG;gBACCf,WAAWE;gBACXM,IAAIA;gBACJI,SAAS,CAACC;oBACR,IAAID,SAAS;wBACXA,QAAQC;oBACV;gBACF;gBACAG,MAAK;0BAEJjB;;;;;;QAGP;IACF;IAEA,qBACE,QAACO;QAAIN,WAAWE;QAASM,IAAIA;kBAC1BT;;;;;;AAGP,EAAC"}

package/dist/elements/Popup/PopupDivider/index.js

@@ -1,11 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-divider';
 export const PopupListDivider = ()=>{
-    return /*#__PURE__*/ _jsx("hr", {
+    return /*#__PURE__*/ _jsxDEV("hr", {
         className: baseClass
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupDivider/index.tsx",
+        lineNumber: 8,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupDivider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupDivider/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-divider'\n\nexport const PopupListDivider: React.FC = () => {\n  return <hr className={baseClass} />\n}\n"],"names":["React","baseClass","PopupListDivider","hr","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,qBAAO,KAACC;QAAGC,WAAWH;;AACxB,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupDivider/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-divider'\n\nexport const PopupListDivider: React.FC = () => {\n  return <hr className={baseClass} />\n}\n"],"names":["React","baseClass","PopupListDivider","hr","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,qBAAO,QAACC;QAAGC,WAAWH;;;;;;AACxB,EAAC"}

package/dist/elements/Popup/PopupGroupLabel/index.js

@@ -1,12 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-list-group-label';
 export const PopupListGroupLabel = ({ label })=>{
-    return /*#__PURE__*/ _jsx("p", {
+    return /*#__PURE__*/ _jsxDEV("p", {
         className: baseClass,
         children: label
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupGroupLabel/index.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupGroupLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupGroupLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-list-group-label'\n\nexport const PopupListGroupLabel: React.FC<{\n  label: string\n}> = ({ label }) => {\n  return <p className={baseClass}>{label}</p>\n}\n"],"names":["React","baseClass","PopupListGroupLabel","label","p","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,qBAAO,KAACC;QAAEC,WAAWJ;kBAAYE;;AACnC,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupGroupLabel/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-list-group-label'\n\nexport const PopupListGroupLabel: React.FC<{\n  label: string\n}> = ({ label }) => {\n  return <p className={baseClass}>{label}</p>\n}\n"],"names":["React","baseClass","PopupListGroupLabel","label","p","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,qBAAO,QAACC;QAAEC,WAAWJ;kBAAYE;;;;;;AACnC,EAAC"}

package/dist/elements/Popup/PopupTrigger/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'popup-button';
@@ -23,7 +23,7 @@ export const PopupTrigger = (props)=>{
         return null;
     }
     if (buttonType === 'custom') {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: classes,
             onClick: handleClick,
             onKeyDown: (e)=>{
@@ -34,9 +34,13 @@ export const PopupTrigger = (props)=>{
             role: "button",
             tabIndex: 0,
             children: button
-        });
+        }, void 0, false, {
+            fileName: "src/elements/Popup/PopupTrigger/index.tsx",
+            lineNumber: 43,
+            columnNumber: 7
+        }, this);
     }
-    return /*#__PURE__*/ _jsx("button", {
+    return /*#__PURE__*/ _jsxDEV("button", {
         className: classes,
         disabled: disabled,
         onClick: handleClick,
@@ -48,7 +52,11 @@ export const PopupTrigger = (props)=>{
         tabIndex: 0,
         type: "button",
         children: button
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Popup/PopupTrigger/index.tsx",
+        lineNumber: 60,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Popup/PopupTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport type PopupTriggerProps = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  disabled?: boolean\n  noBackground?: boolean\n  setActive: (active: boolean) => void\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n}\n\nexport const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {\n  const { active, button, buttonType, className, disabled, noBackground, setActive, size } = props\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--${buttonType}`,\n    !noBackground && `${baseClass}--background`,\n    size && `${baseClass}--size-${size}`,\n    disabled && `${baseClass}--disabled`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = React.useCallback(() => {\n    setActive(!active)\n  }, [active, setActive])\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleClick()\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          handleClick()\n        }\n      }}\n      tabIndex={0}\n      type=\"button\"\n    >\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","disabled","noBackground","setActive","size","classes","filter","Boolean","join","handleClick","useCallback","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGR;IAE3F,MAAMS,UAAU;QACdX;QACAM;QACA,GAAGN,UAAU,EAAE,EAAEK,YAAY;QAC7B,CAACG,gBAAgB,GAAGR,UAAU,YAAY,CAAC;QAC3CU,QAAQ,GAAGV,UAAU,OAAO,EAAEU,MAAM;QACpCH,YAAY,GAAGP,UAAU,UAAU,CAAC;KACrC,CACEY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,cAAchB,MAAMiB,WAAW,CAAC;QACpCP,UAAU,CAACN;IACb,GAAG;QAACA;QAAQM;KAAU;IAEtB,IAAIJ,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,KAACY;YACCX,WAAWK;YACXO,SAASH;YACTI,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oBACrBN;gBACF;YACF;YACAO,MAAK;YACLC,UAAU;sBAETnB;;IAGP;IAEA,qBACE,KAACA;QACCE,WAAWK;QACXJ,UAAUA;QACVW,SAASH;QACTI,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBN;YACF;QACF;QACAQ,UAAU;QACVC,MAAK;kBAEJpB;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport type PopupTriggerProps = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  disabled?: boolean\n  noBackground?: boolean\n  setActive: (active: boolean) => void\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n}\n\nexport const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {\n  const { active, button, buttonType, className, disabled, noBackground, setActive, size } = props\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--${buttonType}`,\n    !noBackground && `${baseClass}--background`,\n    size && `${baseClass}--size-${size}`,\n    disabled && `${baseClass}--disabled`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const handleClick = React.useCallback(() => {\n    setActive(!active)\n  }, [active, setActive])\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') {\n            handleClick()\n          }\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          handleClick()\n        }\n      }}\n      tabIndex={0}\n      type=\"button\"\n    >\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","disabled","noBackground","setActive","size","classes","filter","Boolean","join","handleClick","useCallback","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,SAAS,EAAEC,IAAI,EAAE,GAAGR;IAE3F,MAAMS,UAAU;QACdX;QACAM;QACA,GAAGN,UAAU,EAAE,EAAEK,YAAY;QAC7B,CAACG,gBAAgB,GAAGR,UAAU,YAAY,CAAC;QAC3CU,QAAQ,GAAGV,UAAU,OAAO,EAAEU,MAAM;QACpCH,YAAY,GAAGP,UAAU,UAAU,CAAC;KACrC,CACEY,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,cAAchB,MAAMiB,WAAW,CAAC;QACpCP,UAAU,CAACN;IACb,GAAG;QAACA;QAAQM;KAAU;IAEtB,IAAIJ,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,QAACY;YACCX,WAAWK;YACXO,SAASH;YACTI,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oBACrBN;gBACF;YACF;YACAO,MAAK;YACLC,UAAU;sBAETnB;;;;;;IAGP;IAEA,qBACE,QAACA;QACCE,WAAWK;QACXJ,UAAUA;QACVW,SAASH;QACTI,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBN;YACF;QACF;QACAQ,UAAU;QACVC,MAAK;kBAEJpB;;;;;;AAGP,EAAC"}

package/dist/elements/Popup/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 export * as PopupList from './PopupButtonList/index.js';
 import { useWindowInfo } from '@faceless-ui/window-info';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -119,20 +119,20 @@ export const Popup = (props)=>{
         active && `${baseClass}--active`,
         showScrollbar && `${baseClass}--show-scrollbar`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: classes,
         id: id,
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__trigger-wrap`,
                 ref: triggerRef,
-                children: showOnHover ? /*#__PURE__*/ _jsx("div", {
+                children: showOnHover ? /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__on-hover-watch`,
                     onMouseEnter: ()=>setActive(true),
                     onMouseLeave: ()=>setActive(false),
                     role: "button",
                     tabIndex: 0,
-                    children: /*#__PURE__*/ _jsx(PopupTrigger, {
+                    children: /*#__PURE__*/ _jsxDEV(PopupTrigger, {
                         active,
                         button,
                         buttonType,
@@ -141,8 +141,16 @@ export const Popup = (props)=>{
                         noBackground,
                         setActive,
                         size: buttonSize
-                    })
-                }) : /*#__PURE__*/ _jsx(PopupTrigger, {
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 196,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/Popup/index.tsx",
+                    lineNumber: 189,
+                    columnNumber: 11
+                }, this) : /*#__PURE__*/ _jsxDEV(PopupTrigger, {
                     active,
                     button,
                     buttonType,
@@ -151,18 +159,26 @@ export const Popup = (props)=>{
                     noBackground,
                     setActive,
                     size: buttonSize
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/Popup/index.tsx",
+                    lineNumber: 210,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Popup/index.tsx",
+                lineNumber: 187,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__content`,
                 ref: contentRef,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__hide-scrollbar`,
                         ref: intersectionRef,
-                        children: /*#__PURE__*/ _jsx("div", {
+                        children: /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__scroll-container`,
-                            children: /*#__PURE__*/ _jsxs("div", {
+                            children: /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__scroll-content`,
                                 children: [
                                     render && render({
@@ -170,16 +186,40 @@ export const Popup = (props)=>{
                                     }),
                                     children
                                 ]
-                            })
-                        })
-                    }),
-                    caret && /*#__PURE__*/ _jsx("div", {
+                            }, void 0, true, {
+                                fileName: "src/elements/Popup/index.tsx",
+                                lineNumber: 228,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/Popup/index.tsx",
+                            lineNumber: 227,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 226,
+                        columnNumber: 9
+                    }, this),
+                    caret && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__caret`
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Popup/index.tsx",
+                        lineNumber: 235,
+                        columnNumber: 19
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Popup/index.tsx",
+                lineNumber: 225,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Popup/index.tsx",
+        lineNumber: 186,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map