@strapi/design-system 1.19.0-typescript.0 → 2.0.0-beta.1

package/dist/themes/colors.d.ts

@@ -52,3 +52,4 @@ export interface Colors {
     warning600: string;
     warning700: string;
 }
+//# sourceMappingURL=colors.d.ts.map

package/dist/themes/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/themes/colors.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/themes/common-theme.d.ts

@@ -17,3 +17,4 @@ export interface CommonTheme {
     };
 }
 export declare const commonTheme: CommonTheme;
+//# sourceMappingURL=common-theme.d.ts.map

package/dist/themes/common-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-theme.d.ts","sourceRoot":"","sources":["../../src/themes/common-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,MAAM,SAAS,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtG,YAAY,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5D,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACvD,WAAW,EAAE;QACX,OAAO,EAAE,GAAG,CAAC;QACb,QAAQ,EAAE,GAAG,CAAC;QACd,IAAI,EAAE,GAAG,CAAC;KACX,CAAC;CACH;AAED,eAAO,MAAM,WAAW,EAAE,WAgBzB,CAAC"}

package/dist/themes/darkTheme/dark-colors.d.ts

@@ -2,3 +2,4 @@ import { Colors } from '../colors';
 export declare const darkColorTokenObject: {
     color: Colors;
 };
+//# sourceMappingURL=dark-colors.d.ts.map

package/dist/themes/darkTheme/dark-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-colors.d.ts","sourceRoot":"","sources":["../../../src/themes/darkTheme/dark-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,eAAO,MAAM,oBAAoB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAgDjD,CAAC"}

package/dist/themes/darkTheme/dark-shadows.d.ts

@@ -2,3 +2,4 @@ import { Shadows } from '../colors';
 export declare const darkShadowTokenObject: {
     shadow: Shadows;
 };
+//# sourceMappingURL=dark-shadows.d.ts.map

package/dist/themes/darkTheme/dark-shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark-shadows.d.ts","sourceRoot":"","sources":["../../../src/themes/darkTheme/dark-shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAO,MAAM,qBAAqB,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CASpD,CAAC"}

package/dist/themes/darkTheme/index.d.ts

@@ -1,2 +1,3 @@
 import { DefaultTheme } from 'styled-components';
 export declare const darkTheme: DefaultTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/darkTheme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,eAAO,MAAM,SAAS,EAAE,YAIvB,CAAC"}

package/dist/themes/extendTheme.d.ts

@@ -1,2 +1,3 @@
 import { DefaultTheme } from 'styled-components';
 export declare const extendTheme: (theme: DefaultTheme | null, overrides: object | null) => {};
+//# sourceMappingURL=extendTheme.d.ts.map

package/dist/themes/extendTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendTheme.d.ts","sourceRoot":"","sources":["../../src/themes/extendTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAoBjD,eAAO,MAAM,WAAW,UAAW,YAAY,GAAG,IAAI,aAAa,MAAM,GAAG,IAAI,OAmC/E,CAAC"}

package/dist/themes/index.d.ts

@@ -8,3 +8,4 @@ export interface StrapiTheme extends CommonTheme {
     colors: Colors;
     shadows: Shadows;
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AAExB,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB"}

package/dist/themes/lightTheme/index.d.ts

@@ -1,2 +1,3 @@
 import { DefaultTheme } from 'styled-components';
 export declare const lightTheme: DefaultTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/themes/lightTheme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/lightTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,eAAO,MAAM,UAAU,EAAE,YAIxB,CAAC"}

package/dist/themes/lightTheme/light-colors.d.ts

@@ -2,3 +2,4 @@ import { Colors } from '../colors';
 export declare const lightColorTokenObject: {
     color: Colors;
 };
+//# sourceMappingURL=light-colors.d.ts.map

package/dist/themes/lightTheme/light-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-colors.d.ts","sourceRoot":"","sources":["../../../src/themes/lightTheme/light-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,eAAO,MAAM,qBAAqB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAgDlD,CAAC"}

package/dist/themes/lightTheme/light-shadows.d.ts

@@ -2,3 +2,4 @@ import { Shadows } from '../colors';
 export declare const lightShadowTokenObject: {
     shadow: Shadows;
 };
+//# sourceMappingURL=light-shadows.d.ts.map

package/dist/themes/lightTheme/light-shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-shadows.d.ts","sourceRoot":"","sources":["../../../src/themes/lightTheme/light-shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAO,MAAM,sBAAsB,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CASrD,CAAC"}

package/dist/themes/sizes.d.ts

@@ -19,3 +19,4 @@ export interface Sizes {
 }
 export declare const sizes: Sizes;
 export type InputSizes = keyof Sizes['input'];
+//# sourceMappingURL=sizes.d.ts.map

package/dist/themes/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/themes/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE;QACL,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,KAAK,EAAE;QACL,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;IACF,MAAM,EAAE;QACN,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX,CAAC;CACH;AACD,eAAO,MAAM,KAAK,EAAE,KAkBnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC"}

package/dist/themes/utils.d.ts

@@ -10,3 +10,4 @@ export declare const inputFocusStyle: (rootElement?: string) => ({ theme, hasErr
 export declare const buttonFocusStyle: ({ theme }: {
     theme: DefaultTheme;
 }) => import("styled-components").FlattenSimpleInterpolation;
+//# sourceMappingURL=utils.d.ts.map

package/dist/themes/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/themes/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,YAAY,sDAAqD,KAAK,uBACxD;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,yEAE3F,CAAC;AAEF,eAAO,MAAM,eAAe,kDAEI;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2DAUxE,CAAC;AAEJ,eAAO,MAAM,gBAAgB,cAAe;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,2DA8BlE,CAAC"}

package/dist/types.d.ts

@@ -1,3 +1,4 @@
-import { CSSProperties } from 'react';
+import * as React from 'react';
 import { DefaultTheme } from 'styled-components';
-export type DefaultThemeOrCSSProp<T extends keyof DefaultTheme, K extends keyof CSSProperties> = keyof DefaultTheme[T] | CSSProperties[K];
+export type DefaultThemeOrCSSProp<T extends keyof DefaultTheme, K extends keyof React.CSSProperties> = keyof DefaultTheme[T] | React.CSSProperties[K];
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,CAAC,SAAS,MAAM,KAAK,CAAC,aAAa,IAC/F,MAAM,YAAY,CAAC,CAAC,CAAC,GACrB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC"}

package/dist/utilities/AccessibleIcon/AccessibleIcon.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface AccessibleIconProps {
+    children?: React.ReactNode;
+    /**
+     * The accessible label for the icon. This label will be visually hidden but announced to screen
+     * reader users, similar to `alt` text for `img` tags.
+     */
+    label: string;
+}
+declare const AccessibleIcon: React.FC<AccessibleIconProps>;
+export { AccessibleIcon };
+export type { AccessibleIconProps };
+//# sourceMappingURL=AccessibleIcon.d.ts.map

package/dist/utilities/AccessibleIcon/AccessibleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleIcon.d.ts","sourceRoot":"","sources":["../../../src/utilities/AccessibleIcon/AccessibleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAajD,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/utilities/AccessibleIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AccessibleIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/AccessibleIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/AccessibleIcon/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,27 +1,12 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.19.0-typescript.0",
+  "version": "2.0.0-beta.1",
   "license": "MIT",
   "sideEffects": false,
+  "source": "./src/index.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./v2": {
-      "types": "./dist/v2/index.d.ts",
-      "import": "./dist/v2/index.mjs",
-      "require": "./dist/v2/index.js",
-      "default": "./dist/v2/index.js"
-    },
-    "./*": "./dist/*"
-  },
   "files": [
     "dist"
   ],
@@ -33,44 +18,35 @@
     "@radix-ui/react-dismissable-layer": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-focus-scope": "1.0.4",
-    "@strapi/ui-primitives": "1.19.0-typescript.0",
+    "@strapi/ui-primitives": "^2.0.0-beta.1",
     "@uiw/react-codemirror": "^4.21.25",
     "aria-hidden": "^1.2.4",
-    "compute-scroll-into-view": "^3.1.0",
-    "prop-types": "^15.8.1",
     "react-remove-scroll": "^2.5.9"
   },
   "devDependencies": {
-    "@playwright/test": "1.43.0",
-    "@strapi/icons": "1.19.0-typescript.0",
+    "@strapi/icons": "^2.0.0-beta.1",
+    "@strapi/pack-up": "^5.0.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
-    "axe-playwright": "^2.0.1",
     "cross-env": "^7.0.3",
-    "react-router-dom": "^5.3.4",
-    "styled-components": "^5.3.11"
+    "rimraf": "^5.0.5",
+    "styled-components": "^5.3.11",
+    "typescript": "^5.4.4"
   },
   "peerDependencies": {
-    "@strapi/icons": "1.19.0-typescript.0",
+    "@strapi/icons": "^2.0.0-beta.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "^5.2.0",
     "styled-components": "^5.2.1"
   },
   "scripts": {
-    "build": "yarn clean && yarn build:prod",
-    "build:prod": "vite build",
+    "build": "pack-up build",
     "clean": "rimraf dist node_modules",
-    "generate:types": "tsc --noEmit false --declaration --emitDeclarationOnly --declarationDir dist",
     "lint": "eslint . --ext .tsx,.ts",
     "format": "yarn lint --fix",
-    "test": "jest -c jest.config.mjs",
     "test:ts": "tsc --noEmit",
-    "test:watch": "jest -c jest.config.mjs --watchAll",
-    "test:e2e": "playwright test",
-    "test:e2e:ci": "cross-env CI=true playwright test",
-    "test:e2e:watch": "chokidar '**/__tests__/*.e2e.js' -c 'npm run test:e2e -- --retries=0 {path}'",
-    "test:e2e:debug": "cross-env PWDEBUG=1 playwright test"
+    "test:unit": "jest -c jest.config.mjs",
+    "watch": "pack-up watch"
   },
   "gitHead": "c74900b0ee3525510d266dc83c9743cb24dafced"
 }

package/dist/Accordion/Accordion.js

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const AccordionContext = require('./AccordionContext.js');
-const useId = require('../hooks/useId.js');
-const Typography = require('../Typography/Typography.js');
-const Flex = require('../Flex/Flex.js');
-const Box = require('../Box/Box.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const getBorder = ({ theme, expanded, variant, disabled, error }) => {
-    if (error) {
-        return `1px solid ${theme.colors.danger600} !important`;
-    }
-    if (disabled) {
-        return `1px solid ${theme.colors.neutral150}`;
-    }
-    if (expanded) {
-        return `1px solid ${theme.colors.primary600}`;
-    }
-    if (variant === 'primary') {
-        return `1px solid ${theme.colors.neutral0}`;
-    }
-    return `1px solid ${theme.colors.neutral100}`;
-};
-const AccordionTypography = styled__default.default(Typography.Typography) ``;
-const AccordionWrapper = styled__default.default(Box.Box) `
-  border: ${getBorder};
-
-  &:hover:not([aria-disabled='true']) {
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    ${AccordionTypography} {
-      color: ${({ theme, expanded }) => (expanded ? undefined : theme.colors.primary700)};
-    }
-
-    ${Typography.Typography} {
-      color: ${({ theme, expanded }) => (expanded ? undefined : theme.colors.primary600)};
-    }
-
-    & > ${Flex.Flex} {
-      background: ${({ theme }) => theme.colors.primary100};
-    }
-
-    [data-strapi-dropdown='true'] {
-      background: ${({ theme }) => theme.colors.primary200};
-    }
-  }
-`;
-const Accordion = ({ children, disabled = false, error, expanded = false, hasErrorMessage = true, id, onToggle, toggle, size = 'M', variant = 'primary', shadow, }) => {
-    const generatedId = useId.useId(id);
-    const context = React__namespace.useMemo(() => ({ expanded, onToggle, toggle, id: generatedId, size, variant, disabled }), [disabled, expanded, generatedId, onToggle, size, toggle, variant]);
-    return (jsxRuntime.jsxs(AccordionContext.AccordionContext.Provider, { value: context, children: [jsxRuntime.jsx(AccordionWrapper, { "data-strapi-expanded": expanded, disabled: disabled, "aria-disabled": disabled, expanded: expanded, hasRadius: true, variant: variant, error: error, shadow: shadow, children: children }), error && hasErrorMessage && (jsxRuntime.jsx(Box.Box, { paddingTop: 1, children: jsxRuntime.jsx(Typography.Typography, { variant: "pi", textColor: "danger600", children: error }) }))] }));
-};
-
-exports.Accordion = Accordion;
-exports.AccordionTypography = AccordionTypography;

package/dist/Accordion/Accordion.mjs

@@ -1,55 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import styled from 'styled-components';
-import { AccordionContext } from './AccordionContext.mjs';
-import { useId } from '../hooks/useId.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const getBorder = ({ theme, expanded, variant, disabled, error }) => {
-    if (error) {
-        return `1px solid ${theme.colors.danger600} !important`;
-    }
-    if (disabled) {
-        return `1px solid ${theme.colors.neutral150}`;
-    }
-    if (expanded) {
-        return `1px solid ${theme.colors.primary600}`;
-    }
-    if (variant === 'primary') {
-        return `1px solid ${theme.colors.neutral0}`;
-    }
-    return `1px solid ${theme.colors.neutral100}`;
-};
-const AccordionTypography = styled(Typography) ``;
-const AccordionWrapper = styled(Box) `
-  border: ${getBorder};
-
-  &:hover:not([aria-disabled='true']) {
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-
-    ${AccordionTypography} {
-      color: ${({ theme, expanded }) => (expanded ? undefined : theme.colors.primary700)};
-    }
-
-    ${Typography} {
-      color: ${({ theme, expanded }) => (expanded ? undefined : theme.colors.primary600)};
-    }
-
-    & > ${Flex} {
-      background: ${({ theme }) => theme.colors.primary100};
-    }
-
-    [data-strapi-dropdown='true'] {
-      background: ${({ theme }) => theme.colors.primary200};
-    }
-  }
-`;
-const Accordion = ({ children, disabled = false, error, expanded = false, hasErrorMessage = true, id, onToggle, toggle, size = 'M', variant = 'primary', shadow, }) => {
-    const generatedId = useId(id);
-    const context = React.useMemo(() => ({ expanded, onToggle, toggle, id: generatedId, size, variant, disabled }), [disabled, expanded, generatedId, onToggle, size, toggle, variant]);
-    return (jsxs(AccordionContext.Provider, { value: context, children: [jsx(AccordionWrapper, { "data-strapi-expanded": expanded, disabled: disabled, "aria-disabled": disabled, expanded: expanded, hasRadius: true, variant: variant, error: error, shadow: shadow, children: children }), error && hasErrorMessage && (jsx(Box, { paddingTop: 1, children: jsx(Typography, { variant: "pi", textColor: "danger600", children: error }) }))] }));
-};
-
-export { Accordion, AccordionTypography };

package/dist/Accordion/AccordionContent.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const AccordionContext = require('./AccordionContext.js');
-const Box = require('../Box/Box.js');
-
-const AccordionContent = ({ children, ...props }) => {
-    const { expanded, id } = AccordionContext.useAccordion();
-    if (!expanded) {
-        return null;
-    }
-    const idContent = `accordion-content-${id}`;
-    const ariaLabelId = `accordion-label-${id}`;
-    const ariaDescriptionId = `accordion-desc-${id}`;
-    return (jsxRuntime.jsx(Box.Box, { role: "region", id: idContent, "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, ...props, children: children }));
-};
-
-exports.AccordionContent = AccordionContent;

package/dist/Accordion/AccordionContent.mjs

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useAccordion } from './AccordionContext.mjs';
-import { Box } from '../Box/Box.mjs';
-
-const AccordionContent = ({ children, ...props }) => {
-    const { expanded, id } = useAccordion();
-    if (!expanded) {
-        return null;
-    }
-    const idContent = `accordion-content-${id}`;
-    const ariaLabelId = `accordion-label-${id}`;
-    const ariaDescriptionId = `accordion-desc-${id}`;
-    return (jsx(Box, { role: "region", id: idContent, "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, ...props, children: children }));
-};
-
-export { AccordionContent };

package/dist/Accordion/AccordionContext.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const React = require('react');
-
-const AccordionContext = React.createContext({
-    disabled: false,
-    expanded: false,
-    id: '',
-    size: 'M',
-    variant: 'primary',
-});
-const useAccordion = () => React.useContext(AccordionContext);
-
-exports.AccordionContext = AccordionContext;
-exports.useAccordion = useAccordion;

package/dist/Accordion/AccordionContext.mjs

@@ -1,12 +0,0 @@
-import { createContext, useContext } from 'react';
-
-const AccordionContext = createContext({
-    disabled: false,
-    expanded: false,
-    id: '',
-    size: 'M',
-    variant: 'primary',
-});
-const useAccordion = () => useContext(AccordionContext);
-
-export { AccordionContext, useAccordion };

package/dist/Accordion/AccordionGroup.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const styled = require('styled-components');
-const KeyboardNavigable = require('../KeyboardNavigable/KeyboardNavigable.js');
-const Box = require('../Box/Box.js');
-const Flex = require('../Flex/Flex.js');
-const Typography = require('../Typography/Typography.js');
-
-const _interopDefault = e => e && e.__esModule ? e : { default: e };
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespace(React);
-const styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const AccordionFooter = styled__default.default(Box.Box) `
-  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-left: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-radius: 0 0 ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius};
-`;
-const EnhancedGroup = styled__default.default(Box.Box) `
-  & > * {
-    & > * {
-      border-radius: unset;
-    }
-  }
-
-  & > * {
-    border-radius: unset;
-    border-right: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-left: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
-  }
-
-  & > *:first-of-type {
-    border-top: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-    & > * {
-      border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-    }
-
-    &:hover {
-      border-top: 1px solid ${({ theme }) => theme.colors.primary600};
-    }
-  }
-
-  & [data-strapi-expanded='true'] {
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-  }
-
-  ${({ theme, footer }) => `
-    &:not(${footer}) {
-      & > *:last-of-type {
-        border-radius: 0 0 ${theme.borderRadius} ${theme.borderRadius};
-      }
-    }
-  `}
-`;
-const LabelAction = styled__default.default(Box.Box) `
-  svg path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-  }
-`;
-const AccordionGroup = ({ children, footer, label, labelAction, error }) => {
-    const childrenArray = React__namespace.Children.toArray(children).map((child) => {
-        return React__namespace.cloneElement(child, { hasErrorMessage: false });
-    });
-    return (jsxRuntime.jsxs(KeyboardNavigable.KeyboardNavigable, { attributeName: "data-strapi-accordion-toggle", children: [label && (jsxRuntime.jsxs(Flex.Flex, { paddingBottom: 1, children: [jsxRuntime.jsx(Typography.Typography, { variant: "pi", as: "label", textColor: "neutral800", fontWeight: "bold", children: label }), labelAction && jsxRuntime.jsx(LabelAction, { paddingLeft: 1, children: labelAction })] })), jsxRuntime.jsx(EnhancedGroup, { footer: footer, children: childrenArray }), footer && jsxRuntime.jsx(AccordionFooter, { children: footer }), error && (jsxRuntime.jsx(Box.Box, { paddingTop: 1, children: jsxRuntime.jsx(Typography.Typography, { variant: "pi", textColor: "danger600", children: error }) }))] }));
-};
-
-exports.AccordionGroup = AccordionGroup;

package/dist/Accordion/AccordionGroup.mjs

@@ -1,65 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import styled from 'styled-components';
-import { KeyboardNavigable } from '../KeyboardNavigable/KeyboardNavigable.mjs';
-import { Box } from '../Box/Box.mjs';
-import { Flex } from '../Flex/Flex.mjs';
-import { Typography } from '../Typography/Typography.mjs';
-
-const AccordionFooter = styled(Box) `
-  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-left: 1px solid ${({ theme }) => theme.colors.neutral200};
-  border-radius: 0 0 ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius};
-`;
-const EnhancedGroup = styled(Box) `
-  & > * {
-    & > * {
-      border-radius: unset;
-    }
-  }
-
-  & > * {
-    border-radius: unset;
-    border-right: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-left: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral200};
-  }
-
-  & > *:first-of-type {
-    border-top: 1px solid ${({ theme }) => theme.colors.neutral200};
-    border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-    & > * {
-      border-radius: ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius} 0 0;
-    }
-
-    &:hover {
-      border-top: 1px solid ${({ theme }) => theme.colors.primary600};
-    }
-  }
-
-  & [data-strapi-expanded='true'] {
-    border: 1px solid ${({ theme }) => theme.colors.primary600};
-  }
-
-  ${({ theme, footer }) => `
-    &:not(${footer}) {
-      & > *:last-of-type {
-        border-radius: 0 0 ${theme.borderRadius} ${theme.borderRadius};
-      }
-    }
-  `}
-`;
-const LabelAction = styled(Box) `
-  svg path {
-    fill: ${({ theme }) => theme.colors.neutral500};
-  }
-`;
-const AccordionGroup = ({ children, footer, label, labelAction, error }) => {
-    const childrenArray = React.Children.toArray(children).map((child) => {
-        return React.cloneElement(child, { hasErrorMessage: false });
-    });
-    return (jsxs(KeyboardNavigable, { attributeName: "data-strapi-accordion-toggle", children: [label && (jsxs(Flex, { paddingBottom: 1, children: [jsx(Typography, { variant: "pi", as: "label", textColor: "neutral800", fontWeight: "bold", children: label }), labelAction && jsx(LabelAction, { paddingLeft: 1, children: labelAction })] })), jsx(EnhancedGroup, { footer: footer, children: childrenArray }), footer && jsx(AccordionFooter, { children: footer }), error && (jsx(Box, { paddingTop: 1, children: jsx(Typography, { variant: "pi", textColor: "danger600", children: error }) }))] }));
-};
-
-export { AccordionGroup };