@zydon/common 2.7.62 → 2.7.64

package/dist/components/form/Webhook/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form/Webhook/index.tsx","../../../../src/components/form/Webhook/props.ts","../../../../src/components/form/Webhook/styles.ts","../../../../src/components/form/Webhook/WebhookAlert.tsx"],"names":["useFieldArray","useFormContext","Divider","IconButton","InputAdornment","Stack","Typography","ContentTypeOptions","HttpMethodOptions","Alert","alpha","styled","SyledIconButton","theme","SyledDeleteIcon","StyledTypography","StyledAlert","jsx","jsxs","WebhookAlert","handleLinkClick","url","WebhookAlert_default","Fragment","Webhook","webhookData","isEditing","haveTip","control","headers","append","remove","handleCreateField","Field_default","Icon_default","Autocomplete_default","item","index","ActionButton_default","Webhook_default"],"mappings":"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","sourcesContent":["import { useFieldArray, useFormContext } from 'react-hook-form';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ActionButton from 'components/ActionButton';\nimport Icon from 'components/Icon';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\n\nimport { ContentTypeOptions, HttpMethodOptions, WebhookProps } from './props';\nimport { SyledIconButton } from './styles';\nimport WebhookAlert from './WebhookAlert';\n\nconst Webhook = ({\n  webhookData,\n  isEditing = false,\n  haveTip = false,\n}: WebhookProps) => {\n  const { control } = useFormContext();\n\n  const {\n    fields: headers,\n    append,\n    remove,\n  } = useFieldArray({\n    name: 'headers',\n    control,\n  });\n\n  const handleCreateField = () => {\n    append({\n      value: '',\n      name: '',\n    });\n  };\n\n  return (\n    <>\n      {haveTip && <WebhookAlert />}\n      {isEditing && <Field name=\"name\" label=\"Nome do webhook\" />}\n      <Stack direction=\"row\" gap={2}>\n        <Field\n          name=\"url\"\n          label=\"URL de endpoint\"\n          rules={{ required: { value: true, message: 'Url é obrigatório' } }}\n        />\n        <Field name=\"filter\" label=\"Filtro\" />\n      </Stack>\n      {isEditing && webhookData && (\n        <>\n          <Field variant=\"filled\" name=\"solution\" label=\"Solução\" disabled />\n          <Stack direction=\"row\" gap={2}>\n            <Field variant=\"filled\" name=\"resource\" label=\"Origem\" disabled />\n            <Field\n              variant=\"filled\"\n              name=\"resource_id\"\n              label=\"ID origem\"\n              disabled\n              InputProps={{\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SyledIconButton\n                      onClick={() =>\n                        navigator.clipboard.writeText(webhookData.resource_id)\n                      }\n                    >\n                      <Icon className=\"copyIcon\" icon=\"COPY_CONTENT\" />\n                    </SyledIconButton>\n                  </InputAdornment>\n                ),\n              }}\n            />\n            <Field variant=\"filled\" name=\"event\" label=\"Evento\" disabled />\n          </Stack>\n        </>\n      )}\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        <Autocomplete\n          fullWidth\n          options={ContentTypeOptions}\n          name=\"content_type\"\n          label=\"Tipo de conteúdo\"\n          required\n          rules={{\n            required: {\n              value: true,\n              message: 'Campo Tipo de conteúdo é obrigatório',\n            },\n          }}\n        />\n        <Autocomplete\n          fullWidth\n          options={HttpMethodOptions}\n          name=\"http_method\"\n          label=\"Método HTTP\"\n          required\n          rules={{\n            required: {\n              value: true,\n              message: 'Campo Método HTTP é obrigatório',\n            },\n          }}\n        />\n      </Stack>\n      <Typography variant=\"overline\" color=\"grey\">\n        Cabeçalho\n      </Typography>\n      {headers?.map((item, index) => (\n        <Stack key={item.id} direction=\"row\" gap={2} alignItems=\"center\">\n          <Field\n            name={`headers.${index}.name`}\n            label=\"Chave\"\n            required\n            rules={{\n              required: {\n                value: true,\n                message: '',\n              },\n            }}\n          />\n          <Field name={`headers.${index}.value`} label=\"Valor\" />\n          <IconButton color=\"error\" onClick={() => remove(index)}>\n            <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n          </IconButton>\n        </Stack>\n      ))}\n      <ActionButton\n        actionType=\"NEW\"\n        size=\"large\"\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        onClick={() => handleCreateField()}\n      >\n        Adicionar novo cabeçalho\n      </ActionButton>\n      <Divider />\n    </>\n  );\n};\n\nexport default Webhook;\n","import { WebhookType } from 'types/webhook';\n\nexport interface WebhookProps {\n  webhookData?: WebhookType;\n  isEditing?: boolean;\n  haveTip?: boolean;\n}\nexport enum ContentTypeStatus {\n  XML = 'XML',\n  JSON = 'JSON',\n  BYTEA = 'BYTEA',\n}\n\nexport enum HttpMethodStatus {\n  GET = 'GET',\n  POST = 'POST',\n  PATCH = 'PATCH',\n  DELETE = 'DELETE',\n  PUT = 'PUT',\n}\n\nexport const ContentTypeOptions = [\n  {\n    label: ContentTypeStatus.XML,\n    value: ContentTypeStatus.XML,\n  },\n  {\n    label: ContentTypeStatus.JSON,\n    value: ContentTypeStatus.JSON,\n  },\n  {\n    label: ContentTypeStatus.BYTEA,\n    value: ContentTypeStatus.BYTEA,\n  },\n];\n\nexport const HttpMethodOptions = [\n  {\n    label: HttpMethodStatus.GET,\n    value: HttpMethodStatus.GET,\n  },\n  {\n    label: HttpMethodStatus.POST,\n    value: HttpMethodStatus.POST,\n  },\n  {\n    label: HttpMethodStatus.DELETE,\n    value: HttpMethodStatus.DELETE,\n  },\n  {\n    label: HttpMethodStatus.PUT,\n    value: HttpMethodStatus.PUT,\n  },\n];\n","import Alert from '@mui/material/Alert';\nimport IconButton from '@mui/material/IconButton';\nimport { alpha, styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const SyledIconButton = styled(IconButton)(({ theme }) => ({\n  svg: {\n    color: `${theme.palette.primary.main} !important`,\n  },\n}));\n\nexport const SyledDeleteIcon = styled(IconButton)(() => ({\n  height: '38px',\n  alignSelf: 'center',\n}));\n\nexport const StyledTypography = styled(Typography)(() => ({\n  textDecoration: 'underline',\n  fontWeight: '600',\n  cursor: 'pointer',\n}));\n\nexport const StyledAlert = styled(Alert)(({ theme }) => ({\n  backgroundColor: `${alpha(theme.palette.primary.main, 0.03)}`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.4)}`,\n  flexDirection: 'row',\n  alignItems: 'center',\n  padding: '2px 12px',\n  gap: 8,\n  borderRadius: 8,\n  marginBottom: 16,\n\n  '& svg': {\n    color: theme.palette.primary.main,\n  },\n}));\n","import Typography from '@mui/material/Typography';\n\nimport { StyledAlert, StyledTypography } from './styles';\n\nconst WebhookAlert = () => {\n  const handleLinkClick = () => {\n    const url =\n      'https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks';\n    window.open(url, '_blank');\n  };\n\n  return (\n    <StyledAlert severity=\"info\">\n      <Typography color=\"grey\" variant=\"caption\">\n        Webhooks permitem que serviços externos sejam notificados quando\n        determinados eventos acontecem. Saiba mais{' '}\n        <StyledTypography\n          variant=\"caption\"\n          color=\"primary\"\n          onClick={() => handleLinkClick()}\n        >\n          acessando a documentação do Webhook\n        </StyledTypography>\n      </Typography>\n    </StyledAlert>\n  );\n};\n\nexport default WebhookAlert;\n"]}
+{"version":3,"sources":["../../../../src/components/form/Webhook/index.tsx","../../../../src/components/form/Webhook/props.ts","../../../../src/components/form/Webhook/styles.ts","../../../../src/components/form/Webhook/WebhookAlert.tsx"],"names":["useFieldArray","useFormContext","Divider","IconButton","InputAdornment","Stack","Typography","ContentTypeOptions","HttpMethodOptions","Alert","alpha","styled","SyledIconButton","theme","StyledTypography","StyledAlert","jsx","jsxs","WebhookAlert","handleLinkClick","url","WebhookAlert_default","Fragment","Webhook","webhookData","isEditing","haveTip","control","headers","append","remove","handleCreateField","Field_default","Icon_default","Autocomplete_default","item","index","ActionButton_default","Webhook_default"],"mappings":"kQAAA,OAAS,iBAAAA,EAAe,kBAAAC,MAAsB,kBAC9C,OAAOC,MAAa,wBACpB,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCgBhB,IAAMC,EAAqB,CAChC,CACE,MAAO,MACP,MAAO,KACT,EACA,CACE,MAAO,OACP,MAAO,MACT,EACA,CACE,MAAO,QACP,MAAO,OACT,CACF,EAEaC,EAAoB,CAC/B,CACE,MAAO,MACP,MAAO,KACT,EACA,CACE,MAAO,OACP,MAAO,MACT,EACA,CACE,MAAO,SACP,MAAO,QACT,EACA,CACE,MAAO,MACP,MAAO,KACT,CACF,ECrDA,OAAOC,MAAW,sBAClB,OAAON,MAAgB,2BACvB,OAAS,SAAAO,EAAO,UAAAC,MAAc,uBAC9B,OAAOL,MAAgB,2BAEhB,IAAMM,EAAkBD,EAAOR,CAAU,EAAE,CAAC,CAAE,MAAAU,CAAM,KAAO,CAChE,IAAK,CACH,MAAO,GAAGA,EAAM,QAAQ,QAAQ,iBAClC,CACF,EAAE,EAEWC,EAAmBH,EAAOL,CAAU,EAAE,KAAO,CACxD,eAAgB,YAChB,WAAY,MACZ,OAAQ,SACV,EAAE,EAEWS,EAAcJ,EAAOF,CAAK,EAAE,CAAC,CAAE,MAAAI,CAAM,KAAO,CACvD,gBAAiB,GAAGH,EAAMG,EAAM,QAAQ,QAAQ,KAAM,GAAI,IAC1D,OAAQ,aAAaH,EAAMG,EAAM,QAAQ,QAAQ,KAAM,EAAG,IAC1D,cAAe,MACf,WAAY,SACZ,QAAS,WACT,IAAK,EACL,aAAc,EACd,aAAc,GAEd,QAAS,CACP,MAAOA,EAAM,QAAQ,QAAQ,IAC/B,CACF,EAAE,EC9BF,OAAOP,MAAgB,2BAajB,OAGE,OAAAU,EAHF,QAAAC,MAAA,oBATN,IAAMC,EAAe,IAAM,CACzB,IAAMC,EAAkB,IAAM,CAC5B,IAAMC,EACJ,mEACF,OAAO,KAAKA,EAAK,QAAQ,CAC3B,EAEA,OACEJ,EAACD,EAAA,CAAY,SAAS,OACpB,SAAAE,EAACX,EAAA,CAAW,MAAM,OAAO,QAAQ,UAAU,2HAEE,IAC3CU,EAACF,EAAA,CACC,QAAQ,UACR,MAAM,UACN,QAAS,IAAMK,EAAgB,EAChC,qDAED,GACF,EACF,CAEJ,EAEOE,EAAQH,EHcG,OAWV,YAAAI,EAXU,OAAAN,EAEZ,QAAAC,MAFY,oBAzBlB,IAAMM,EAAU,CAAC,CACf,YAAAC,EACA,UAAAC,EAAY,GACZ,QAAAC,EAAU,EACZ,IAAoB,CAClB,GAAM,CAAE,QAAAC,CAAQ,EAAI1B,EAAe,EAE7B,CACJ,OAAQ2B,EACR,OAAAC,EACA,OAAAC,CACF,EAAI9B,EAAc,CAChB,KAAM,UACN,QAAA2B,CACF,CAAC,EAEKI,EAAoB,IAAM,CAC9BF,EAAO,CACL,MAAO,GACP,KAAM,EACR,CAAC,CACH,EAEA,OACEZ,EAAAK,EAAA,CACG,UAAAI,GAAWV,EAACK,EAAA,EAAa,EACzBI,GAAaT,EAACgB,EAAA,CAAM,KAAK,OAAO,MAAM,kBAAkB,EACzDf,EAACZ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAW,EAACgB,EAAA,CACC,KAAK,MACL,MAAM,kBACN,MAAO,CAAE,SAAU,CAAE,MAAO,GAAM,QAAS,yBAAoB,CAAE,EACnE,EACAhB,EAACgB,EAAA,CAAM,KAAK,SAAS,MAAM,SAAS,GACtC,EACCP,GAAaD,GACZP,EAAAK,EAAA,CACE,UAAAN,EAACgB,EAAA,CAAM,QAAQ,SAAS,KAAK,WAAW,MAAM,gBAAU,SAAQ,GAAC,EACjEf,EAACZ,EAAA,CAAM,UAAU,MAAM,IAAK,EAC1B,UAAAW,EAACgB,EAAA,CAAM,QAAQ,SAAS,KAAK,WAAW,MAAM,SAAS,SAAQ,GAAC,EAChEhB,EAACgB,EAAA,CACC,QAAQ,SACR,KAAK,cACL,MAAM,YACN,SAAQ,GACR,WAAY,CACV,aACEhB,EAACZ,EAAA,CAAe,SAAS,MACvB,SAAAY,EAACJ,EAAA,CACC,QAAS,IACP,UAAU,UAAU,UAAUY,EAAY,WAAW,EAGvD,SAAAR,EAACiB,EAAA,CAAK,UAAU,WAAW,KAAK,eAAe,EACjD,EACF,CAEJ,EACF,EACAjB,EAACgB,EAAA,CAAM,QAAQ,SAAS,KAAK,QAAQ,MAAM,SAAS,SAAQ,GAAC,GAC/D,GACF,EAEFf,EAACZ,EAAA,CAAM,UAAU,MAAM,IAAK,EAAG,WAAW,SACxC,UAAAW,EAACkB,EAAA,CACC,UAAS,GACT,QAAS3B,EACT,KAAK,eACL,MAAM,sBACN,SAAQ,GACR,MAAO,CACL,SAAU,CACR,MAAO,GACP,QAAS,+CACX,CACF,EACF,EACAS,EAACkB,EAAA,CACC,UAAS,GACT,QAAS1B,EACT,KAAK,cACL,MAAM,iBACN,SAAQ,GACR,MAAO,CACL,SAAU,CACR,MAAO,GACP,QAAS,0CACX,CACF,EACF,GACF,EACAQ,EAACV,EAAA,CAAW,QAAQ,WAAW,MAAM,OAAO,wBAE5C,EACCsB,GAAS,IAAI,CAACO,EAAMC,IACnBnB,EAACZ,EAAA,CAAoB,UAAU,MAAM,IAAK,EAAG,WAAW,SACtD,UAAAW,EAACgB,EAAA,CACC,KAAM,WAAWI,SACjB,MAAM,QACN,SAAQ,GACR,MAAO,CACL,SAAU,CACR,MAAO,GACP,QAAS,EACX,CACF,EACF,EACApB,EAACgB,EAAA,CAAM,KAAM,WAAWI,UAAe,MAAM,QAAQ,EACrDpB,EAACb,EAAA,CAAW,MAAM,QAAQ,QAAS,IAAM2B,EAAOM,CAAK,EACnD,SAAApB,EAACiB,EAAA,CAAK,KAAK,wBAAwB,EACrC,IAfUE,EAAK,EAgBjB,CACD,EACDnB,EAACqB,EAAA,CACC,WAAW,MACX,KAAK,QACL,QAAQ,WACR,MAAM,UACN,UAAS,GACT,QAAS,IAAMN,EAAkB,EAClC,uCAED,EACAf,EAACd,EAAA,EAAQ,GACX,CAEJ,EAEOoC,GAAQf","sourcesContent":["import { useFieldArray, useFormContext } from 'react-hook-form';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ActionButton from 'components/ActionButton';\nimport Icon from 'components/Icon';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\n\nimport { ContentTypeOptions, HttpMethodOptions, WebhookProps } from './props';\nimport { SyledIconButton } from './styles';\nimport WebhookAlert from './WebhookAlert';\n\nconst Webhook = ({\n  webhookData,\n  isEditing = false,\n  haveTip = false,\n}: WebhookProps) => {\n  const { control } = useFormContext();\n\n  const {\n    fields: headers,\n    append,\n    remove,\n  } = useFieldArray({\n    name: 'headers',\n    control,\n  });\n\n  const handleCreateField = () => {\n    append({\n      value: '',\n      name: '',\n    });\n  };\n\n  return (\n    <>\n      {haveTip && <WebhookAlert />}\n      {isEditing && <Field name=\"name\" label=\"Nome do webhook\" />}\n      <Stack direction=\"row\" gap={2}>\n        <Field\n          name=\"url\"\n          label=\"URL de endpoint\"\n          rules={{ required: { value: true, message: 'Url é obrigatório' } }}\n        />\n        <Field name=\"filter\" label=\"Filtro\" />\n      </Stack>\n      {isEditing && webhookData && (\n        <>\n          <Field variant=\"filled\" name=\"solution\" label=\"Solução\" disabled />\n          <Stack direction=\"row\" gap={2}>\n            <Field variant=\"filled\" name=\"resource\" label=\"Origem\" disabled />\n            <Field\n              variant=\"filled\"\n              name=\"resource_id\"\n              label=\"ID origem\"\n              disabled\n              InputProps={{\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SyledIconButton\n                      onClick={() =>\n                        navigator.clipboard.writeText(webhookData.resource_id)\n                      }\n                    >\n                      <Icon className=\"copyIcon\" icon=\"COPY_CONTENT\" />\n                    </SyledIconButton>\n                  </InputAdornment>\n                ),\n              }}\n            />\n            <Field variant=\"filled\" name=\"event\" label=\"Evento\" disabled />\n          </Stack>\n        </>\n      )}\n      <Stack direction=\"row\" gap={2} alignItems=\"center\">\n        <Autocomplete\n          fullWidth\n          options={ContentTypeOptions}\n          name=\"content_type\"\n          label=\"Tipo de conteúdo\"\n          required\n          rules={{\n            required: {\n              value: true,\n              message: 'Campo Tipo de conteúdo é obrigatório',\n            },\n          }}\n        />\n        <Autocomplete\n          fullWidth\n          options={HttpMethodOptions}\n          name=\"http_method\"\n          label=\"Método HTTP\"\n          required\n          rules={{\n            required: {\n              value: true,\n              message: 'Campo Método HTTP é obrigatório',\n            },\n          }}\n        />\n      </Stack>\n      <Typography variant=\"overline\" color=\"grey\">\n        Cabeçalho\n      </Typography>\n      {headers?.map((item, index) => (\n        <Stack key={item.id} direction=\"row\" gap={2} alignItems=\"center\">\n          <Field\n            name={`headers.${index}.name`}\n            label=\"Chave\"\n            required\n            rules={{\n              required: {\n                value: true,\n                message: '',\n              },\n            }}\n          />\n          <Field name={`headers.${index}.value`} label=\"Valor\" />\n          <IconButton color=\"error\" onClick={() => remove(index)}>\n            <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n          </IconButton>\n        </Stack>\n      ))}\n      <ActionButton\n        actionType=\"NEW\"\n        size=\"large\"\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        onClick={() => handleCreateField()}\n      >\n        Adicionar novo cabeçalho\n      </ActionButton>\n      <Divider />\n    </>\n  );\n};\n\nexport default Webhook;\n","import { WebhookType } from 'types/webhook';\n\nexport interface WebhookProps {\n  webhookData?: WebhookType;\n  isEditing?: boolean;\n  haveTip?: boolean;\n}\nexport enum ContentTypeStatus {\n  XML = 'XML',\n  JSON = 'JSON',\n  BYTEA = 'BYTEA',\n}\n\nexport enum HttpMethodStatus {\n  GET = 'GET',\n  POST = 'POST',\n  PATCH = 'PATCH',\n  DELETE = 'DELETE',\n  PUT = 'PUT',\n}\n\nexport const ContentTypeOptions = [\n  {\n    label: ContentTypeStatus.XML,\n    value: ContentTypeStatus.XML,\n  },\n  {\n    label: ContentTypeStatus.JSON,\n    value: ContentTypeStatus.JSON,\n  },\n  {\n    label: ContentTypeStatus.BYTEA,\n    value: ContentTypeStatus.BYTEA,\n  },\n];\n\nexport const HttpMethodOptions = [\n  {\n    label: HttpMethodStatus.GET,\n    value: HttpMethodStatus.GET,\n  },\n  {\n    label: HttpMethodStatus.POST,\n    value: HttpMethodStatus.POST,\n  },\n  {\n    label: HttpMethodStatus.DELETE,\n    value: HttpMethodStatus.DELETE,\n  },\n  {\n    label: HttpMethodStatus.PUT,\n    value: HttpMethodStatus.PUT,\n  },\n];\n","import Alert from '@mui/material/Alert';\nimport IconButton from '@mui/material/IconButton';\nimport { alpha, styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nexport const SyledIconButton = styled(IconButton)(({ theme }) => ({\n  svg: {\n    color: `${theme.palette.primary.main} !important`,\n  },\n}));\n\nexport const StyledTypography = styled(Typography)(() => ({\n  textDecoration: 'underline',\n  fontWeight: '600',\n  cursor: 'pointer',\n}));\n\nexport const StyledAlert = styled(Alert)(({ theme }) => ({\n  backgroundColor: `${alpha(theme.palette.primary.main, 0.03)}`,\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.4)}`,\n  flexDirection: 'row',\n  alignItems: 'center',\n  padding: '2px 12px',\n  gap: 8,\n  borderRadius: 8,\n  marginBottom: 16,\n\n  '& svg': {\n    color: theme.palette.primary.main,\n  },\n}));\n","import Typography from '@mui/material/Typography';\n\nimport { StyledAlert, StyledTypography } from './styles';\n\nconst WebhookAlert = () => {\n  const handleLinkClick = () => {\n    const url =\n      'https://ajuda.zydon.com.br/pt-BR/articles/9180603-sobre-webhooks';\n    window.open(url, '_blank');\n  };\n\n  return (\n    <StyledAlert severity=\"info\">\n      <Typography color=\"grey\" variant=\"caption\">\n        Webhooks permitem que serviços externos sejam notificados quando\n        determinados eventos acontecem. Saiba mais{' '}\n        <StyledTypography\n          variant=\"caption\"\n          color=\"primary\"\n          onClick={() => handleLinkClick()}\n        >\n          acessando a documentação do Webhook\n        </StyledTypography>\n      </Typography>\n    </StyledAlert>\n  );\n};\n\nexport default WebhookAlert;\n"]}

package/dist/components/lightbox/index.js

@@ -1,4 +1,4 @@
-import { a } from '../../chunk-CMZI4PHD.js';
+import { a } from '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import w from '@mui/material/Box';
 import C, { useLightboxState } from 'yet-another-react-lightbox';

package/dist/components/table/index.js

@@ -1,5 +1,5 @@
-import { a } from '../../chunk-WDKKCLZ6.js';
-import '../../chunk-CMZI4PHD.js';
+import { a } from '../../chunk-CWCEG2DZ.js';
+import '../../chunk-NQNNMRLC.js';
 import '../../chunk-CIGSMWKF.js';
 import S from '@mui/material/TableCell';
 import F from '@mui/material/TableRow';

package/dist/contexts/PushNotifications/index.js

@@ -1,6 +1,6 @@
 import { a as a$1 } from '../../chunk-RP7PNTLJ.js';
-import { a } from '../../chunk-GPFANUMT.js';
 import '../../chunk-E5ULJSWF.js';
+import { a } from '../../chunk-GPFANUMT.js';
 import '../../chunk-TVKBRJHF.js';
 import { createContext, useState, useRef, useMemo, useEffect, useCallback, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/hooks/useCollapseSidebarOnMount.js

@@ -1,7 +1,7 @@
-export { a as default } from '../chunk-75G5RNV4.js';
+export { a as default } from '../chunk-5LQLLZ5L.js';
 import '../chunk-XNKYJHNL.js';
-import '../chunk-HLMZQG27.js';
-import '../chunk-MQAMSYYK.js';
+import '../chunk-HWYA3EGC.js';
+import '../chunk-POTVACYB.js';
 import '../chunk-L5URMM57.js';
 import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map

package/dist/hooks/useEventCallback.d.ts

@@ -1,4 +1,3 @@
-declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
-declare function useEventCallback<Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined): ((...args: Args) => R) | undefined;
+declare const useEventCallback: <Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined) => (...args: Args) => R;
 
-export { useEventCallback as default, useEventCallback };
+export { useEventCallback as default };

package/dist/hooks/useEventCallback.js

@@ -1,4 +1,4 @@
-export { b as default, a as useEventCallback } from '../chunk-MQAMSYYK.js';
+export { a as default } from '../chunk-POTVACYB.js';
 import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useEventCallback.js.map

package/dist/hooks/useLocalStorage.js

@@ -1,5 +1,5 @@
-export { a as default } from '../chunk-HLMZQG27.js';
-import '../chunk-MQAMSYYK.js';
+export { a as default } from '../chunk-HWYA3EGC.js';
+import '../chunk-POTVACYB.js';
 import '../chunk-L5URMM57.js';
 import '../chunk-ET3WPQIO.js';
 //# sourceMappingURL=out.js.map

package/dist/hooks/useSnackbar.d.ts

@@ -12,7 +12,6 @@ declare const useSnackbar: () => {
         custom: (jsx: (id: string | number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, data?: ExternalToast | undefined) => string | number;
         message: (message: string | number | boolean | react.ReactElement<any, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | react.ReactPortal | (() => ReactNode) | null | undefined, data?: ExternalToast | undefined) => string | number;
         promise: <ToastData>(promise: Promise<ToastData> | (() => Promise<ToastData>), data?: ({
-            cancel?: ReactNode | sonner.Action;
             className?: string | undefined;
             style?: react.CSSProperties | undefined;
             position?: ("top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right") | undefined;
@@ -22,6 +21,7 @@ declare const useSnackbar: () => {
             icon?: ReactNode;
             duration?: number | undefined;
             onDismiss?: ((toast: sonner.ToastT) => void) | undefined;
+            cancel?: ReactNode | sonner.Action;
             richColors?: boolean | undefined;
             closeButton?: boolean | undefined;
             dismissible?: boolean | undefined;

package/dist/hooks/useThemeToggle.js

@@ -1,12 +1,12 @@
 export { a as useThemeToggle } from '../chunk-UHXAPEIF.js';
-import '../chunk-CU7PKEY2.js';
+import '../chunk-4RNGASI4.js';
 import '../chunk-LDGBS7ZI.js';
-import '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-WUFEPE2G.js';
+import '../chunk-2WG6OWB4.js';
 import '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useThemeToggle.js.map

package/dist/hooks/useUpload.js

@@ -1,3 +1,8 @@
-export { a as default } from '../chunk-YCEQDXLR.js';
+import { useState } from 'react';
+import { useFormContext } from 'react-hook-form';
+
+function F(t,i){let{watch:r,setValue:n}=useFormContext(),[u,o]=useState(i),l=r(t)||[];return {uploadFile:async e=>{if(!e){n(t,void 0),o(void 0);return}n(t,e),o(Object.assign(e,{preview:URL.createObjectURL(e)}));},uploadFiles:async e=>{n(t,[...l,...e.map(s=>Object.assign(s,{preview:URL.createObjectURL(s)}))]);},handleDeleteFile:()=>{n(t,void 0),o(void 0);},handleRemoveAll:()=>{n(t,void 0);},handleRemove:e=>{let s=l.filter(a=>a!==e);n(t,s);},file:u,setFileValue:o}}var b=F;
+
+export { b as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useUpload.js.map

package/dist/hooks/useUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/hooks/useUpload.ts"],"names":["useState","useFormContext","useUpload","fieldName","urlImage","watch","setValue","fileValue","setFileValue","filesValues","file","files","filteredItems","f","useUpload_default"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,QACzB,OAAS,kBAAAC,MAAsB,kBAI/B,SAASC,EAAUC,EAAmBC,EAAmB,CACvD,GAAM,CAAE,MAAAC,EAAO,SAAAC,CAAS,EAAIL,EAAe,EACrC,CAACM,EAAWC,CAAY,EAAIR,EAChCI,CACF,EACMK,EAAwBJ,EAAMF,CAAS,GAAK,CAAC,EA4CnD,MAAO,CACL,WA3CiB,MAAOO,GAAgB,CACxC,GAAI,CAACA,EAAM,CACTJ,EAASH,EAAW,MAAS,EAC7BK,EAAa,MAAS,EACtB,OAGFF,EAASH,EAAWO,CAAI,EAExBF,EACE,OAAO,OAAOE,EAAM,CAClB,QAAS,IAAI,gBAAgBA,CAAI,CACnC,CAAC,CACH,CACF,EA8BE,YA5BkB,MAAOC,GAAkB,CAC3CL,EAASH,EAAW,CAClB,GAAGM,EACH,GAAGE,EAAM,IAAKD,GACZ,OAAO,OAAOA,EAAM,CAClB,QAAS,IAAI,gBAAgBA,CAAI,CACnC,CAAC,CACH,CACF,CAAC,CACH,EAoBE,iBAlBuB,IAAM,CAC7BJ,EAASH,EAAW,MAAS,EAC7BK,EAAa,MAAS,CACxB,EAgBE,gBAdsB,IAAM,CAC5BF,EAASH,EAAW,MAAS,CAC/B,EAaE,aAXoBO,GAAwB,CAC5C,IAAME,EAAgBH,EAAY,OAAOI,GAAKA,IAAMH,CAAI,EAExDJ,EAASH,EAAWS,CAAa,CACnC,EAQE,KAAML,EACN,aAAAC,CACF,CACF,CAEA,IAAOM,EAAQZ","sourcesContent":["import { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { CustomFile } from 'types/upload';\n\nfunction useUpload(fieldName: string, urlImage?: string) {\n  const { watch, setValue } = useFormContext();\n  const [fileValue, setFileValue] = useState<CustomFile | string | undefined>(\n    urlImage,\n  );\n  const filesValues: string[] = watch(fieldName) || [];\n\n  const uploadFile = async (file?: File) => {\n    if (!file) {\n      setValue(fieldName, undefined);\n      setFileValue(undefined);\n      return;\n    }\n\n    setValue(fieldName, file);\n\n    setFileValue(\n      Object.assign(file, {\n        preview: URL.createObjectURL(file),\n      }),\n    );\n  };\n\n  const uploadFiles = async (files: File[]) => {\n    setValue(fieldName, [\n      ...filesValues,\n      ...files.map((file: Blob | MediaSource) =>\n        Object.assign(file, {\n          preview: URL.createObjectURL(file),\n        }),\n      ),\n    ]);\n  };\n\n  const handleDeleteFile = () => {\n    setValue(fieldName, undefined);\n    setFileValue(undefined);\n  };\n\n  const handleRemoveAll = () => {\n    setValue(fieldName, undefined);\n  };\n\n  const handleRemove = (file: File | string) => {\n    const filteredItems = filesValues.filter(f => f !== file);\n\n    setValue(fieldName, filteredItems);\n  };\n\n  return {\n    uploadFile,\n    uploadFiles,\n    handleDeleteFile,\n    handleRemoveAll,\n    handleRemove,\n    file: fileValue,\n    setFileValue,\n  };\n}\n\nexport default useUpload;\n"]}

package/dist/hooks/useUploadImage.js

@@ -1,4 +1,9 @@
-export { a as default } from '../chunk-SBMEL2IJ.js';
-import '../chunk-E3R7W7GK.js';
+import { a } from '../chunk-E3R7W7GK.js';
+import { useId, useState } from 'react';
+import I from 'browser-image-compression';
+
+var h=5242880,y=({onFileCropped:n,onImageUploaded:d,onCancel:i})=>{let l=useId(),[e,m]=useState(),[f,o,a$1]=a(),[u,r]=useState(),[v,p]=useState(!1);return {id:l,setCropModalOpen:a$1,handleRemove:()=>{n(void 0),d(void 0),a$1(!1);},toggleCropModalOpen:o,cropModalOpen:f,cancelChanges:()=>{i&&i(),a$1(!1);},saveChanges:()=>{e!==void 0&&e.getCroppedCanvas().toBlob(async g=>{try{if(!g)return;p(!0);let s=new File([g],"imagem.png",{type:"image/png"});if(s.size>h){let C=await I(s,{maxSizeMB:5});n(C),o();return}n(s),o();}finally{p(!1);}},"image/png",1);},previewImage:()=>{e!==void 0&&r(e.getCroppedCanvas().toDataURL());},setCropper:m,preview:u,closePreviewImage:()=>r(void 0),saving:v}},x=y;
+
+export { x as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=useUploadImage.js.map

package/dist/hooks/useUploadImage.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["../../src/hooks/useUploadImage.ts"],"names":["useId","useState","imageCompression","FIVE_MB","useUploadImage","onFileCropped","onImageUploaded","onCancel","id","cropper","setCropper","cropModalOpen","toggleCropModalOpen","setCropModalOpen","useToggle_default","preview","setPreview","saving","setSaving","blob","file","compressedFile","useUploadImage_default"],"mappings":"yCACA,OAAS,SAAAA,EAAO,YAAAC,MAAgB,QAChC,OAAOC,MAAsB,4BAU7B,IAAMC,EAAU,QAEVC,EAAiB,CAAC,CACtB,cAAAC,EACA,gBAAAC,EACA,SAAAC,CACF,IAAa,CACX,IAAMC,EAAKR,EAAM,EACX,CAACS,EAASC,CAAU,EAAIT,EAAc,EACtC,CAACU,EAAeC,EAAqBC,CAAgB,EAAIC,EAAU,EACnE,CAACC,EAASC,CAAU,EAAIf,EAAiB,EACzC,CAACgB,EAAQC,CAAS,EAAIjB,EAAS,EAAK,EAuD1C,MAAO,CACL,GAAAO,EACA,iBAAAK,EACA,aATmB,IAAM,CACzBR,EAAc,MAAS,EACvBC,EAAgB,MAAS,EACzBO,EAAiB,EAAK,CACxB,EAME,oBAAAD,EACA,cAAAD,EACA,cA3DoB,IAAM,CACtBJ,GAAUA,EAAS,EACvBM,EAAiB,EAAK,CACxB,EAyDE,YA/CkB,IAAM,CACpBJ,IAAY,QAEhBA,EAAQ,iBAAiB,EAAE,OACzB,MAAOU,GAAc,CACnB,GAAI,CACF,GAAI,CAACA,EAAM,OAEXD,EAAU,EAAI,EAEd,IAAME,EAAO,IAAI,KAAK,CAACD,CAAI,EAAG,aAAc,CAAE,KAAM,WAAY,CAAC,EAEjE,GAAIC,EAAK,KAAOjB,EAAS,CACvB,IAAMkB,EAAiB,MAAMnB,EAAiBkB,EAAM,CAClD,UAAW,CACb,CAAC,EAEDf,EAAcgB,CAAc,EAC5BT,EAAoB,EAEpB,OAGFP,EAAce,CAAI,EAClBR,EAAoB,CACtB,QAAE,CACAM,EAAU,EAAK,CACjB,CACF,EACA,YACA,CACF,CACF,EAgBE,aAxDmB,IAAM,CACrBT,IAAY,QAEhBO,EAAWP,EAAQ,iBAAiB,EAAE,UAAU,CAAC,CACnD,EAqDE,WAAAC,EACA,QAAAK,EACA,kBArDwB,IAAMC,EAAW,MAAS,EAsDlD,OAAAC,CACF,CACF,EAEOK,EAAQlB","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useId, useState } from 'react';\nimport imageCompression from 'browser-image-compression';\n\nimport useToggle from './useToggle';\n\ninterface Props {\n  onFileCropped(file?: File): void;\n  onImageUploaded(image?: string): void;\n  onCancel?: VoidFunction;\n}\n\nconst FIVE_MB = 5242880;\n\nconst useUploadImage = ({\n  onFileCropped,\n  onImageUploaded,\n  onCancel,\n}: Props) => {\n  const id = useId();\n  const [cropper, setCropper] = useState<any>();\n  const [cropModalOpen, toggleCropModalOpen, setCropModalOpen] = useToggle();\n  const [preview, setPreview] = useState<string>();\n  const [saving, setSaving] = useState(false);\n\n  const cancelChanges = () => {\n    if (onCancel) onCancel();\n    setCropModalOpen(false);\n  };\n\n  const previewImage = () => {\n    if (cropper === undefined) return;\n\n    setPreview(cropper.getCroppedCanvas().toDataURL());\n  };\n\n  const closePreviewImage = () => setPreview(undefined);\n\n  const saveChanges = () => {\n    if (cropper === undefined) return;\n\n    cropper.getCroppedCanvas().toBlob(\n      async (blob: any) => {\n        try {\n          if (!blob) return;\n\n          setSaving(true);\n\n          const file = new File([blob], 'imagem.png', { type: 'image/png' });\n\n          if (file.size > FIVE_MB) {\n            const compressedFile = await imageCompression(file, {\n              maxSizeMB: 5,\n            });\n\n            onFileCropped(compressedFile);\n            toggleCropModalOpen();\n\n            return;\n          }\n\n          onFileCropped(file);\n          toggleCropModalOpen();\n        } finally {\n          setSaving(false);\n        }\n      },\n      'image/png',\n      1,\n    );\n  };\n\n  const handleRemove = () => {\n    onFileCropped(undefined);\n    onImageUploaded(undefined);\n    setCropModalOpen(false);\n  };\n\n  return {\n    id,\n    setCropModalOpen,\n    handleRemove,\n    toggleCropModalOpen,\n    cropModalOpen,\n    cancelChanges,\n    saveChanges,\n    previewImage,\n    setCropper,\n    preview,\n    closePreviewImage,\n    saving,\n  };\n};\n\nexport default useUploadImage;\n"]}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CustomShadows } from './index-c8f1e6e7.js';
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-c8f1e6e7.js';
+import { C as CustomShadows } from './index-5a5e5dc8.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from './index-5a5e5dc8.js';
 export { S as SettingsContextValue, _ as SettingsProvider, T as ThemeProviderProps, u as useSettingsContext } from './settings-provider-38d09283.js';
 export { THEME_CONFIG, default as ThemeProvider } from './theme/theme-provider.js';
 import { S as SettingsState } from './settings-583c107c.js';
@@ -147,6 +147,4 @@ declare module '@mui/material/styles' {
     }
 }
 
-declare const test: () => boolean;
-
-export { SettingsState, createTheme, test };
+export { SettingsState, createTheme };

package/dist/index.js

@@ -1,16 +1,12 @@
 export { a as useThemeToggle } from './chunk-UHXAPEIF.js';
-export { b as ThemeProvider, a as createTheme } from './chunk-CU7PKEY2.js';
+export { b as ThemeProvider, a as createTheme } from './chunk-4RNGASI4.js';
 import './chunk-LDGBS7ZI.js';
-export { c as SettingsProvider, b as useSettingsContext } from './chunk-2WG6OWB4.js';
 export { b as defaultFont, c as primaryFont, d as secondaryFont, a as shadows, e as typography } from './chunk-6W52DPH4.js';
 import './chunk-TWSAWMZ3.js';
 import './chunk-ROVD7OGE.js';
 export { l as action, k as background, m as basePalette, p as colorSchemes, i as common, a as components, q as createShadowColor, r as customShadows, o as darkPalette, h as error, b as grey, e as info, n as lightPalette, c as primary, d as secondary, f as success, j as text, g as warning } from './chunk-EQYL7U3J.js';
 import './chunk-WUFEPE2G.js';
+export { c as SettingsProvider, b as useSettingsContext } from './chunk-2WG6OWB4.js';
 export { a as THEME_CONFIG, q as bgBlur, p as bgGradient, o as borderGradient, j as createPaletteChannel, h as hexToRgbChannel, i as hexToRgbaChannel, l as hideScrollX, m as hideScrollY, r as maxLine, c as mediaQueries, t as menuItem, s as paper, f as pxToRem, e as remToPx, g as responsiveFontSizes, d as setFont, b as stylesMode, n as textGradient, k as varAlpha } from './chunk-GLRLKFPS.js';
-
-var Y=()=>!0;
-
-export { Y as test };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["test"],"mappings":"ioBA8KA,IAAMA,EAAO,IAAM","sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { CustomShadows } from './types/shadows';\n\n// @ts-ignore\ndeclare module '@mui/material/styles/createPalette' {\n  interface CommonColors {\n    whiteChannel: string;\n    blackChannel: string;\n  }\n  interface TypeText {\n    disabledChannel: string;\n  }\n  interface TypeBackground {\n    neutral: string;\n    neutralChannel: string;\n  }\n  interface SimplePaletteColorOptions {\n    lighter: string;\n    darker: string;\n    lighterChannel: string;\n    darkerChannel: string;\n  }\n  interface PaletteColor {\n    lighter: string;\n    darker: string;\n    lighterChannel: string;\n    darkerChannel: string;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface ThemeVars {\n    // @ts-ignore\n    transitions: Theme['transitions'];\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material' {\n  interface Color {\n    ['50Channel']: string;\n    ['100Channel']: string;\n    ['200Channel']: string;\n    ['300Channel']: string;\n    ['400Channel']: string;\n    ['500Channel']: string;\n    ['600Channel']: string;\n    ['700Channel']: string;\n    ['800Channel']: string;\n    ['900Channel']: string;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface TypographyVariants {\n    fontSecondaryFamily: React.CSSProperties['fontFamily'];\n    fontWeightSemiBold: React.CSSProperties['fontWeight'];\n  }\n  interface TypographyVariantsOptions {\n    fontSecondaryFamily?: React.CSSProperties['fontFamily'];\n    fontWeightSemiBold?: React.CSSProperties['fontWeight'];\n  }\n  interface ThemeVars {\n    // @ts-ignore\n    typography: Theme['typography'];\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/AvatarGroup' {\n  interface AvatarGroupPropsVariantOverrides {\n    compact: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Badge' {\n  interface BadgePropsVariantOverrides {\n    alway: true;\n    busy: true;\n    online: true;\n    offline: true;\n    invisible: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Fab' {\n  interface FabPropsVariantOverrides {\n    outlined: true;\n    outlinedExtended: true;\n    soft: true;\n    softExtended: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/ButtonGroup' {\n  interface ButtonGroupPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Button' {\n  interface ButtonPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Chip' {\n  interface ChipPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Pagination' {\n  interface PaginationPropsVariantOverrides {\n    soft: true;\n  }\n\n  interface PaginationPropsColorOverrides {\n    info: true;\n    success: true;\n    warning: true;\n    error: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Slider' {\n  interface SliderPropsColorOverrides {\n    inherit: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    customShadows: CustomShadows;\n  }\n  interface ThemeOptions {\n    customShadows?: CustomShadows;\n  }\n  interface ThemeVars {\n    customShadows: CustomShadows;\n  }\n}\n\nimport './global.css';\n\n// Theme exports\nexport type { ThemeProviderProps } from './theme/props';\nexport type { SettingsContextValue } from './theme/props';\nexport { default as SettingsProvider } from './theme/settings-provider';\nexport {\n  THEME_CONFIG,\n  default as ThemeProvider,\n  useSettingsContext,\n} from './theme/theme-provider';\nexport type { SettingsState } from './types/settings';\n\n// Core theme utilities\nexport * from './theme/core';\nexport { createTheme } from './theme/create-theme';\nexport * from './theme/styles';\n\n// Hooks exports\nexport { useThemeToggle } from './hooks/useThemeToggle';\n\nconst test = () => true;\n\nexport { test };\n"]}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/theme/core/index.d.ts

@@ -1,4 +1,4 @@
-export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-c8f1e6e7.js';
+export { d as ColorType, k as action, j as background, l as basePalette, o as colorSchemes, h as common, c as components, a as createShadowColor, b as customShadows, n as darkPalette, r as defaultFont, f as error, g as grey, i as info, m as lightPalette, p as primary, u as primaryFont, s as secondary, v as secondaryFont, q as shadows, e as success, t as text, x as typography, w as warning } from '../../index-5a5e5dc8.js';
 import '@mui/lab/TimelineConnector';
 import '@mui/system';
 import '@mui/lab/TimelineDot';

package/dist/theme/styles/index.d.ts

@@ -193,7 +193,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -218,7 +218,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -443,9 +443,9 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     wordWrap?: csstype.Property.WordWrap | readonly NonNullable<csstype.Property.WordWrap | undefined>[] | readonly csstype.Property.WordWrap[] | undefined;
     writingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
-    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ("reset" | (string & {}) | csstype.Globals | "normal")[] | undefined;
+    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -454,7 +454,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -486,7 +486,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -729,8 +729,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -741,16 +741,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -831,7 +831,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -841,7 +841,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-CU7PKEY2.js';
+export { b as default } from '../chunk-4RNGASI4.js';
 import '../chunk-LDGBS7ZI.js';
-export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-WUFEPE2G.js';
+export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=theme-provider.js.map

package/dist/utils/dnd.js

@@ -1,11 +1,11 @@
-export { x as CSS, r as add, b as canUseDOM, y as findFirstFocusableNode, w as getEventCoordinates, i as getOwnerDocument, e as getWindow, t as hasViewportRelativeCoordinates, f as isDocument, g as isHTMLElement, u as isKeyboardEvent, d as isNode, h as isSVGElement, v as isTouchEvent, c as isWindow, s as subtract, a as useCombinedRefs, k as useEvent, l as useInterval, j as useIsomorphicLayoutEffect, m as useLatestValue, n as useLazyMemo, o as useNodeRef, p as usePrevious, q as useUniqueId } from '../chunk-33C6UWPV.js';
-import i, { useState, useCallback } from 'react';
+export * from '@dnd-kit/accessibility';
 export * from '@dnd-kit/core';
 export * from '@dnd-kit/modifiers';
 export * from '@dnd-kit/sortable';
+export * from '@dnd-kit/utilities';
 
-var c={display:"none"};function q(e){let{id:n,value:t}=e;return i.createElement("div",{id:n,style:c},t)}function z(e){let{id:n,announcement:t,ariaLiveType:r="assertive"}=e,o={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return i.createElement("div",{id:n,style:o,role:"status","aria-live":r,"aria-atomic":!0},t)}function B(){let[e,n]=useState("");return {announce:useCallback(r=>{r!=null&&n(r);},[]),announcement:e}}var u=(e,n)=>{if(e?.data?.current)return e.data.current[n]},G=e=>u(e,"index")||0;
+var t=(e,r)=>{if(e?.data?.current)return e.data.current[r]},n=e=>t(e,"index")||0;
 
-export { q as HiddenText, z as LiveRegion, u as getData, G as getIndex, B as useAnnouncement };
+export { t as getData, n as getIndex };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dnd.js.map

package/dist/utils/dnd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../node_modules/@dnd-kit/accessibility/src/components/HiddenText/HiddenText.tsx","../../node_modules/@dnd-kit/accessibility/src/components/LiveRegion/LiveRegion.tsx","../../node_modules/@dnd-kit/accessibility/src/hooks/useAnnouncement.ts","../../src/utils/dnd.ts"],"names":["hiddenStyles","display","HiddenText","id","value","React","style","LiveRegion","announcement","ariaLiveType","visuallyHidden","position","top","left","width","height","margin","border","padding","overflow","clip","clipPath","whiteSpace","role","useAnnouncement","setAnnouncement","useState","announce","useCallback","getData","data","propName","getIndex"],"mappings":"sQAOA,IAAMA,EAAoC,CACxCC,QAAS,MAD+B,WAI1BC,EAAAA,EAAAA,IAAW,CAACC,GAAAA,EAAIC,MAAAA,KAC9B,OACEC,EAAAA,cAAA,MAAA,CAAKF,GAAIA,EAAIG,MAAON,GACjBI,CADH,CAIH,UCTeG,EAAAA,EAAAA,IAAW,CAACJ,GAAAA,EAAIK,aAAAA,EAAcC,aAAAA,EAAe,eAErDC,EAAsC,CAC1CC,SAAU,QACVC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,EACRC,OAAQ,GACRC,OAAQ,EACRC,QAAS,EACTC,SAAU,SACVC,KAAM,gBACNC,SAAU,cACVC,WAAY,UAGd,OACEjB,EAAAA,cAAA,MAAA,CACEF,GAAIA,EACJG,MAAOI,EACPa,KAAK,qBACMd,oBAGVD,CAPH,CAUH,UClCegB,GAAAA,CACd,GAAM,CAAChB,EAAciB,CAAf,EAAkCC,EAAS,EAAD,EAOhD,MAAO,CAACC,SANSC,EAAaxB,GAAD,CACvBA,GAAS,MACXqB,EAAgBrB,CAAD,GAEhB,CAAA,CAJyB,EAMVI,aAAAA,EACnB,CCRD,WAAc,gBACd,WAAc,qBACd,WAAc,oBAGP,IAAMqB,EAAU,CACrBC,EACAC,IACkB,CAClB,GAAKD,GAAM,MAAM,QAEjB,OAAOA,EAAK,KAAK,QAAQC,CAAQ,CACnC,EAEaC,EAAYF,GAChBD,EAAgBC,EAAM,OAAO,GAAK","sourcesContent":["import React from 'react';\n\ninterface Props {\n  id: string;\n  value: string;\n}\n\nconst hiddenStyles: React.CSSProperties = {\n  display: 'none',\n};\n\nexport function HiddenText({id, value}: Props) {\n  return (\n    <div id={id} style={hiddenStyles}>\n      {value}\n    </div>\n  );\n}\n","import React from 'react';\n\nexport interface Props {\n  id: string;\n  announcement: string;\n  ariaLiveType?: \"polite\" | \"assertive\" | \"off\";\n}\n\nexport function LiveRegion({id, announcement, ariaLiveType = \"assertive\"}: Props) {\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden: React.CSSProperties = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap',\n  };\n  \n  return (\n    <div\n      id={id}\n      style={visuallyHidden}\n      role=\"status\"\n      aria-live={ariaLiveType}\n      aria-atomic\n    >\n      {announcement}\n    </div>\n  );\n}\n","import {useCallback, useState} from 'react';\n\nexport function useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback((value: string | undefined) => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n\n  return {announce, announcement} as const;\n}\n","import { Active, Over } from '@dnd-kit/core';\n\nexport * from '@dnd-kit/accessibility';\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/modifiers';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/utilities';\n\nexport const getData = <T>(\n  data: Active | Over | undefined,\n  propName: string,\n): T | undefined => {\n  if (!data?.data?.current) return undefined;\n\n  return data.data.current[propName];\n};\n\nexport const getIndex = (data: Active | Over | undefined) => {\n  return getData<number>(data, 'index') || 0;\n};\n"]}
+{"version":3,"sources":["../../src/utils/dnd.ts"],"names":["getData","data","propName","getIndex"],"mappings":"AAEA,WAAc,yBACd,WAAc,gBACd,WAAc,qBACd,WAAc,oBACd,WAAc,qBAEP,IAAMA,EAAU,CACrBC,EACAC,IACkB,CAClB,GAAKD,GAAM,MAAM,QAEjB,OAAOA,EAAK,KAAK,QAAQC,CAAQ,CACnC,EAEaC,EAAYF,GAChBD,EAAgBC,EAAM,OAAO,GAAK","sourcesContent":["import { Active, Over } from '@dnd-kit/core';\n\nexport * from '@dnd-kit/accessibility';\nexport * from '@dnd-kit/core';\nexport * from '@dnd-kit/modifiers';\nexport * from '@dnd-kit/sortable';\nexport * from '@dnd-kit/utilities';\n\nexport const getData = <T>(\n  data: Active | Over | undefined,\n  propName: string,\n): T | undefined => {\n  if (!data?.data?.current) return undefined;\n\n  return data.data.current[propName];\n};\n\nexport const getIndex = (data: Active | Over | undefined) => {\n  return getData<number>(data, 'index') || 0;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.62",
+  "version": "2.7.64",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -116,6 +116,7 @@
     "autoprefixer": "^10.4.20",
     "eslint": "^8.47.0",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -138,9 +139,11 @@
     "vite": "^6.0.7"
   },
   "dependencies": {
+    "@dnd-kit/accessibility": "^3.1.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "browser-image-compression": "^2.0.2",
     "card-validator": "^10.0.3",
     "color": "^4.2.3",

package/dist/chunk-33C6UWPV.js

@@ -1,7 +0,0 @@
-import { useMemo, useLayoutEffect, useEffect, useRef, useCallback } from 'react';
-
-function Y(){for(var n=arguments.length,t=new Array(n),e=0;e<n;e++)t[e]=arguments[e];return useMemo(()=>u=>{t.forEach(r=>r(u));},t)}var D=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function a(n){let t=Object.prototype.toString.call(n);return t==="[object Window]"||t==="[object global]"}function b(n){return "nodeType"in n}function c(n){var t,e;return n?a(n)?n:b(n)&&(t=(e=n.ownerDocument)==null?void 0:e.defaultView)!=null?t:window:window}function j(n){let{Document:t}=c(n);return n instanceof t}function C(n){return a(n)?!1:n instanceof c(n).HTMLElement}function L(n){return n instanceof c(n).SVGElement}function x(n){return n?a(n)?n.document:b(n)?j(n)?n:C(n)||L(n)?n.ownerDocument:document:document:document}var E=D?useLayoutEffect:useEffect;function M(n){let t=useRef(n);return E(()=>{t.current=n;}),useCallback(function(){for(var e=arguments.length,u=new Array(e),r=0;r<e;r++)u[r]=arguments[r];return t.current==null?void 0:t.current(...u)},[])}function A(){let n=useRef(null),t=useCallback((u,r)=>{n.current=setInterval(u,r);},[]),e=useCallback(()=>{n.current!==null&&(clearInterval(n.current),n.current=null);},[]);return [t,e]}function I(n,t){t===void 0&&(t=[n]);let e=useRef(n);return E(()=>{e.current!==n&&(e.current=n);},t),e}function v(n,t){let e=useRef();return useMemo(()=>{let u=n(e.current);return e.current=u,u},[...t])}function N(n){let t=M(n),e=useRef(null),u=useCallback(r=>{r!==e.current&&t?.(r,e.current),e.current=r;},[]);return [e,u]}function F(n){let t=useRef();return useEffect(()=>{t.current=n;},[n]),t.current}var f={};function H(n,t){return useMemo(()=>{if(t)return t;let e=f[n]==null?0:f[n]+1;return f[n]=e,n+"-"+e},[n,t])}function S(n){return function(t){for(var e=arguments.length,u=new Array(e>1?e-1:0),r=1;r<e;r++)u[r-1]=arguments[r];return u.reduce((s,T)=>{let y=Object.entries(T);for(let[d,p]of y){let m=s[d];m!=null&&(s[d]=m+n*p);}return s},{...t})}}var W=S(1),q=S(-1);function O(n){return "clientX"in n&&"clientY"in n}function z(n){if(!n)return !1;let{KeyboardEvent:t}=c(n.target);return t&&n instanceof t}function V(n){if(!n)return !1;let{TouchEvent:t}=c(n.target);return t&&n instanceof t}function G(n){if(V(n)){if(n.touches&&n.touches.length){let{clientX:t,clientY:e}=n.touches[0];return {x:t,y:e}}else if(n.changedTouches&&n.changedTouches.length){let{clientX:t,clientY:e}=n.changedTouches[0];return {x:t,y:e}}}return O(n)?{x:n.clientX,y:n.clientY}:null}var w=Object.freeze({Translate:{toString(n){if(!n)return;let{x:t,y:e}=n;return "translate3d("+(t?Math.round(t):0)+"px, "+(e?Math.round(e):0)+"px, 0)"}},Scale:{toString(n){if(!n)return;let{scaleX:t,scaleY:e}=n;return "scaleX("+t+") scaleY("+e+")"}},Transform:{toString(n){if(n)return [w.Translate.toString(n),w.Scale.toString(n)].join(" ")}},Transition:{toString(n){let{property:t,duration:e,easing:u}=n;return t+" "+e+"ms "+u}}}),h="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function K(n){return n.matches(h)?n:n.querySelector(h)}
-
-export { Y as a, D as b, a as c, b as d, c as e, j as f, C as g, L as h, x as i, E as j, M as k, A as l, I as m, v as n, N as o, F as p, H as q, W as r, q as s, O as t, z as u, V as v, G as w, w as x, K as y };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-33C6UWPV.js.map

package/dist/chunk-33C6UWPV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/@dnd-kit/utilities/src/hooks/useCombinedRefs.ts","../node_modules/@dnd-kit/utilities/src/execution-context/canUseDOM.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isWindow.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isNode.ts","../node_modules/@dnd-kit/utilities/src/execution-context/getWindow.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isDocument.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isHTMLElement.ts","../node_modules/@dnd-kit/utilities/src/type-guards/isSVGElement.ts","../node_modules/@dnd-kit/utilities/src/execution-context/getOwnerDocument.ts","../node_modules/@dnd-kit/utilities/src/hooks/useIsomorphicLayoutEffect.ts","../node_modules/@dnd-kit/utilities/src/hooks/useEvent.ts","../node_modules/@dnd-kit/utilities/src/hooks/useInterval.ts","../node_modules/@dnd-kit/utilities/src/hooks/useLatestValue.ts","../node_modules/@dnd-kit/utilities/src/hooks/useLazyMemo.ts","../node_modules/@dnd-kit/utilities/src/hooks/useNodeRef.ts","../node_modules/@dnd-kit/utilities/src/hooks/usePrevious.ts","../node_modules/@dnd-kit/utilities/src/hooks/useUniqueId.ts","../node_modules/@dnd-kit/utilities/src/adjustment.ts","../node_modules/@dnd-kit/utilities/src/event/hasViewportRelativeCoordinates.ts","../node_modules/@dnd-kit/utilities/src/event/isKeyboardEvent.ts","../node_modules/@dnd-kit/utilities/src/event/isTouchEvent.ts","../node_modules/@dnd-kit/utilities/src/coordinates/getEventCoordinates.ts","../node_modules/@dnd-kit/utilities/src/css.ts","../node_modules/@dnd-kit/utilities/src/focus/findFirstFocusableNode.ts"],"names":["useCombinedRefs","refs","useMemo","node","forEach","ref","canUseDOM","window","document","createElement","isWindow","element","elementString","Object","prototype","toString","call","isNode","getWindow","target","_target$ownerDocument","_target$ownerDocument2","ownerDocument","defaultView","isDocument","Document","isHTMLElement","HTMLElement","isSVGElement","SVGElement","getOwnerDocument","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useEvent","handler","handlerRef","useRef","current","useCallback","args","useInterval","intervalRef","set","listener","duration","setInterval","clear","clearInterval","useLatestValue","value","dependencies","valueRef","useLazyMemo","callback","newValue","useNodeRef","onChange","onChangeHandler","setNodeRef","usePrevious","ids","useUniqueId","prefix","id","createAdjustmentFn","modifier","object","adjustments","reduce","accumulator","adjustment","entries","key","valueAdjustment","add","subtract","hasViewportRelativeCoordinates","event","isKeyboardEvent","KeyboardEvent","isTouchEvent","TouchEvent","getEventCoordinates","touches","length","clientX","x","clientY","y","changedTouches","CSS","freeze","Translate","transform","Math","round","Scale","scaleX","scaleY","Transform","join","Transition","_ref","property","easing","SELECTOR","findFirstFocusableNode","matches","querySelector"],"mappings":"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","sourcesContent":["import {useMemo} from 'react';\n\nexport function useCombinedRefs<T>(\n  ...refs: ((node: T) => void)[]\n): (node: T) => void {\n  return useMemo(\n    () => (node: T) => {\n      refs.forEach((ref) => ref(node));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    refs\n  );\n}\n","// https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js\nexport const canUseDOM =\n  typeof window !== 'undefined' &&\n  typeof window.document !== 'undefined' &&\n  typeof window.document.createElement !== 'undefined';\n","export function isWindow(element: Object): element is typeof window {\n  const elementString = Object.prototype.toString.call(element);\n  return (\n    elementString === '[object Window]' ||\n    // In Electron context the Window object serializes to [object global]\n    elementString === '[object global]'\n  );\n}\n","export function isNode(node: Object): node is Node {\n  return 'nodeType' in node;\n}\n","import {isWindow} from '../type-guards/isWindow';\nimport {isNode} from '../type-guards/isNode';\n\nexport function getWindow(target: Event['target']): typeof window {\n  if (!target) {\n    return window;\n  }\n\n  if (isWindow(target)) {\n    return target;\n  }\n\n  if (!isNode(target)) {\n    return window;\n  }\n\n  return target.ownerDocument?.defaultView ?? window;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isDocument(node: Node): node is Document {\n  const {Document} = getWindow(node);\n\n  return node instanceof Document;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nimport {isWindow} from './isWindow';\n\nexport function isHTMLElement(node: Node | Window): node is HTMLElement {\n  if (isWindow(node)) {\n    return false;\n  }\n\n  return node instanceof getWindow(node).HTMLElement;\n}\n","import {getWindow} from '../execution-context/getWindow';\n\nexport function isSVGElement(node: Node): node is SVGElement {\n  return node instanceof getWindow(node).SVGElement;\n}\n","import {\n  isWindow,\n  isHTMLElement,\n  isDocument,\n  isNode,\n  isSVGElement,\n} from '../type-guards';\n\nexport function getOwnerDocument(target: Event['target']): Document {\n  if (!target) {\n    return document;\n  }\n\n  if (isWindow(target)) {\n    return target.document;\n  }\n\n  if (!isNode(target)) {\n    return document;\n  }\n\n  if (isDocument(target)) {\n    return target;\n  }\n\n  if (isHTMLElement(target) || isSVGElement(target)) {\n    return target.ownerDocument;\n  }\n\n  return document;\n}\n","import {useEffect, useLayoutEffect} from 'react';\n\nimport {canUseDOM} from '../execution-context';\n\n/**\n * A hook that resolves to useEffect on the server and useLayoutEffect on the client\n * @param callback {function} Callback function that is invoked when the dependencies of the hook change\n */\nexport const useIsomorphicLayoutEffect = canUseDOM\n  ? useLayoutEffect\n  : useEffect;\n","import {useCallback, useRef} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useEvent<T extends Function>(handler: T | undefined) {\n  const handlerRef = useRef<T | undefined>(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return useCallback(function (...args: any) {\n    return handlerRef.current?.(...args);\n  }, []);\n}\n","import {useCallback, useRef} from 'react';\n\nexport function useInterval() {\n  const intervalRef = useRef<number | null>(null);\n\n  const set = useCallback((listener: Function, duration: number) => {\n    intervalRef.current = setInterval(listener, duration);\n  }, []);\n\n  const clear = useCallback(() => {\n    if (intervalRef.current !== null) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  return [set, clear] as const;\n}\n","import {useRef} from 'react';\nimport type {DependencyList} from 'react';\n\nimport {useIsomorphicLayoutEffect} from './useIsomorphicLayoutEffect';\n\nexport function useLatestValue<T extends any>(\n  value: T,\n  dependencies: DependencyList = [value]\n) {\n  const valueRef = useRef<T>(value);\n\n  useIsomorphicLayoutEffect(() => {\n    if (valueRef.current !== value) {\n      valueRef.current = value;\n    }\n  }, dependencies);\n\n  return valueRef;\n}\n","import {useMemo, useRef} from 'react';\n\nexport function useLazyMemo<T>(\n  callback: (prevValue: T | undefined) => T,\n  dependencies: any[]\n) {\n  const valueRef = useRef<T>();\n\n  return useMemo(\n    () => {\n      const newValue = callback(valueRef.current);\n      valueRef.current = newValue;\n\n      return newValue;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...dependencies]\n  );\n}\n","import {useRef, useCallback} from 'react';\n\nimport {useEvent} from './useEvent';\n\nexport function useNodeRef(\n  onChange?: (\n    newElement: HTMLElement | null,\n    previousElement: HTMLElement | null\n  ) => void\n) {\n  const onChangeHandler = useEvent(onChange);\n  const node = useRef<HTMLElement | null>(null);\n  const setNodeRef = useCallback(\n    (element: HTMLElement | null) => {\n      if (element !== node.current) {\n        onChangeHandler?.(element, node.current);\n      }\n\n      node.current = element;\n    },\n    //eslint-disable-next-line\n    []\n  );\n\n  return [node, setNodeRef] as const;\n}\n","import {useRef, useEffect} from 'react';\n\nexport function usePrevious<T>(value: T) {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n","import {useMemo} from 'react';\n\nlet ids: Record<string, number> = {};\n\nexport function useUniqueId(prefix: string, value?: string) {\n  return useMemo(() => {\n    if (value) {\n      return value;\n    }\n\n    const id = ids[prefix] == null ? 0 : ids[prefix] + 1;\n    ids[prefix] = id;\n\n    return `${prefix}-${id}`;\n  }, [prefix, value]);\n}\n","function createAdjustmentFn(modifier: number) {\n  return <T extends Record<U, number>, U extends string>(\n    object: T,\n    ...adjustments: Partial<T>[]\n  ): T => {\n    return adjustments.reduce<T>(\n      (accumulator, adjustment) => {\n        const entries = Object.entries(adjustment) as [U, number][];\n\n        for (const [key, valueAdjustment] of entries) {\n          const value = accumulator[key];\n\n          if (value != null) {\n            accumulator[key] = (value + modifier * valueAdjustment) as T[U];\n          }\n        }\n\n        return accumulator;\n      },\n      {\n        ...object,\n      }\n    );\n  };\n}\n\nexport const add = createAdjustmentFn(1);\nexport const subtract = createAdjustmentFn(-1);\n","export function hasViewportRelativeCoordinates(\n  event: Event\n): event is Event & Pick<PointerEvent, 'clientX' | 'clientY'> {\n  return 'clientX' in event && 'clientY' in event;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isKeyboardEvent(\n  event: Event | undefined | null\n): event is KeyboardEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {KeyboardEvent} = getWindow(event.target);\n\n  return KeyboardEvent && event instanceof KeyboardEvent;\n}\n","import {getWindow} from '../execution-context';\n\nexport function isTouchEvent(\n  event: Event | undefined | null\n): event is TouchEvent {\n  if (!event) {\n    return false;\n  }\n\n  const {TouchEvent} = getWindow(event.target);\n\n  return TouchEvent && event instanceof TouchEvent;\n}\n","import type {Coordinates} from './types';\nimport {isTouchEvent, hasViewportRelativeCoordinates} from '../event';\n\n/**\n * Returns the normalized x and y coordinates for mouse and touch events.\n */\nexport function getEventCoordinates(event: Event): Coordinates | null {\n  if (isTouchEvent(event)) {\n    if (event.touches && event.touches.length) {\n      const {clientX: x, clientY: y} = event.touches[0];\n\n      return {\n        x,\n        y,\n      };\n    } else if (event.changedTouches && event.changedTouches.length) {\n      const {clientX: x, clientY: y} = event.changedTouches[0];\n\n      return {\n        x,\n        y,\n      };\n    }\n  }\n\n  if (hasViewportRelativeCoordinates(event)) {\n    return {\n      x: event.clientX,\n      y: event.clientY,\n    };\n  }\n\n  return null;\n}\n","export type Transform = {\n  x: number;\n  y: number;\n  scaleX: number;\n  scaleY: number;\n};\n\nexport interface Transition {\n  property: string;\n  easing: string;\n  duration: number;\n}\n\nexport const CSS = Object.freeze({\n  Translate: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {x, y} = transform;\n\n      return `translate3d(${x ? Math.round(x) : 0}px, ${\n        y ? Math.round(y) : 0\n      }px, 0)`;\n    },\n  },\n  Scale: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      const {scaleX, scaleY} = transform;\n\n      return `scaleX(${scaleX}) scaleY(${scaleY})`;\n    },\n  },\n  Transform: {\n    toString(transform: Transform | null) {\n      if (!transform) {\n        return;\n      }\n\n      return [\n        CSS.Translate.toString(transform),\n        CSS.Scale.toString(transform),\n      ].join(' ');\n    },\n  },\n  Transition: {\n    toString({property, duration, easing}: Transition) {\n      return `${property} ${duration}ms ${easing}`;\n    },\n  },\n});\n","const SELECTOR =\n  'a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]';\n\nexport function findFirstFocusableNode(\n  element: HTMLElement\n): HTMLElement | null {\n  if (element.matches(SELECTOR)) {\n    return element;\n  }\n\n  return element.querySelector(SELECTOR);\n}\n"]}