@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/PermanentlyDeleteButton/index.js

@@ -1,10 +1,11 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
-import { Fragment, useCallback } from 'react';
+import React, { Fragment, useCallback } from 'react';
 import { toast } from 'sonner';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentTitle } from '../../providers/DocumentTitle/index.js';
@@ -105,19 +106,57 @@ export const PermanentlyDeleteButton = (props)=>{
         startRouteTransition
     ]);
     if (id) {
-        return <Fragment>
-        <Button buttonStyle="secondary" id={buttonId} onClick={()=>{
-            openModal(modalSlug);
-        }}>
-          {t('general:permanentlyDelete')}
-        </Button>
-        <ConfirmationModal body={<Translation elements={{
-            '1': ({ children })=><strong>{children}</strong>
-        }} i18nKey="general:aboutToPermanentlyDelete" t={t} variables={{
-            label: getTranslation(singularLabel, i18n),
-            title: titleFromProps || title || id
-        }}/>} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={modalSlug} onConfirm={handleDelete}/>
-      </Fragment>;
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "secondary",
+                    id: buttonId,
+                    onClick: ()=>{
+                        openModal(modalSlug);
+                    },
+                    children: t('general:permanentlyDelete')
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 139,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Translation, {
+                        elements: {
+                            '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                    children: children
+                                }, void 0, false, {
+                                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                                    lineNumber: 152,
+                                    columnNumber: 40
+                                }, void 0)
+                        },
+                        i18nKey: "general:aboutToPermanentlyDelete",
+                        t: t,
+                        variables: {
+                            label: getTranslation(singularLabel, i18n),
+                            title: titleFromProps || title || id
+                        }
+                    }, void 0, false, {
+                        fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                        lineNumber: 150,
+                        columnNumber: 13
+                    }, void 0),
+                    confirmingLabel: t('general:deleting'),
+                    heading: t('general:confirmDeletion'),
+                    modalSlug: modalSlug,
+                    onConfirm: handleDelete
+                }, void 0, false, {
+                    fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+                    lineNumber: 148,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/PermanentlyDeleteButton/index.tsx",
+            lineNumber: 138,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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","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":"AAAA;;AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AACpD,SAASC,KAAK,QAAQ,SAAQ;AAI9B,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,WAAW,QAAQ,0BAAyB;AAYrD,OAAO,MAAMC,0BAA2C,CAACC;IACvD,MAAM,EACJC,EAAE,EACFC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,sBAAsB,IAAI,EAC1BC,aAAa,EACbC,OAAOC,cAAc,EACtB,GAAGR;IAEJ,MAAM,EACJS,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAEC,GAAG,EAAE,EAClCC,SAAS,EACV,EACDC,eAAe,EAChB,GAAGxB;IAEJ,MAAMyB,mBAAmBD,gBAAgB;QAAEZ;IAAe;IAC1D,MAAMc,SAASjC;IACf,MAAM,EAAEkC,IAAI,EAAEC,CAAC,EAAE,GAAGzB;IACpB,MAAM,EAAEa,KAAK,EAAE,GAAGf;IAClB,MAAM,EAAE4B,oBAAoB,EAAE,GAAG3B;IACjC,MAAM,EAAE4B,SAAS,EAAE,GAAGvC;IAEtB,MAAMwC,YAAY,CAAC,aAAa,EAAErB,IAAI;IAEtC,MAAMsB,kBAAkBlC,YAAY;QAClCC,MAAMkC,KAAK,CAACL,EAAE,uBAAuB;YAAEZ;QAAM;IAC/C,GAAG;QAACY;QAAGZ;KAAM;IAEb,MAAMkB,eAAepC,YAAY;QAC/B,IAAI;YACF,MAAMqC,MAAM,GAAGZ,YAAYD,IAAI,CAAC,EAAEV,eAAe,CAAC,EAAEjB,GAAGyC,SAAS,CAAC;gBAC/DC,OAAO;gBACPC,OAAO;oBACLC,KAAK;wBAAC;4BAAE7B,IAAI;gCAAE8B,QAAQ9B;4BAAG;wBAAE;wBAAG;4BAAE+B,WAAW;gCAAEC,QAAQ;4BAAK;wBAAE;qBAAE;gBAChE;YACF,IAAI;YAEJ,MAAMC,MAAM,MAAMvC,SAASwC,MAAM,CAACT,KAAK;gBACrCU,SAAS;oBACP,mBAAmBlB,KAAKmB,QAAQ;oBAChC,gBAAgB;gBAClB;YACF;YAEA,MAAMC,OAAO,MAAMJ,IAAII,IAAI;YAE3B,IAAIJ,IAAIK,MAAM,GAAG,KAAK;gBACpBjD,MAAMkD,OAAO,CACXrB,EAAE,wBAAwB;oBACxBsB,OAAO1D,eAAeuB,eAAeY;oBACrCX;gBACF,MAAM+B,KAAKI,OAAO;gBAGpB,IAAIrC,qBAAqB;oBACvB,OAAOe,qBAAqB,IAC1BH,OAAO0B,IAAI,CACT1D,eAAe;4BACb2B;4BACAgC,MAAM,CAAC,aAAa,EAAEzC,eAAe,MAAM,CAAC;wBAC9C;gBAGN;gBAEA,IAAI,OAAOC,aAAa,YAAY;oBAClC,MAAMA,SAAS;wBAAEH;wBAAIe;oBAAiB;gBACxC;gBAEA;YACF;YAEA,IAAIsB,KAAKO,MAAM,EAAE;gBACfP,KAAKO,MAAM,CAACC,OAAO,CAAC,CAACtB,QAAUlC,MAAMkC,KAAK,CAACA,MAAMkB,OAAO;YAC1D,OAAO;gBACLnB;YACF;QACF,EAAE,OAAOwB,MAAM;YACbxB;QACF;IACF,GAAG;QACDT;QACAD;QACAV;QACAF;QACAkB;QACAb;QACAiB;QACAL;QACAX;QACAU;QACAL;QACAP;QACAD;QACAY;QACAI;KACD;IAED,IAAInB,IAAI;QACN,qBACE,QAACb;;8BACC,QAACQ;oBACCoD,aAAY;oBACZ/C,IAAIC;oBACJ+C,SAAS;wBACP5B,UAAUC;oBACZ;8BAECH,EAAE;;;;;;8BAEL,QAACtB;oBACCqD,oBACE,QAACpD;wBACCqD,UAAU;4BACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;8CAAQD;;;;;;wBAClC;wBACAE,SAAQ;wBACRnC,GAAGA;wBACHoC,WAAW;4BACTd,OAAO1D,eAAeuB,eAAeY;4BACrCX,OAAOC,kBAAkBD,SAASN;wBACpC;;;;;;oBAGJuD,iBAAiBrC,EAAE;oBACnBsC,SAAStC,EAAE;oBACXG,WAAWA;oBACXoC,WAAWjC;;;;;;;;;;;;IAInB;IAEA,OAAO;AACT,EAAC"}

package/dist/elements/Pill/index.js

@@ -1,4 +1,6 @@
 'use client';
+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';
 /**
@@ -11,17 +13,25 @@ const DraggablePill = (props)=>{
     const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
         id
     });
-    return <StaticPill {...props} className={[
-        isDragging && `${baseClass}--is-dragging`,
-        className
-    ].filter(Boolean).join(' ')} elementProps={{
-        ...listeners,
-        ...attributes,
-        ref: setNodeRef,
-        style: {
-            transform
+    return /*#__PURE__*/ _jsxDEV(StaticPill, {
+        ...props,
+        className: [
+            isDragging && `${baseClass}--is-dragging`,
+            className
+        ].filter(Boolean).join(' '),
+        elementProps: {
+            ...listeners,
+            ...attributes,
+            ref: setNodeRef,
+            style: {
+                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;
@@ -44,17 +54,59 @@ const StaticPill = (props)=>{
     if (to) {
         Element = Link;
     }
-    return <Element {...elementProps} aria-checked={ariaChecked} aria-controls={ariaControls} aria-expanded={ariaExpanded} aria-label={ariaLabel} className={classes} href={to || null} id={id} onClick={onClick} type={Element === 'button' ? 'button' : undefined}>
-      <span className={`${baseClass}__label`}>{children}</span>
-      {Boolean(icon) && <span className={`${baseClass}__icon`}>{icon}</span>}
-    </Element>;
+    return /*#__PURE__*/ _jsxDEV(Element, {
+        ...elementProps,
+        "aria-checked": ariaChecked,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-label": ariaLabel,
+        className: classes,
+        href: to || null,
+        id: id,
+        onClick: onClick,
+        type: Element === 'button' ? 'button' : undefined,
+        children: [
+            /*#__PURE__*/ _jsxDEV("span", {
+                className: `${baseClass}__label`,
+                children: children
+            }, 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 <DraggablePill {...props}/>;
+        return /*#__PURE__*/ _jsxDEV(DraggablePill, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/Pill/index.tsx",
+            lineNumber: 146,
+            columnNumber: 12
+        }, this);
     }
-    return <StaticPill {...props}/>;
+    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":["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;AAG0B,iDAAiD;AAE3E,SAASA,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,QACGO,YACE,GAAGR,KAAK,EACTE,WAAW;QAACE,cAAc,GAAGN,UAAU,aAAa,CAAC;QAAEI;KAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC,MACvFC,cAAc;QACZ,GAAGP,SAAS;QACZ,GAAGF,UAAU;QACbU,KAAKP;QACLQ,OAAO;YACLP;QACF;IACF;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,QACGiC,SACE,GAAGjB,YAAY,EAChBkB,cAAcd,aACde,eAAed,cACfe,eAAed,cACfe,YAAYd,WACZjB,WAAW0B,SACXM,MAAMP,MAAM,MACZ1B,IAAIA,IACJsB,SAASA,SACTY,MAAMN,YAAY,WAAW,WAAWO,WACzC;MACC,CAACC,KAAKnC,WAAW,GAAGJ,UAAU,OAAO,CAAC,GAAGsB,WAAWiB,KAAK;MACzD,CAAC3B,QAAQY,UAAUe,KAAKnC,WAAW,GAAGJ,UAAU,MAAM,CAAC,GAAGwB,OAAOe,MAAM;IACzE,EAAER;AAEN;AAEA,OAAO,MAAMS,OAA4B,CAACtC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,QAAQtB,eAAe,GAAGC,KAAK;IACjC;IACA,QAAQQ,YAAY,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,4 +1,5 @@
 'use client';
+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';
@@ -17,18 +18,45 @@ const baseClass = 'pill-selector';
     // GOOD: Use conditional rendering directly: draggable ? <DraggableSortable /> : <div />
     const pillElements = React.useMemo(()=>{
         return pills.map((pill, i)=>{
-            return <Pill alignIcon="left" aria-checked={pill.selected} className={[
-                `${baseClass}__pill`,
-                pill.selected && `${baseClass}__pill--selected`
-            ].filter(Boolean).join(' ')} draggable={Boolean(draggable)} icon={pill.selected ? <XIcon/> : <PlusIcon/>} id={pill.name} key={pill.key ?? `${pill.name}-${i}`} onClick={()=>{
-                if (onClick) {
-                    void onClick({
-                        pill
-                    });
-                }
-            }} size="small">
-          {pill.Label ?? <span className={`${baseClass}__pill-label`}>{pill.name}</span>}
-        </Pill>;
+            return /*#__PURE__*/ _jsxDEV(Pill, {
+                alignIcon: "left",
+                "aria-checked": pill.selected,
+                className: [
+                    `${baseClass}__pill`,
+                    pill.selected && `${baseClass}__pill--selected`
+                ].filter(Boolean).join(' '),
+                draggable: Boolean(draggable),
+                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) {
+                        void onClick({
+                            pill
+                        });
+                    }
+                },
+                size: "small",
+                children: pill.Label ?? /*#__PURE__*/ _jsxDEV("span", {
+                    className: `${baseClass}__pill-label`,
+                    children: pill.name
+                }, 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,
@@ -36,16 +64,30 @@ const baseClass = 'pill-selector';
         draggable
     ]);
     if (draggable) {
-        return <DraggableSortable className={baseClass} ids={pills.map((pill)=>pill.name)} onDragEnd={({ moveFromIndex, moveToIndex })=>{
-            draggable.onDragEnd({
-                moveFromIndex,
-                moveToIndex
-            });
-        }}>
-        {pillElements}
-      </DraggableSortable>;
+        return /*#__PURE__*/ _jsxDEV(DraggableSortable, {
+            className: baseClass,
+            ids: pills.map((pill)=>pill.name),
+            onDragEnd: ({ moveFromIndex, moveToIndex })=>{
+                draggable.onDragEnd({
+                    moveFromIndex,
+                    moveToIndex
+                });
+            },
+            children: pillElements
+        }, void 0, false, {
+            fileName: "src/elements/PillSelector/index.tsx",
+            lineNumber: 66,
+            columnNumber: 7
+        }, this);
     }
-    return <div className={baseClass}>{pillElements}</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","key","size","Label","span","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,QACGV,KACCW,UAAU,OACVC,cAAcH,KAAKI,QAAQ,EAC3BC,WAAW;gBAAC,GAAGb,UAAU,MAAM,CAAC;gBAAEQ,KAAKI,QAAQ,IAAI,GAAGZ,UAAU,gBAAgB,CAAC;aAAC,CAC/Ec,MAAM,CAACC,SACPC,IAAI,CAAC,MACRd,WAAWa,QAAQb,YACnBe,MAAMT,KAAKI,QAAQ,IAAIf,WAAYD,YACnCsB,IAAIV,KAAKW,IAAI,EACbC,KAAKZ,KAAKY,GAAG,IAAI,GAAGZ,KAAKW,IAAI,CAAC,CAAC,EAAEV,GAAG,EACpCN,SAAS;gBACP,IAAIA,SAAS;oBACX,KAAKA,QAAQ;wBAAEK;oBAAK;gBACtB;YACF,GACAa,KAAK,QACN;UACC,CAACb,KAAKc,KAAK,KAAKC,KAAKV,WAAW,GAAGb,UAAU,YAAY,CAAC,GAAGQ,KAAKW,IAAI,GAAGI,MAAM;QACjF,EAAExB;QAEN;IACF,GAAG;QAACK;QAAOD;QAASD;KAAU;IAE9B,IAAIA,WAAW;QACb,QACGJ,kBACCe,WAAWb,WACXwB,KAAKpB,MAAMG,GAAG,CAAC,CAACC,OAASA,KAAKW,IAAI,GAClCM,WAAW,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YACxCzB,UAAUuB,SAAS,CAAC;gBAClBC;gBACAC;YACF;QACF,GACD;QACC,CAACtB,aAAa;MAChB,EAAEP;IAEN;IAEA,QAAQ8B,IAAIf,WAAWb,YAAYK,eAAeuB;AACpD,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,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import * as React from 'react';
 import { Link } from '../../Link/index.js';
 import './index.scss';
 const baseClass = 'popup-button-list';
@@ -11,7 +13,14 @@ export const ButtonGroup = ({ buttonSize = 'default', children, className, textA
         `${baseClass}__text-align--${textAlign}`,
         `${baseClass}__button-size--${buttonSize}`
     ].filter(Boolean).join(' ');
-    return <div className={classes}>{children}</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 = [
@@ -22,27 +31,50 @@ export const Button = ({ id, active, children, className, disabled, href, onClic
     ].filter(Boolean).join(' ');
     if (!disabled) {
         if (href) {
-            return <Link className={classes} href={href} id={id} onClick={(e)=>{
-                if (onClick) {
-                    onClick(e);
-                }
-            }} prefetch={false}>
-          {children}
-        </Link>;
+            return /*#__PURE__*/ _jsxDEV(Link, {
+                className: classes,
+                href: href,
+                id: id,
+                onClick: (e)=>{
+                    if (onClick) {
+                        onClick(e);
+                    }
+                },
+                prefetch: false,
+                children: children
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 62,
+                columnNumber: 9
+            }, this);
         }
         if (onClick) {
-            return <button className={classes} id={id} onClick={(e)=>{
-                if (onClick) {
-                    onClick(e);
-                }
-            }} type="button">
-          {children}
-        </button>;
+            return /*#__PURE__*/ _jsxDEV("button", {
+                className: classes,
+                id: id,
+                onClick: (e)=>{
+                    if (onClick) {
+                        onClick(e);
+                    }
+                },
+                type: "button",
+                children: children
+            }, void 0, false, {
+                fileName: "src/elements/Popup/PopupButtonList/index.tsx",
+                lineNumber: 80,
+                columnNumber: 9
+            }, this);
         }
     }
-    return <div className={classes} id={id}>
-      {children}
-    </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":["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;AAKA,SAASA,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,QAAQC,IAAIN,WAAWE,UAAUH,WAAWO;AAC9C,EAAC;AAYD,OAAO,MAAMC,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,QACGpB,KACCS,WAAWE,SACXS,MAAMA,MACNH,IAAIA,IACJI,SAAS,CAACC;gBACR,IAAID,SAAS;oBACXA,QAAQC;gBACV;YACF,GACAC,UAAU,OACX;UACC,CAACf,SAAS;QACZ,EAAER;QAEN;QAEA,IAAIqB,SAAS;YACX,QACGG,OACCf,WAAWE,SACXM,IAAIA,IACJI,SAAS,CAACC;gBACR,IAAID,SAAS;oBACXA,QAAQC;gBACV;YACF,GACAG,KAAK,SACN;UACC,CAACjB,SAAS;QACZ,EAAEgB;QAEN;IACF;IAEA,QACGT,IAAIN,WAAWE,SAASM,IAAIA,IAAI;MAC/B,CAACT,SAAS;IACZ,EAAEO;AAEN,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,7 +1,15 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'popup-divider';
 export const PopupListDivider = ()=>{
-    return <hr className={baseClass}/>;
+    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":["baseClass","PopupListDivider","hr","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,QAAQC,GAAGC,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,7 +1,16 @@
+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 <p className={baseClass}>{label}</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":["baseClass","PopupListGroupLabel","label","p","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB,OAAO,MAAMC,sBAER,CAAC,EAAEC,KAAK,EAAE;IACb,QAAQC,EAAEC,WAAWJ,YAAYE,QAAQC;AAC3C,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"}