@strapi/admin 5.0.0-beta.5 → 5.0.0-beta.7

package/dist/admin/{Ornaments-RhzFP9rf.js.map → Ornaments-UTssGzOw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Ornaments-RhzFP9rf.js","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`${16 / 16}rem`} color=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`${2 / 16}rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":["jsx","Flex","Check","Typography","Box"],"mappings":";;;;;;AAAA,MAAM,WAAc,GAAA;AAAA,EAClB,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,0CAAA;AAAA,QACJ,cAAgB,EAAA,gCAAA;AAAA,OAClB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,8CAAA;AAAA,UACJ,cAAgB,EAAA,gCAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,MAAQ,EAAA,+BAAA;AAAA,OACV;AAAA,MACA,aAAe,EAAA,8CAAA;AAAA,KACjB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,4CAAA;AAAA,QACJ,cAAgB,EAAA,mCAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,8CAAA;AAAA,QACJ,cACE,EAAA,4NAAA;AAAA,OACJ;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,gDAAA;AAAA,UACJ,cAAgB,EAAA,yBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,OAAA;AAAA,OACR;AAAA,MACA,aAAe,EAAA,uCAAA;AAAA,KACjB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,6CAAA;AAAA,QACJ,cAAgB,EAAA,qBAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,+CAAA;AAAA,QACJ,cAAgB,EAAA,0EAAA;AAAA,OAClB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,0CAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,MAAQ,EAAA,kBAAA;AAAA,OACV;AAAA,MACA,aAAe,EAAA,mCAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,yCAAA;AAAA,QACJ,cAAgB,EAAA,iDAAA;AAAA,OAClB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,0CAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,MAAQ,EAAA,kBAAA;AAAA,OACV;AAAA,MACA,aAAe,EAAA,0CAAA;AAAA,KACjB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,2CAAA;AAAA,QACJ,cAAgB,EAAA,mBAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,6CAAA;AAAA,QACJ,cACE,EAAA,kQAAA;AAAA,OACJ;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,0CAAA;AAAA,UACJ,cAAgB,EAAA,gBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,OAAA;AAAA,OACR;AAAA,MACA,aAAe,EAAA,uCAAA;AAAA,KACjB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,4CAAA;AAAA,QACJ,cAAgB,EAAA,qBAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,8CAAA;AAAA,QACJ,cAAgB,EAAA,sEAAA;AAAA,OAClB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,gDAAA;AAAA,UACJ,cAAgB,EAAA,cAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,MAAQ,EAAA,sBAAA;AAAA,OACV;AAAA,MACA,aAAe,EAAA,0BAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,kDAAA;AAAA,QACJ,cAAgB,EAAA,0BAAA;AAAA,OAClB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,oDAAA;AAAA,UACJ,cAAgB,EAAA,cAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,MAAQ,EAAA,sBAAA;AAAA,OACV;AAAA,MACA,aAAe,EAAA,qCAAA;AAAA,KACjB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,kDAAA;AAAA,QACJ,cAAgB,EAAA,0BAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,oDAAA;AAAA,QACJ,cACE,EAAA,yFAAA;AAAA,OACJ;AAAA,MACA,GAAK,EAAA;AAAA,QACH,KAAO,EAAA;AAAA,UACL,EAAI,EAAA,sDAAA;AAAA,UACJ,cAAgB,EAAA,uBAAA;AAAA,SAClB;AAAA,QACA,IAAM,EAAA,OAAA;AAAA,OACR;AAAA,MACA,aAAe,EAAA,kCAAA;AAAA,KACjB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA;AAAA,QACL,EAAI,EAAA,mDAAA;AAAA,QACJ,cAAgB,EAAA,qBAAA;AAAA,OAClB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,EAAI,EAAA,qDAAA;AAAA,QACJ,cACE,EAAA,+VAAA;AAAA,OACJ;AAAA,MACA,aAAe,EAAA,gCAAA;AAAA,KACjB;AAAA,GACF;AACF,EAAA;AAEA,MAAM,MAAS,GAAA;AAAA,EACb,OAAS,EAAA,SAAA;AAAA,EACT,SAAW,EAAA,WAAA;AAAA,EACX,WAAa,EAAA,aAAA;AACf;;ACvJA,MAAM,SAAS,CAAC,EAAE,UAAU,KAAO,EAAA,GAAG,OAAyB,KAAA;AAC7D,EAAA,OAAO,KAAU,KAAA,MAAA,CAAO,OAAW,IAAA,KAAA,KAAU,OAAO,SAClD,mBAAAA,cAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,YAAA;AAAA,MACX,OAAS,EAAA,CAAA;AAAA,MACT,YAAa,EAAA,KAAA;AAAA,MACb,KAAA,EAAO,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,MACjB,MAAA,EAAQ,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,MAClB,cAAe,EAAA,QAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,KAAA,KAAU,OAAO,OAChB,mBAAAD,cAAA,CAACE,eAAM,aAAW,EAAA,IAAA,EAAC,OAAO,CAAG,EAAA,EAAA,GAAK,EAAE,CAAO,GAAA,CAAA,EAAA,KAAA,EAAM,YAAW,CAE5D,mBAAAF,cAAA,CAACG,2BAAW,UAAW,EAAA,UAAA,EAAW,SAAU,EAAA,UAAA,EACzC,QACH,EAAA,CAAA;AAAA,KAAA;AAAA,GAIJ,mBAAAH,cAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,YAAA;AAAA,MACZ,WAAY,EAAA,KAAA;AAAA,MACZ,WAAY,EAAA,OAAA;AAAA,MACZ,OAAS,EAAA,CAAA;AAAA,MACT,YAAa,EAAA,KAAA;AAAA,MACb,KAAA,EAAO,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,MACjB,MAAA,EAAQ,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,MAClB,cAAe,EAAA,QAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAEJ,yCAACE,uBAAW,EAAA,EAAA,UAAA,EAAW,UAAW,EAAA,SAAA,EAAU,cACzC,QACH,EAAA,CAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAUA,MAAM,kBAAkB,CAAC,EAAE,KAAO,EAAA,GAAG,OACnC,qBAAAH,cAAA;AAAA,EAACI,gBAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAO,CAAG,EAAA,CAAA,GAAI,EAAE,CAAA,GAAA,CAAA;AAAA,IAChB,MAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,KAAA,KAAU,MAAO,CAAA,WAAA,GAAc,YAAe,GAAA,YAAA;AAAA,IAC1D,SAAS,EAAA,IAAA;AAAA,IACT,SAAA,EAAW,KAAU,KAAA,MAAA,CAAO,SAAY,GAAA,CAAA,EAAG,KAAK,EAAE,CAAA,GAAA,CAAA,GAAQ,CAAG,EAAA,EAAA,GAAK,EAAE,CAAA,GAAA,CAAA;AAAA,IACnE,GAAG,KAAA;AAAA,GAAA;AACN;;;;;;;"}
+{"version":3,"file":"Ornaments-UTssGzOw.js","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`1.6rem`} color=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`0.2rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":["jsx","Flex","Check","Typography","Box"],"mappings":"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"}

package/dist/admin/{Ornaments-izqdN6fh.mjs → Ornaments-h_LCCr5P.mjs}

@@ -171,11 +171,11 @@ const Number = ({ children, state, ...props }) => {
       background: "primary600",
       padding: 2,
       borderRadius: "50%",
-      width: `${30 / 16}rem`,
-      height: `${30 / 16}rem`,
+      width: `3rem`,
+      height: `3rem`,
       justifyContent: "center",
       ...props,
-      children: state === STATES.IS_DONE ? /* @__PURE__ */ jsx(Check, { "aria-hidden": true, width: `${16 / 16}rem`, color: "neutral0" }) : /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral0", children })
+      children: state === STATES.IS_DONE ? /* @__PURE__ */ jsx(Check, { "aria-hidden": true, width: `1.6rem`, color: "neutral0" }) : /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral0", children })
     }
   ) : /* @__PURE__ */ jsx(
     Flex,
@@ -185,8 +185,8 @@ const Number = ({ children, state, ...props }) => {
       borderStyle: "solid",
       padding: 2,
       borderRadius: "50%",
-      width: `${30 / 16}rem`,
-      height: `${30 / 16}rem`,
+      width: `3rem`,
+      height: `3rem`,
       justifyContent: "center",
       ...props,
       children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral600", children })
@@ -196,14 +196,14 @@ const Number = ({ children, state, ...props }) => {
 const VerticalDivider = ({ state, ...props }) => /* @__PURE__ */ jsx(
   Box,
   {
-    width: `${2 / 16}rem`,
+    width: `0.2rem`,
     height: "100%",
     background: state === STATES.IS_NOT_DONE ? "neutral300" : "primary500",
     hasRadius: true,
-    minHeight: state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`,
+    minHeight: state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`,
     ...props
   }
 );
 
 export { LAYOUT_DATA as L, Number as N, STATES as S, VerticalDivider as V };
-//# sourceMappingURL=Ornaments-izqdN6fh.mjs.map
+//# sourceMappingURL=Ornaments-h_LCCr5P.mjs.map

package/dist/admin/{Ornaments-izqdN6fh.mjs.map → Ornaments-h_LCCr5P.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Ornaments-izqdN6fh.mjs","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`${16 / 16}rem`} color=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`${30 / 16}rem`}\n      height={`${30 / 16}rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`${2 / 16}rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `${85 / 16}rem` : `${65 / 16}rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Ornaments-h_LCCr5P.mjs","sources":["../../admin/src/components/GuidedTour/constants.ts","../../admin/src/components/GuidedTour/Ornaments.tsx"],"sourcesContent":["const LAYOUT_DATA = {\n  contentTypeBuilder: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CTB.title',\n        defaultMessage: '🧠 Build the content structure',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.CTB.cta.title',\n          defaultMessage: 'Go to the Content type Builder',\n        },\n        type: 'REDIRECT',\n        target: '/plugins/content-type-builder',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentTypeBuilder',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.create.title',\n        defaultMessage: '🧠 Create a first Collection type',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.create.content',\n        defaultMessage:\n          '<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CTB.create.cta.title',\n          defaultMessage: 'Build a Collection type',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep1CollectionType',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CTB.success.title',\n        defaultMessage: 'Step 1: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CTB.success.content',\n        defaultMessage: '<p>Good going!</p><b>⚡️ What would you like to share with the world?</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didCreateGuidedTourCollectionType',\n    },\n  },\n  contentManager: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.home.CM.title',\n        defaultMessage: '⚡️ What would you like to share with the world?',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'REDIRECT',\n        target: '/content-manager',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageContentManager',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.CM.create.title',\n        defaultMessage: '⚡️ Create content',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.create.content',\n        defaultMessage:\n          \"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>💡 Quick tip - Don't forget to hit publish on the content you create.</p>\",\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.create-content',\n          defaultMessage: 'Create content',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep2ContentManager',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.CM.success.title',\n        defaultMessage: 'Step 2: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.CM.success.content',\n        defaultMessage: '<p>Awesome, one last step to go!</p><b>🚀  See content in action</b>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.CM.success.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didCreateGuidedTourEntry',\n    },\n  },\n  apiTokens: {\n    home: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.home.apiTokens.cta.title',\n          defaultMessage: 'Test the API',\n        },\n        type: 'REDIRECT',\n        target: '/settings/api-tokens',\n      },\n      trackingEvent: 'didClickGuidedTourHomepageApiTokens',\n    },\n    create: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.create.title',\n        defaultMessage: '🚀 See content in action',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.create.content',\n        defaultMessage:\n          '<p>Generate an authentication token here and retrieve the content you just created.</p>',\n      },\n      cta: {\n        title: {\n          id: 'app.components.GuidedTour.apiTokens.create.cta.title',\n          defaultMessage: 'Generate an API Token',\n        },\n        type: 'CLOSE',\n      },\n      trackingEvent: 'didClickGuidedTourStep3ApiTokens',\n    },\n    success: {\n      title: {\n        id: 'app.components.GuidedTour.apiTokens.success.title',\n        defaultMessage: 'Step 3: Completed ✅',\n      },\n      content: {\n        id: 'app.components.GuidedTour.apiTokens.success.content',\n        defaultMessage:\n          \"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>\",\n      },\n      trackingEvent: 'didGenerateGuidedTourApiTokens',\n    },\n  },\n} as const;\n\nconst STATES = {\n  IS_DONE: 'IS_DONE',\n  IS_ACTIVE: 'IS_ACTIVE',\n  IS_NOT_DONE: 'IS_NOT_DONE',\n} as const;\n\ntype LayoutData = typeof LAYOUT_DATA;\ntype States = keyof typeof STATES;\n\nexport { LAYOUT_DATA, STATES };\nexport type { LayoutData, States };\n","import { Box, BoxProps, Flex, FlexProps, Typography } from '@strapi/design-system';\nimport { Check } from '@strapi/icons';\n\nimport { STATES, States } from './constants';\n\n/* -------------------------------------------------------------------------------------------------\n * Number\n * -----------------------------------------------------------------------------------------------*/\n\ninterface NumberProps extends FlexProps {\n  children: number;\n  state: States;\n}\n\nconst Number = ({ children, state, ...props }: NumberProps) => {\n  return state === STATES.IS_DONE || state === STATES.IS_ACTIVE ? (\n    <Flex\n      background=\"primary600\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      {state === STATES.IS_DONE ? (\n        <Check aria-hidden width={`1.6rem`} color=\"neutral0\" />\n      ) : (\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral0\">\n          {children}\n        </Typography>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      borderColor=\"neutral500\"\n      borderWidth=\"1px\"\n      borderStyle=\"solid\"\n      padding={2}\n      borderRadius=\"50%\"\n      width={`3rem`}\n      height={`3rem`}\n      justifyContent=\"center\"\n      {...props}\n    >\n      <Typography fontWeight=\"semiBold\" textColor=\"neutral600\">\n        {children}\n      </Typography>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * VerticalDivider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface VerticalDividerProps extends BoxProps {\n  state: States;\n}\n\nconst VerticalDivider = ({ state, ...props }: VerticalDividerProps) => (\n  <Box\n    width={`0.2rem`}\n    height=\"100%\"\n    background={state === STATES.IS_NOT_DONE ? 'neutral300' : 'primary500'}\n    hasRadius\n    minHeight={state === STATES.IS_ACTIVE ? `8.5rem` : `6.5rem`}\n    {...props}\n  />\n);\n\nexport { Number, VerticalDivider };\nexport type { NumberProps, VerticalDividerProps };\n"],"names":[],"mappings":"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"}

package/dist/admin/{Permissions-eyokRb6a.mjs → Permissions-Ng22nlYS.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useMemo } from 'react';
-import { Flex, Box, BaseCheckbox, Typography, Button, ModalLayout, ModalHeader, ModalBody, ModalFooter, MultiSelectNested, Accordion, AccordionToggle, AccordionContent, Checkbox, Grid, GridItem, TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/design-system';
+import { Flex, Box, BaseCheckbox, Typography, Button, ModalLayout, ModalHeader, Breadcrumbs, Crumb, ModalBody, ModalFooter, MultiSelectNested, Accordion, AccordionToggle, AccordionContent, Checkbox, Grid, GridItem, TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/design-system';
 import { produce } from 'immer';
 import cloneDeep from 'lodash/cloneDeep';
 import get from 'lodash/get';
@@ -9,7 +9,7 @@ import has from 'lodash/has';
 import isEmpty from 'lodash/isEmpty';
 import set from 'lodash/set';
 import { useIntl } from 'react-intl';
-import { y as isObject$1 } from './index-3MYZ88xc.mjs';
+import { A as isObject$1 } from './index--VHJr8__.mjs';
 import { createContext } from '@radix-ui/react-context';
 import isEqual from 'lodash/isEqual';
 import isObject from 'lodash/isObject';
@@ -17,10 +17,9 @@ import transform from 'lodash/transform';
 import merge from 'lodash/merge';
 import groupBy from 'lodash/groupBy';
 import omit from 'lodash/omit';
-import styled, { css } from 'styled-components';
-import { CarretDown, Cog, ChevronUp, ChevronDown } from '@strapi/icons';
-import { q as capitalise } from './rbac-sYT_mXH0.mjs';
-import { Breadcrumbs, Crumb } from '@strapi/design-system/v2';
+import { styled, css } from 'styled-components';
+import { CaretDown, Cog, ChevronUp, ChevronDown } from '@strapi/icons';
+import { q as capitalise } from './rbac-OjYDiE2n.mjs';
 import upperFirst from 'lodash/upperFirst';
 
 const [PermissionsDataManagerProvider, usePermissionsDataManagerContext] = createContext("PermissionsDataManager");
@@ -341,9 +340,9 @@ const updateValues = (obj, valueToSet, isFieldUpdate = false) => {
   }, {});
 };
 
-const cellWidth = `${120 / 16}rem`;
-const firstRowWidth = `${200 / 16}rem`;
-const rowHeight = `${53 / 16}rem`;
+const cellWidth = `12rem`;
+const firstRowWidth = `20rem`;
+const rowHeight = `5.3rem`;
 
 const removeConditionKeyFromData = (obj) => {
   if (!obj) {
@@ -372,7 +371,7 @@ const CollapseLabel = styled(Flex)`
   padding-right: ${({ theme }) => theme.spaces[2]};
   overflow: hidden;
   flex: 1;
-  ${({ isCollapsable }) => isCollapsable && "cursor: pointer;"}
+  ${({ $isCollapsable }) => $isCollapsable && "cursor: pointer;"}
 `;
 
 const HiddenAction = styled.div`
@@ -422,7 +421,7 @@ const RowLabelWithCheckbox = ({
       {
         title: label,
         alignItems: "center",
-        isCollapsable,
+        $isCollapsable: isCollapsable,
         ...isCollapsable && {
           onClick,
           "aria-expanded": isActive,
@@ -531,8 +530,8 @@ const ActionRow$1 = ({
       Wrapper$1,
       {
         alignItems: "center",
-        isCollapsable,
-        isActive,
+        $isCollapsable: isCollapsable,
+        $isActive: isActive,
         background: isOdd ? "neutral100" : "neutral0",
         children: /* @__PURE__ */ jsxs(Flex, { children: [
           /* @__PURE__ */ jsxs(
@@ -675,7 +674,7 @@ const Wrapper$1 = styled(Flex)`
   height: ${rowHeight};
   flex: 1;
 
-  ${({ isCollapsable, theme }) => isCollapsable && `
+  ${({ $isCollapsable, theme }) => $isCollapsable && `
       ${CarretIcon} {
         display: block;
         color: ${theme.colors.neutral100};
@@ -684,11 +683,11 @@ const Wrapper$1 = styled(Flex)`
         ${activeStyle(theme)}
       }
   `}
-  ${({ isActive, theme }) => isActive && activeStyle(theme)};
+  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};
 `;
-const CarretIcon = styled(CarretDown)`
+const CarretIcon = styled(CaretDown)`
   display: none;
-  width: ${10 / 16}rem;
+  width: 1rem;
   transform: rotate(${({ $isActive }) => $isActive ? "180" : "0"}deg);
   margin-left: ${({ theme }) => theme.spaces[2]};
 `;
@@ -718,13 +717,13 @@ const SubActionRow = ({
     }
     return childrenForm.find(({ value }) => value === rowToOpen);
   }, [rowToOpen, childrenForm]);
-  return /* @__PURE__ */ jsxs(Box, { paddingLeft: `2rem`, children: [
+  return /* @__PURE__ */ jsxs(Box, { paddingLeft: `3.2rem`, children: [
     /* @__PURE__ */ jsx(TopTimeline, {}),
     childrenForm.map(({ label, value, required, children: subChildrenForm }, index) => {
       const isVisible = index + 1 < childrenForm.length;
       const isArrayType = Array.isArray(subChildrenForm);
       const isActive = rowToOpen === value;
-      return /* @__PURE__ */ jsxs(LeftBorderTimeline, { isVisible, children: [
+      return /* @__PURE__ */ jsxs(LeftBorderTimeline, { $isVisible: isVisible, children: [
         /* @__PURE__ */ jsxs(Flex, { height: rowHeight, children: [
           /* @__PURE__ */ jsx(StyledBox$1, { children: /* @__PURE__ */ jsx(
             Svg,
@@ -734,7 +733,7 @@ const SubActionRow = ({
               viewBox: "0 0 20 23",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
-              color: "primary200",
+              $color: "primary200",
               children: /* @__PURE__ */ jsx(
                 "path",
                 {
@@ -747,11 +746,11 @@ const SubActionRow = ({
             }
           ) }),
           /* @__PURE__ */ jsxs(Flex, { style: { flex: 1 }, children: [
-            /* @__PURE__ */ jsx(RowStyle, { level: recursiveLevel, isActive, isCollapsable: isArrayType, children: /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx(RowStyle, { $level: recursiveLevel, $isActive: isActive, $isCollapsable: isArrayType, children: /* @__PURE__ */ jsxs(
               CollapseLabel,
               {
                 alignItems: "center",
-                isCollapsable: isArrayType,
+                $isCollapsable: isArrayType,
                 ...isArrayType && {
                   onClick: () => handleClickToggleSubLevel(value),
                   "aria-expanded": isActive,
@@ -761,7 +760,7 @@ const SubActionRow = ({
                 },
                 title: label,
                 children: [
-                  /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: capitalise(label) }),
+                  /* @__PURE__ */ jsx(RowLabel, { ellipsis: true, children: capitalise(label) }),
                   required && /* @__PURE__ */ jsx(RequiredSign, {}),
                   /* @__PURE__ */ jsx(CarretIcon, { $isActive: isActive })
                 ]
@@ -873,13 +872,13 @@ const SubActionRow = ({
   ] });
 };
 const LeftBorderTimeline = styled(Box)`
-  border-left: ${({ isVisible, theme }) => isVisible ? `4px solid ${theme.colors.primary200}` : "4px solid transparent"};
+  border-left: ${({ $isVisible, theme }) => $isVisible ? `4px solid ${theme.colors.primary200}` : "4px solid transparent"};
 `;
 const RowStyle = styled(Flex)`
   padding-left: ${({ theme }) => theme.spaces[4]};
-  width: ${({ level }) => 145 - level * 36}px;
+  width: ${({ $level }) => 145 - $level * 36}px;
 
-  ${({ isCollapsable, theme }) => isCollapsable && `
+  ${({ $isCollapsable, theme }) => $isCollapsable && `
       ${CarretIcon} {
         display: block;
         color: ${theme.colors.neutral100};
@@ -888,12 +887,13 @@ const RowStyle = styled(Flex)`
         ${activeStyle(theme)}
       }
   `}
-  ${({ isActive, theme }) => isActive && activeStyle(theme)};
+  ${({ $isActive, theme }) => $isActive && activeStyle(theme)};
 `;
+const RowLabel = styled(Typography)``;
 const TopTimeline = styled.div`
   padding-top: ${({ theme }) => theme.spaces[2]};
   margin-top: ${({ theme }) => theme.spaces[2]};
-  width: ${4 / 16}rem;
+  width: 0.4rem;
   background-color: ${({ theme }) => theme.colors.primary200};
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
@@ -903,8 +903,8 @@ const StyledBox$1 = styled(Box)`
 
   &:before {
     content: '';
-    width: ${4 / 16}rem;
-    height: ${12 / 16}rem;
+    width: 0.4rem;
+    height: 1.2rem;
     background: ${({ theme }) => theme.colors.primary200};
     display: block;
   }
@@ -915,7 +915,7 @@ const Svg = styled.svg`
   transform: translate(-0.5px, -1px);
 
   * {
-    fill: ${({ theme, color }) => theme.colors[color]};
+    fill: ${({ theme, $color }) => theme.colors[$color]};
   }
 `;
 const Header = ({ headers = [], label }) => {
@@ -940,7 +940,7 @@ const Header = ({ headers = [], label }) => {
   ] });
 };
 const activeStyle = (theme) => css`
-  ${Typography} {
+  ${RowLabel} {
     color: ${theme.colors.primary600};
     font-weight: ${theme.fontWeights.bold};
   }
@@ -960,13 +960,13 @@ const ConditionsButtonImpl = ({
   variant = "tertiary"
 }) => {
   const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(ButtonContainer, { hasConditions, className, children: /* @__PURE__ */ jsx(Button, { variant, startIcon: /* @__PURE__ */ jsx(Cog, {}), onClick, children: formatMessage({
+  return /* @__PURE__ */ jsx(ButtonContainer, { $hasConditions: hasConditions, className, children: /* @__PURE__ */ jsx(Button, { variant, startIcon: /* @__PURE__ */ jsx(Cog, {}), onClick, children: formatMessage({
     id: "global.settings",
     defaultMessage: "Settings"
   }) }) });
 };
 const ButtonContainer = styled(Box)`
-  ${({ hasConditions, disabled, theme }) => hasConditions && `
+  ${({ $hasConditions, theme }) => $hasConditions && `
     &:before {
       content: '';
       position: absolute;
@@ -974,8 +974,8 @@ const ButtonContainer = styled(Box)`
       left: -10px;
       width: 6px;
       height: 6px;
-      border-radius: ${20 / 16}rem;;
-      background: ${disabled ? theme.colors.neutral100 : theme.colors.primary600};
+      border-radius: 2rem;
+      background: ${theme.colors.primary600};
     }
   `}
 `;
@@ -1104,7 +1104,7 @@ const ActionRow = ({
       onChange(name, getNewStateFromChangedValues(arrayOfOptionsGroupedByCategory, val));
     }
   };
-  return /* @__PURE__ */ jsxs(Flex, { as: "li", background: isGrey ? "neutral100" : "neutral0", paddingBottom: 3, paddingTop: 3, children: [
+  return /* @__PURE__ */ jsxs(Flex, { tag: "li", background: isGrey ? "neutral100" : "neutral0", paddingBottom: 3, paddingTop: 3, children: [
     /* @__PURE__ */ jsxs(Flex, { paddingLeft: 6, style: { width: 180 }, children: [
       /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral600", children: [
         formatMessage({
@@ -1244,7 +1244,7 @@ const Collapse = ({
     return generateCheckboxesActions(availableActions, modifiedData, pathToData);
   }, [availableActions, modifiedData, pathToData]);
   const doesConditionButtonHasConditions = checkboxesActions.some((action) => action.hasConditions);
-  return /* @__PURE__ */ jsxs(BoxWrapper, { isActive, children: [
+  return /* @__PURE__ */ jsxs(BoxWrapper, { $isActive: isActive, children: [
     /* @__PURE__ */ jsxs(
       Wrapper,
       {
@@ -1285,7 +1285,7 @@ const Collapse = ({
                   hasConditions && /* @__PURE__ */ jsx(
                     Box,
                     {
-                      as: "span",
+                      tag: "span",
                       position: "absolute",
                       top: "-6px",
                       left: "37px",
@@ -1325,7 +1325,7 @@ const Collapse = ({
                 hasConditions && /* @__PURE__ */ jsx(
                   Box,
                   {
-                    as: "span",
+                    tag: "span",
                     position: "absolute",
                     top: "-6px",
                     left: "37px",
@@ -1442,9 +1442,9 @@ const BoxWrapper = styled.div`
   ${ConditionsButton} {
     display: none;
   }
-  ${({ isActive, theme }) => isActive && activeRowStyle(theme, isActive)}
+  ${({ $isActive, theme }) => $isActive && activeRowStyle(theme, $isActive)}
   &:hover {
-    ${({ theme, isActive }) => activeRowStyle(theme, isActive)}
+    ${({ theme, $isActive }) => activeRowStyle(theme, $isActive)}
   }
 `;
 const Cell = styled(Flex)`
@@ -1707,7 +1707,7 @@ const SubCategory = ({
       ] }),
       /* @__PURE__ */ jsxs(Flex, { paddingTop: 6, paddingBottom: 6, children: [
         /* @__PURE__ */ jsx(Grid, { gap: 2, style: { flex: 1 }, children: formattedActions.map(({ checkboxName, value, action, displayName, hasConditions }) => {
-          return /* @__PURE__ */ jsx(GridItem, { col: 3, children: /* @__PURE__ */ jsx(CheckboxWrapper, { disabled: isFormDisabled, hasConditions, children: /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx(GridItem, { col: 3, children: /* @__PURE__ */ jsx(CheckboxWrapper, { $disabled: isFormDisabled, $hasConditions: hasConditions, children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               name: checkboxName,
@@ -1753,16 +1753,16 @@ const Border = styled(Box)`
 const CheckboxWrapper = styled.div`
   position: relative;
   word-break: keep-all;
-  ${({ hasConditions, disabled, theme }) => hasConditions && `
+  ${({ $hasConditions, $disabled, theme }) => $hasConditions && `
     &:before {
       content: '';
       position: absolute;
-      top: ${-4 / 16}rem;
-      left: ${-8 / 16}rem;
-      width: ${6 / 16}rem;
-      height: ${6 / 16}rem;
-      border-radius: ${20 / 16}rem;
-      background: ${disabled ? theme.colors.neutral100 : theme.colors.primary600};
+      top: -0.4rem;
+      left: -0.8rem;
+      width: 0.6rem;
+      height: 0.6rem;
+      border-radius: 2rem;
+      background: ${$disabled ? theme.colors.neutral100 : theme.colors.primary600};
     }
   `}
 `;
@@ -2047,4 +2047,4 @@ const init = (layout, permissions) => {
 };
 
 export { Permissions as P };
-//# sourceMappingURL=Permissions-eyokRb6a.mjs.map
+//# sourceMappingURL=Permissions-Ng22nlYS.mjs.map