@strapi/upload 5.12.1 → 5.12.2

package/dist/admin/components/FilterPopover/utils/getFilterList.mjs

@@ -0,0 +1,112 @@
+const getFilterList = ({ fieldSchema: { type: fieldType, mainField } })=>{
+    const type = mainField?.schema.type ? mainField.schema.type : fieldType;
+    switch(type){
+        case 'enumeration':
+            {
+                return [
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                            defaultMessage: 'is'
+                        },
+                        value: '$contains'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                            defaultMessage: 'is not'
+                        },
+                        value: '$notContains'
+                    }
+                ];
+            }
+        case 'date':
+            {
+                return [
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                            defaultMessage: 'is'
+                        },
+                        value: '$eq'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                            defaultMessage: 'is not'
+                        },
+                        value: '$ne'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$gt',
+                            defaultMessage: 'is greater than'
+                        },
+                        value: '$gt'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$gte',
+                            defaultMessage: 'is greater than or equal to'
+                        },
+                        value: '$gte'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$lt',
+                            defaultMessage: 'is less than'
+                        },
+                        value: '$lt'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$lte',
+                            defaultMessage: 'is less than or equal to'
+                        },
+                        value: '$lte'
+                    }
+                ];
+            }
+        default:
+            return [
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                        defaultMessage: 'is'
+                    },
+                    value: '$eq'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$eqi',
+                        defaultMessage: 'is (case insensitive)'
+                    },
+                    value: '$eqi'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                        defaultMessage: 'is not'
+                    },
+                    value: '$ne'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$null',
+                        defaultMessage: 'is null'
+                    },
+                    value: '$null'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$notNull',
+                        defaultMessage: 'is not null'
+                    },
+                    value: '$notNull'
+                }
+            ];
+    }
+};
+
+export { getFilterList };
+//# sourceMappingURL=getFilterList.mjs.map

package/dist/admin/components/FilterPopover/utils/getFilterList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFilterList.mjs","sources":["../../../../../admin/src/components/FilterPopover/utils/getFilterList.ts"],"sourcesContent":["interface GetFilterListProps {\n  fieldSchema: {\n    type: string;\n    options?: { value: string }[];\n    mainField?: {\n      schema: {\n        type: string;\n      };\n    };\n  };\n}\n\nexport const getFilterList = ({\n  fieldSchema: { type: fieldType, mainField },\n}: GetFilterListProps) => {\n  const type = mainField?.schema.type ? mainField.schema.type : fieldType;\n\n  switch (type) {\n    case 'enumeration': {\n      return [\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$eq',\n            defaultMessage: 'is',\n          },\n          value: '$contains',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$ne',\n            defaultMessage: 'is not',\n          },\n          value: '$notContains',\n        },\n      ];\n    }\n\n    case 'date': {\n      return [\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n          value: '$eq',\n        },\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n          value: '$ne',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$gt',\n            defaultMessage: 'is greater than',\n          },\n          value: '$gt',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$gte',\n            defaultMessage: 'is greater than or equal to',\n          },\n          value: '$gte',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$lt',\n            defaultMessage: 'is less than',\n          },\n          value: '$lt',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$lte',\n            defaultMessage: 'is less than or equal to',\n          },\n          value: '$lte',\n        },\n      ];\n    }\n\n    default:\n      return [\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n          value: '$eq',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$eqi',\n            defaultMessage: 'is (case insensitive)',\n          },\n          value: '$eqi',\n        },\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n          value: '$ne',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$null',\n            defaultMessage: 'is null',\n          },\n          value: '$null',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$notNull',\n            defaultMessage: 'is not null',\n          },\n          value: '$notNull',\n        },\n      ];\n  }\n};\n"],"names":["getFilterList","fieldSchema","type","fieldType","mainField","schema","intlLabel","id","defaultMessage","value"],"mappings":"AAYO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,WAAAA,EAAa,EAAEC,IAAAA,EAAMC,SAAS,EAAEC,SAAS,EAAE,EACxB,GAAA;IACnB,MAAMF,IAAAA,GAAOE,WAAWC,MAAOH,CAAAA,IAAAA,GAAOE,UAAUC,MAAM,CAACH,IAAI,GAAGC,SAAAA;IAE9D,OAAQD,IAAAA;QACN,KAAK,aAAA;AAAe,YAAA;gBAClB,OAAO;AACL,oBAAA;wBACEI,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT;AACD,iBAAA;AACH;QAEA,KAAK,MAAA;AAAQ,YAAA;gBACX,OAAO;AACL,oBAAA;wBACEH,SAAW,EAAA;4BAAEC,EAAI,EAAA,2CAAA;4BAA6CC,cAAgB,EAAA;AAAK,yBAAA;wBACnFC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BAAEC,EAAI,EAAA,2CAAA;4BAA6CC,cAAgB,EAAA;AAAS,yBAAA;wBACvFC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,4CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,4CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT;AACD,iBAAA;AACH;AAEA,QAAA;YACE,OAAO;AACL,gBAAA;oBACEH,SAAW,EAAA;wBAAEC,EAAI,EAAA,2CAAA;wBAA6CC,cAAgB,EAAA;AAAK,qBAAA;oBACnFC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,4CAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBAAEC,EAAI,EAAA,2CAAA;wBAA6CC,cAAgB,EAAA;AAAS,qBAAA;oBACvFC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,6CAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,gDAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT;AACD,aAAA;AACL;AACF;;;;"}

package/dist/admin/components/FolderCard/FolderCard/FolderCard.js

@@ -0,0 +1,125 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var FolderCard$1 = require('../contexts/FolderCard.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const FauxClickWrapper = styledComponents.styled.button`
+  height: 100%;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  top: 0;
+  width: 100%;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+`;
+const StyledFolder = styledComponents.styled(icons.Folder)`
+  path {
+    fill: currentColor;
+  }
+`;
+const CardActionDisplay = styledComponents.styled(designSystem.Box)`
+  display: none;
+`;
+const Card = styledComponents.styled(designSystem.Box)`
+  &:hover,
+  &:focus-within {
+    ${CardActionDisplay} {
+      display: ${({ $isCardActions })=>$isCardActions ? 'block' : ''};
+    }
+  }
+`;
+const FolderCard = /*#__PURE__*/ React__namespace.forwardRef(({ children, startAction = null, cardActions = null, ariaLabel, onClick, to, ...props }, ref)=>{
+    const generatedId = React__namespace.useId();
+    const fodlerCtxValue = React__namespace.useMemo(()=>({
+            id: generatedId
+        }), [
+        generatedId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(FolderCard$1.FolderCardContext.Provider, {
+        value: fodlerCtxValue,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(Card, {
+            position: "relative",
+            tabIndex: 0,
+            $isCardActions: !!cardActions,
+            ref: ref,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(FauxClickWrapper, {
+                    to: to || undefined,
+                    as: to ? reactRouterDom.NavLink : 'button',
+                    type: to ? undefined : 'button',
+                    onClick: onClick,
+                    tabIndex: -1,
+                    "aria-label": ariaLabel,
+                    "aria-hidden": true
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    hasRadius: true,
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    borderColor: "neutral150",
+                    background: "neutral0",
+                    shadow: "tableShadow",
+                    padding: 3,
+                    gap: 2,
+                    cursor: "pointer",
+                    children: [
+                        startAction,
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            hasRadius: true,
+                            background: "secondary100",
+                            color: "secondary500",
+                            paddingBottom: 2,
+                            paddingLeft: 3,
+                            paddingRight: 3,
+                            paddingTop: 2,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(StyledFolder, {
+                                width: "2.4rem",
+                                height: "2.4rem"
+                            })
+                        }),
+                        children,
+                        /*#__PURE__*/ jsxRuntime.jsx(CardActionDisplay, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.CardAction, {
+                                right: 4,
+                                position: "end",
+                                children: cardActions
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+
+exports.FolderCard = FolderCard;
+//# sourceMappingURL=FolderCard.js.map

package/dist/admin/components/FolderCard/FolderCard/FolderCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCard.js","sources":["../../../../../admin/src/components/FolderCard/FolderCard/FolderCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, CardAction, Flex, BoxProps } from '@strapi/design-system';\nimport { Folder } from '@strapi/icons';\nimport { NavLink, LinkProps } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { FolderCardContext } from '../contexts/FolderCard';\n\nconst FauxClickWrapper = styled.button`\n  height: 100%;\n  left: 0;\n  position: absolute;\n  opacity: 0;\n  top: 0;\n  width: 100%;\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n  }\n`;\n\nconst StyledFolder = styled(Folder)`\n  path {\n    fill: currentColor;\n  }\n`;\n\nconst CardActionDisplay = styled(Box)`\n  display: none;\n`;\n\nconst Card = styled(Box)`\n  &:hover,\n  &:focus-within {\n    ${CardActionDisplay} {\n      display: ${({ $isCardActions }) => ($isCardActions ? 'block' : '')};\n    }\n  }\n`;\n\nexport interface FolderCardProps extends Omit<BoxProps, 'id'> {\n  ariaLabel: string;\n  children: React.ReactNode;\n  id?: string;\n  startAction?: React.ReactNode;\n  cardActions?: React.ReactNode;\n  onClick?: () => void;\n  to?: LinkProps['to'];\n}\n\nexport const FolderCard = React.forwardRef(\n  (\n    {\n      children,\n      startAction = null,\n      cardActions = null,\n      ariaLabel,\n      onClick,\n      to,\n      ...props\n    }: FolderCardProps,\n    ref\n  ) => {\n    const generatedId = React.useId();\n    const fodlerCtxValue = React.useMemo(() => ({ id: generatedId }), [generatedId]);\n\n    return (\n      <FolderCardContext.Provider value={fodlerCtxValue}>\n        <Card position=\"relative\" tabIndex={0} $isCardActions={!!cardActions} ref={ref} {...props}>\n          <FauxClickWrapper\n            to={to || undefined}\n            as={to ? NavLink : 'button'}\n            type={to ? undefined : 'button'}\n            onClick={onClick}\n            tabIndex={-1}\n            aria-label={ariaLabel}\n            aria-hidden\n          />\n\n          <Flex\n            hasRadius\n            borderStyle=\"solid\"\n            borderWidth=\"1px\"\n            borderColor=\"neutral150\"\n            background=\"neutral0\"\n            shadow=\"tableShadow\"\n            padding={3}\n            gap={2}\n            cursor=\"pointer\"\n          >\n            {startAction}\n\n            <Box\n              hasRadius\n              background=\"secondary100\"\n              color=\"secondary500\"\n              paddingBottom={2}\n              paddingLeft={3}\n              paddingRight={3}\n              paddingTop={2}\n            >\n              <StyledFolder width=\"2.4rem\" height=\"2.4rem\" />\n            </Box>\n\n            {children}\n\n            <CardActionDisplay>\n              <CardAction right={4} position=\"end\">\n                {cardActions}\n              </CardAction>\n            </CardActionDisplay>\n          </Flex>\n        </Card>\n      </FolderCardContext.Provider>\n    );\n  }\n);\n"],"names":["FauxClickWrapper","styled","button","StyledFolder","Folder","CardActionDisplay","Box","Card","$isCardActions","FolderCard","React","forwardRef","children","startAction","cardActions","ariaLabel","onClick","to","props","ref","generatedId","useId","fodlerCtxValue","useMemo","id","_jsx","FolderCardContext","Provider","value","_jsxs","position","tabIndex","undefined","as","NavLink","type","aria-label","aria-hidden","Flex","hasRadius","borderStyle","borderWidth","borderColor","background","shadow","padding","gap","cursor","color","paddingBottom","paddingLeft","paddingRight","paddingTop","width","height","CardAction","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,gBAAAA,GAAmBC,uBAAOC,CAAAA,MAAM;;;;;;;;;;;;AAYtC,CAAC;AAED,MAAMC,YAAAA,GAAeF,uBAAOG,CAAAA,YAAAA,CAAO;;;;AAInC,CAAC;AAED,MAAMC,iBAAAA,GAAoBJ,uBAAOK,CAAAA,gBAAAA,CAAI;;AAErC,CAAC;AAED,MAAMC,IAAAA,GAAON,uBAAOK,CAAAA,gBAAAA,CAAI;;;AAGpB,IAAA,EAAED,iBAAkB,CAAA;AACT,eAAA,EAAE,CAAC,EAAEG,cAAc,EAAE,GAAMA,cAAAA,GAAiB,UAAU,EAAI,CAAA;;;AAGzE,CAAC;AAYM,MAAMC,2BAAaC,gBAAMC,CAAAA,UAAU,CACxC,CACE,EACEC,QAAQ,EACRC,WAAc,GAAA,IAAI,EAClBC,WAAc,GAAA,IAAI,EAClBC,SAAS,EACTC,OAAO,EACPC,EAAE,EACF,GAAGC,KAAAA,EACa,EAClBC,GAAAA,GAAAA;IAEA,MAAMC,WAAAA,GAAcV,iBAAMW,KAAK,EAAA;AAC/B,IAAA,MAAMC,cAAiBZ,GAAAA,gBAAAA,CAAMa,OAAO,CAAC,KAAO;YAAEC,EAAIJ,EAAAA;AAAY,SAAA,CAAI,EAAA;AAACA,QAAAA;AAAY,KAAA,CAAA;IAE/E,qBACEK,cAAA,CAACC,+BAAkBC,QAAQ,EAAA;QAACC,KAAON,EAAAA,cAAAA;AACjC,QAAA,QAAA,gBAAAO,eAACtB,CAAAA,IAAAA,EAAAA;YAAKuB,QAAS,EAAA,UAAA;YAAWC,QAAU,EAAA,CAAA;AAAGvB,YAAAA,cAAAA,EAAgB,CAAC,CAACM,WAAAA;YAAaK,GAAKA,EAAAA,GAAAA;AAAM,YAAA,GAAGD,KAAK;;8BACvFO,cAACzB,CAAAA,gBAAAA,EAAAA;AACCiB,oBAAAA,EAAAA,EAAIA,EAAMe,IAAAA,SAAAA;AACVC,oBAAAA,EAAAA,EAAIhB,KAAKiB,sBAAU,GAAA,QAAA;AACnBC,oBAAAA,IAAAA,EAAMlB,KAAKe,SAAY,GAAA,QAAA;oBACvBhB,OAASA,EAAAA,OAAAA;AACTe,oBAAAA,QAAAA,EAAU,CAAC,CAAA;oBACXK,YAAYrB,EAAAA,SAAAA;oBACZsB,aAAW,EAAA;;8BAGbR,eAACS,CAAAA,iBAAAA,EAAAA;oBACCC,SAAS,EAAA,IAAA;oBACTC,WAAY,EAAA,OAAA;oBACZC,WAAY,EAAA,KAAA;oBACZC,WAAY,EAAA,YAAA;oBACZC,UAAW,EAAA,UAAA;oBACXC,MAAO,EAAA,aAAA;oBACPC,OAAS,EAAA,CAAA;oBACTC,GAAK,EAAA,CAAA;oBACLC,MAAO,EAAA,SAAA;;AAENlC,wBAAAA,WAAAA;sCAEDY,cAACnB,CAAAA,gBAAAA,EAAAA;4BACCiC,SAAS,EAAA,IAAA;4BACTI,UAAW,EAAA,cAAA;4BACXK,KAAM,EAAA,cAAA;4BACNC,aAAe,EAAA,CAAA;4BACfC,WAAa,EAAA,CAAA;4BACbC,YAAc,EAAA,CAAA;4BACdC,UAAY,EAAA,CAAA;AAEZ,4BAAA,QAAA,gBAAA3B,cAACtB,CAAAA,YAAAA,EAAAA;gCAAakD,KAAM,EAAA,QAAA;gCAASC,MAAO,EAAA;;;AAGrC1C,wBAAAA,QAAAA;sCAEDa,cAACpB,CAAAA,iBAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAoB,cAAC8B,CAAAA,uBAAAA,EAAAA;gCAAWC,KAAO,EAAA,CAAA;gCAAG1B,QAAS,EAAA,KAAA;AAC5BhB,gCAAAA,QAAAA,EAAAA;;;;;;;;AAOf,CACA;;;;"}

package/dist/admin/components/FolderCard/FolderCard/FolderCard.mjs

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box, Flex, CardAction } from '@strapi/design-system';
+import { Folder } from '@strapi/icons';
+import { NavLink } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { FolderCardContext } from '../contexts/FolderCard.mjs';
+
+const FauxClickWrapper = styled.button`
+  height: 100%;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  top: 0;
+  width: 100%;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+`;
+const StyledFolder = styled(Folder)`
+  path {
+    fill: currentColor;
+  }
+`;
+const CardActionDisplay = styled(Box)`
+  display: none;
+`;
+const Card = styled(Box)`
+  &:hover,
+  &:focus-within {
+    ${CardActionDisplay} {
+      display: ${({ $isCardActions })=>$isCardActions ? 'block' : ''};
+    }
+  }
+`;
+const FolderCard = /*#__PURE__*/ React.forwardRef(({ children, startAction = null, cardActions = null, ariaLabel, onClick, to, ...props }, ref)=>{
+    const generatedId = React.useId();
+    const fodlerCtxValue = React.useMemo(()=>({
+            id: generatedId
+        }), [
+        generatedId
+    ]);
+    return /*#__PURE__*/ jsx(FolderCardContext.Provider, {
+        value: fodlerCtxValue,
+        children: /*#__PURE__*/ jsxs(Card, {
+            position: "relative",
+            tabIndex: 0,
+            $isCardActions: !!cardActions,
+            ref: ref,
+            ...props,
+            children: [
+                /*#__PURE__*/ jsx(FauxClickWrapper, {
+                    to: to || undefined,
+                    as: to ? NavLink : 'button',
+                    type: to ? undefined : 'button',
+                    onClick: onClick,
+                    tabIndex: -1,
+                    "aria-label": ariaLabel,
+                    "aria-hidden": true
+                }),
+                /*#__PURE__*/ jsxs(Flex, {
+                    hasRadius: true,
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    borderColor: "neutral150",
+                    background: "neutral0",
+                    shadow: "tableShadow",
+                    padding: 3,
+                    gap: 2,
+                    cursor: "pointer",
+                    children: [
+                        startAction,
+                        /*#__PURE__*/ jsx(Box, {
+                            hasRadius: true,
+                            background: "secondary100",
+                            color: "secondary500",
+                            paddingBottom: 2,
+                            paddingLeft: 3,
+                            paddingRight: 3,
+                            paddingTop: 2,
+                            children: /*#__PURE__*/ jsx(StyledFolder, {
+                                width: "2.4rem",
+                                height: "2.4rem"
+                            })
+                        }),
+                        children,
+                        /*#__PURE__*/ jsx(CardActionDisplay, {
+                            children: /*#__PURE__*/ jsx(CardAction, {
+                                right: 4,
+                                position: "end",
+                                children: cardActions
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+
+export { FolderCard };
+//# sourceMappingURL=FolderCard.mjs.map

package/dist/admin/components/FolderCard/FolderCard/FolderCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCard.mjs","sources":["../../../../../admin/src/components/FolderCard/FolderCard/FolderCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, CardAction, Flex, BoxProps } from '@strapi/design-system';\nimport { Folder } from '@strapi/icons';\nimport { NavLink, LinkProps } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { FolderCardContext } from '../contexts/FolderCard';\n\nconst FauxClickWrapper = styled.button`\n  height: 100%;\n  left: 0;\n  position: absolute;\n  opacity: 0;\n  top: 0;\n  width: 100%;\n\n  &:hover,\n  &:focus {\n    text-decoration: none;\n  }\n`;\n\nconst StyledFolder = styled(Folder)`\n  path {\n    fill: currentColor;\n  }\n`;\n\nconst CardActionDisplay = styled(Box)`\n  display: none;\n`;\n\nconst Card = styled(Box)`\n  &:hover,\n  &:focus-within {\n    ${CardActionDisplay} {\n      display: ${({ $isCardActions }) => ($isCardActions ? 'block' : '')};\n    }\n  }\n`;\n\nexport interface FolderCardProps extends Omit<BoxProps, 'id'> {\n  ariaLabel: string;\n  children: React.ReactNode;\n  id?: string;\n  startAction?: React.ReactNode;\n  cardActions?: React.ReactNode;\n  onClick?: () => void;\n  to?: LinkProps['to'];\n}\n\nexport const FolderCard = React.forwardRef(\n  (\n    {\n      children,\n      startAction = null,\n      cardActions = null,\n      ariaLabel,\n      onClick,\n      to,\n      ...props\n    }: FolderCardProps,\n    ref\n  ) => {\n    const generatedId = React.useId();\n    const fodlerCtxValue = React.useMemo(() => ({ id: generatedId }), [generatedId]);\n\n    return (\n      <FolderCardContext.Provider value={fodlerCtxValue}>\n        <Card position=\"relative\" tabIndex={0} $isCardActions={!!cardActions} ref={ref} {...props}>\n          <FauxClickWrapper\n            to={to || undefined}\n            as={to ? NavLink : 'button'}\n            type={to ? undefined : 'button'}\n            onClick={onClick}\n            tabIndex={-1}\n            aria-label={ariaLabel}\n            aria-hidden\n          />\n\n          <Flex\n            hasRadius\n            borderStyle=\"solid\"\n            borderWidth=\"1px\"\n            borderColor=\"neutral150\"\n            background=\"neutral0\"\n            shadow=\"tableShadow\"\n            padding={3}\n            gap={2}\n            cursor=\"pointer\"\n          >\n            {startAction}\n\n            <Box\n              hasRadius\n              background=\"secondary100\"\n              color=\"secondary500\"\n              paddingBottom={2}\n              paddingLeft={3}\n              paddingRight={3}\n              paddingTop={2}\n            >\n              <StyledFolder width=\"2.4rem\" height=\"2.4rem\" />\n            </Box>\n\n            {children}\n\n            <CardActionDisplay>\n              <CardAction right={4} position=\"end\">\n                {cardActions}\n              </CardAction>\n            </CardActionDisplay>\n          </Flex>\n        </Card>\n      </FolderCardContext.Provider>\n    );\n  }\n);\n"],"names":["FauxClickWrapper","styled","button","StyledFolder","Folder","CardActionDisplay","Box","Card","$isCardActions","FolderCard","React","forwardRef","children","startAction","cardActions","ariaLabel","onClick","to","props","ref","generatedId","useId","fodlerCtxValue","useMemo","id","_jsx","FolderCardContext","Provider","value","_jsxs","position","tabIndex","undefined","as","NavLink","type","aria-label","aria-hidden","Flex","hasRadius","borderStyle","borderWidth","borderColor","background","shadow","padding","gap","cursor","color","paddingBottom","paddingLeft","paddingRight","paddingTop","width","height","CardAction","right"],"mappings":";;;;;;;;AASA,MAAMA,gBAAAA,GAAmBC,MAAOC,CAAAA,MAAM;;;;;;;;;;;;AAYtC,CAAC;AAED,MAAMC,YAAAA,GAAeF,MAAOG,CAAAA,MAAAA,CAAO;;;;AAInC,CAAC;AAED,MAAMC,iBAAAA,GAAoBJ,MAAOK,CAAAA,GAAAA,CAAI;;AAErC,CAAC;AAED,MAAMC,IAAAA,GAAON,MAAOK,CAAAA,GAAAA,CAAI;;;AAGpB,IAAA,EAAED,iBAAkB,CAAA;AACT,eAAA,EAAE,CAAC,EAAEG,cAAc,EAAE,GAAMA,cAAAA,GAAiB,UAAU,EAAI,CAAA;;;AAGzE,CAAC;AAYM,MAAMC,2BAAaC,KAAMC,CAAAA,UAAU,CACxC,CACE,EACEC,QAAQ,EACRC,WAAc,GAAA,IAAI,EAClBC,WAAc,GAAA,IAAI,EAClBC,SAAS,EACTC,OAAO,EACPC,EAAE,EACF,GAAGC,KAAAA,EACa,EAClBC,GAAAA,GAAAA;IAEA,MAAMC,WAAAA,GAAcV,MAAMW,KAAK,EAAA;AAC/B,IAAA,MAAMC,cAAiBZ,GAAAA,KAAAA,CAAMa,OAAO,CAAC,KAAO;YAAEC,EAAIJ,EAAAA;AAAY,SAAA,CAAI,EAAA;AAACA,QAAAA;AAAY,KAAA,CAAA;IAE/E,qBACEK,GAAA,CAACC,kBAAkBC,QAAQ,EAAA;QAACC,KAAON,EAAAA,cAAAA;AACjC,QAAA,QAAA,gBAAAO,IAACtB,CAAAA,IAAAA,EAAAA;YAAKuB,QAAS,EAAA,UAAA;YAAWC,QAAU,EAAA,CAAA;AAAGvB,YAAAA,cAAAA,EAAgB,CAAC,CAACM,WAAAA;YAAaK,GAAKA,EAAAA,GAAAA;AAAM,YAAA,GAAGD,KAAK;;8BACvFO,GAACzB,CAAAA,gBAAAA,EAAAA;AACCiB,oBAAAA,EAAAA,EAAIA,EAAMe,IAAAA,SAAAA;AACVC,oBAAAA,EAAAA,EAAIhB,KAAKiB,OAAU,GAAA,QAAA;AACnBC,oBAAAA,IAAAA,EAAMlB,KAAKe,SAAY,GAAA,QAAA;oBACvBhB,OAASA,EAAAA,OAAAA;AACTe,oBAAAA,QAAAA,EAAU,CAAC,CAAA;oBACXK,YAAYrB,EAAAA,SAAAA;oBACZsB,aAAW,EAAA;;8BAGbR,IAACS,CAAAA,IAAAA,EAAAA;oBACCC,SAAS,EAAA,IAAA;oBACTC,WAAY,EAAA,OAAA;oBACZC,WAAY,EAAA,KAAA;oBACZC,WAAY,EAAA,YAAA;oBACZC,UAAW,EAAA,UAAA;oBACXC,MAAO,EAAA,aAAA;oBACPC,OAAS,EAAA,CAAA;oBACTC,GAAK,EAAA,CAAA;oBACLC,MAAO,EAAA,SAAA;;AAENlC,wBAAAA,WAAAA;sCAEDY,GAACnB,CAAAA,GAAAA,EAAAA;4BACCiC,SAAS,EAAA,IAAA;4BACTI,UAAW,EAAA,cAAA;4BACXK,KAAM,EAAA,cAAA;4BACNC,aAAe,EAAA,CAAA;4BACfC,WAAa,EAAA,CAAA;4BACbC,YAAc,EAAA,CAAA;4BACdC,UAAY,EAAA,CAAA;AAEZ,4BAAA,QAAA,gBAAA3B,GAACtB,CAAAA,YAAAA,EAAAA;gCAAakD,KAAM,EAAA,QAAA;gCAASC,MAAO,EAAA;;;AAGrC1C,wBAAAA,QAAAA;sCAEDa,GAACpB,CAAAA,iBAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAoB,GAAC8B,CAAAA,UAAAA,EAAAA;gCAAWC,KAAO,EAAA,CAAA;gCAAG1B,QAAS,EAAA,KAAA;AAC5BhB,gCAAAA,QAAAA,EAAAA;;;;;;;;AAOf,CACA;;;;"}

package/dist/admin/components/FolderCard/FolderCardBody/FolderCardBody.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+var FolderCard = require('../contexts/FolderCard.js');
+
+const StyledBox = styledComponents.styled(designSystem.Flex)`
+  user-select: none;
+`;
+const FolderCardBody = (props)=>{
+    const { id } = FolderCard.useFolderCard();
+    return /*#__PURE__*/ jsxRuntime.jsx(StyledBox, {
+        ...props,
+        id: `${id}-title`,
+        "data-testid": `${id}-title`,
+        alignItems: "flex-start",
+        direction: "column",
+        maxWidth: "100%",
+        overflow: "hidden",
+        position: "relative"
+    });
+};
+
+exports.FolderCardBody = FolderCardBody;
+//# sourceMappingURL=FolderCardBody.js.map

package/dist/admin/components/FolderCard/FolderCardBody/FolderCardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardBody.js","sources":["../../../../../admin/src/components/FolderCard/FolderCardBody/FolderCardBody.tsx"],"sourcesContent":["import { Flex, FlexProps } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFolderCard } from '../contexts/FolderCard';\n\nconst StyledBox = styled(Flex)`\n  user-select: none;\n`;\n\nexport const FolderCardBody = (props: FlexProps) => {\n  const { id } = useFolderCard();\n\n  return (\n    <StyledBox\n      {...props}\n      id={`${id}-title`}\n      data-testid={`${id}-title`}\n      alignItems=\"flex-start\"\n      direction=\"column\"\n      maxWidth=\"100%\"\n      overflow=\"hidden\"\n      position=\"relative\"\n    />\n  );\n};\n"],"names":["StyledBox","styled","Flex","FolderCardBody","props","id","useFolderCard","_jsx","data-testid","alignItems","direction","maxWidth","overflow","position"],"mappings":";;;;;;;AAKA,MAAMA,SAAAA,GAAYC,uBAAOC,CAAAA,iBAAAA,CAAK;;AAE9B,CAAC;AAEM,MAAMC,iBAAiB,CAACC,KAAAA,GAAAA;IAC7B,MAAM,EAAEC,EAAE,EAAE,GAAGC,wBAAAA,EAAAA;AAEf,IAAA,qBACEC,cAACP,CAAAA,SAAAA,EAAAA;AACE,QAAA,GAAGI,KAAK;AACTC,QAAAA,EAAAA,EAAI,CAAC,EAAEA,EAAG,CAAA,MAAM,CAAC;AACjBG,QAAAA,aAAAA,EAAa,CAAC,EAAEH,EAAG,CAAA,MAAM,CAAC;QAC1BI,UAAW,EAAA,YAAA;QACXC,SAAU,EAAA,QAAA;QACVC,QAAS,EAAA,MAAA;QACTC,QAAS,EAAA,QAAA;QACTC,QAAS,EAAA;;AAGf;;;;"}

package/dist/admin/components/FolderCard/FolderCardBody/FolderCardBody.mjs

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex } from '@strapi/design-system';
+import { styled } from 'styled-components';
+import { useFolderCard } from '../contexts/FolderCard.mjs';
+
+const StyledBox = styled(Flex)`
+  user-select: none;
+`;
+const FolderCardBody = (props)=>{
+    const { id } = useFolderCard();
+    return /*#__PURE__*/ jsx(StyledBox, {
+        ...props,
+        id: `${id}-title`,
+        "data-testid": `${id}-title`,
+        alignItems: "flex-start",
+        direction: "column",
+        maxWidth: "100%",
+        overflow: "hidden",
+        position: "relative"
+    });
+};
+
+export { FolderCardBody };
+//# sourceMappingURL=FolderCardBody.mjs.map

package/dist/admin/components/FolderCard/FolderCardBody/FolderCardBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardBody.mjs","sources":["../../../../../admin/src/components/FolderCard/FolderCardBody/FolderCardBody.tsx"],"sourcesContent":["import { Flex, FlexProps } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { useFolderCard } from '../contexts/FolderCard';\n\nconst StyledBox = styled(Flex)`\n  user-select: none;\n`;\n\nexport const FolderCardBody = (props: FlexProps) => {\n  const { id } = useFolderCard();\n\n  return (\n    <StyledBox\n      {...props}\n      id={`${id}-title`}\n      data-testid={`${id}-title`}\n      alignItems=\"flex-start\"\n      direction=\"column\"\n      maxWidth=\"100%\"\n      overflow=\"hidden\"\n      position=\"relative\"\n    />\n  );\n};\n"],"names":["StyledBox","styled","Flex","FolderCardBody","props","id","useFolderCard","_jsx","data-testid","alignItems","direction","maxWidth","overflow","position"],"mappings":";;;;;AAKA,MAAMA,SAAAA,GAAYC,MAAOC,CAAAA,IAAAA,CAAK;;AAE9B,CAAC;AAEM,MAAMC,iBAAiB,CAACC,KAAAA,GAAAA;IAC7B,MAAM,EAAEC,EAAE,EAAE,GAAGC,aAAAA,EAAAA;AAEf,IAAA,qBACEC,GAACP,CAAAA,SAAAA,EAAAA;AACE,QAAA,GAAGI,KAAK;AACTC,QAAAA,EAAAA,EAAI,CAAC,EAAEA,EAAG,CAAA,MAAM,CAAC;AACjBG,QAAAA,aAAAA,EAAa,CAAC,EAAEH,EAAG,CAAA,MAAM,CAAC;QAC1BI,UAAW,EAAA,YAAA;QACXC,SAAU,EAAA,QAAA;QACVC,QAAS,EAAA,MAAA;QACTC,QAAS,EAAA,QAAA;QACTC,QAAS,EAAA;;AAGf;;;;"}

package/dist/admin/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+
+// TODO: find a better naming convention for the file that was an index file before
+const BoxOutline = styledComponents.styled(designSystem.Box)`
+  &:focus {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const BoxTextDecoration = styledComponents.styled(BoxOutline)`
+  text-decoration: none;
+`;
+const FolderCardBodyAction = ({ to, ...props })=>{
+    if (to) {
+        return /*#__PURE__*/ jsxRuntime.jsx(BoxTextDecoration, {
+            // padding needed to give outline space to appear
+            // since FolderCardBody needs overflow hidden property
+            padding: 1,
+            tag: reactRouterDom.NavLink,
+            maxWidth: "100%",
+            to: to,
+            ...props
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(BoxOutline, {
+        padding: 1,
+        tag: "button",
+        type: "button",
+        maxWidth: "100%",
+        ...props
+    });
+};
+
+exports.FolderCardBodyAction = FolderCardBodyAction;
+//# sourceMappingURL=FolderCardBodyAction.js.map

package/dist/admin/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardBodyAction.js","sources":["../../../../../admin/src/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Box, BoxProps } from '@strapi/design-system';\nimport { NavLink, LinkProps } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nconst BoxOutline = styled(Box)`\n  &:focus {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst BoxTextDecoration = styled(BoxOutline)`\n  text-decoration: none;\n`;\n\ninterface FolderCardBodyActionProps extends BoxProps {\n  to?: LinkProps['to'];\n}\n\nexport const FolderCardBodyAction = ({ to, ...props }: FolderCardBodyActionProps) => {\n  if (to) {\n    return (\n      <BoxTextDecoration\n        // padding needed to give outline space to appear\n        // since FolderCardBody needs overflow hidden property\n        padding={1}\n        tag={NavLink}\n        maxWidth=\"100%\"\n        to={to}\n        {...props}\n      />\n    );\n  }\n\n  return <BoxOutline padding={1} tag=\"button\" type=\"button\" maxWidth=\"100%\" {...props} />;\n};\n"],"names":["BoxOutline","styled","Box","theme","colors","primary600","BoxTextDecoration","FolderCardBodyAction","to","props","_jsx","padding","tag","NavLink","maxWidth","type"],"mappings":";;;;;;;AAAA;AAKA,MAAMA,UAAAA,GAAaC,uBAAOC,CAAAA,gBAAAA,CAAI;;uBAEP,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAGhE,CAAC;AAED,MAAMC,iBAAAA,GAAoBL,uBAAOD,CAAAA,UAAAA,CAAW;;AAE5C,CAAC;MAMYO,oBAAuB,GAAA,CAAC,EAAEC,EAAE,EAAE,GAAGC,KAAkC,EAAA,GAAA;AAC9E,IAAA,IAAID,EAAI,EAAA;AACN,QAAA,qBACEE,cAACJ,CAAAA,iBAAAA,EAAAA;;;YAGCK,OAAS,EAAA,CAAA;YACTC,GAAKC,EAAAA,sBAAAA;YACLC,QAAS,EAAA,MAAA;YACTN,EAAIA,EAAAA,EAAAA;AACH,YAAA,GAAGC;;AAGV;AAEA,IAAA,qBAAOC,cAACV,CAAAA,UAAAA,EAAAA;QAAWW,OAAS,EAAA,CAAA;QAAGC,GAAI,EAAA,QAAA;QAASG,IAAK,EAAA,QAAA;QAASD,QAAS,EAAA,MAAA;AAAQ,QAAA,GAAGL;;AAChF;;;;"}

package/dist/admin/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.mjs

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@strapi/design-system';
+import { NavLink } from 'react-router-dom';
+import { styled } from 'styled-components';
+
+// TODO: find a better naming convention for the file that was an index file before
+const BoxOutline = styled(Box)`
+  &:focus {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const BoxTextDecoration = styled(BoxOutline)`
+  text-decoration: none;
+`;
+const FolderCardBodyAction = ({ to, ...props })=>{
+    if (to) {
+        return /*#__PURE__*/ jsx(BoxTextDecoration, {
+            // padding needed to give outline space to appear
+            // since FolderCardBody needs overflow hidden property
+            padding: 1,
+            tag: NavLink,
+            maxWidth: "100%",
+            to: to,
+            ...props
+        });
+    }
+    return /*#__PURE__*/ jsx(BoxOutline, {
+        padding: 1,
+        tag: "button",
+        type: "button",
+        maxWidth: "100%",
+        ...props
+    });
+};
+
+export { FolderCardBodyAction };
+//# sourceMappingURL=FolderCardBodyAction.mjs.map

package/dist/admin/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardBodyAction.mjs","sources":["../../../../../admin/src/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Box, BoxProps } from '@strapi/design-system';\nimport { NavLink, LinkProps } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nconst BoxOutline = styled(Box)`\n  &:focus {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst BoxTextDecoration = styled(BoxOutline)`\n  text-decoration: none;\n`;\n\ninterface FolderCardBodyActionProps extends BoxProps {\n  to?: LinkProps['to'];\n}\n\nexport const FolderCardBodyAction = ({ to, ...props }: FolderCardBodyActionProps) => {\n  if (to) {\n    return (\n      <BoxTextDecoration\n        // padding needed to give outline space to appear\n        // since FolderCardBody needs overflow hidden property\n        padding={1}\n        tag={NavLink}\n        maxWidth=\"100%\"\n        to={to}\n        {...props}\n      />\n    );\n  }\n\n  return <BoxOutline padding={1} tag=\"button\" type=\"button\" maxWidth=\"100%\" {...props} />;\n};\n"],"names":["BoxOutline","styled","Box","theme","colors","primary600","BoxTextDecoration","FolderCardBodyAction","to","props","_jsx","padding","tag","NavLink","maxWidth","type"],"mappings":";;;;;AAAA;AAKA,MAAMA,UAAAA,GAAaC,MAAOC,CAAAA,GAAAA,CAAI;;uBAEP,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAGhE,CAAC;AAED,MAAMC,iBAAAA,GAAoBL,MAAOD,CAAAA,UAAAA,CAAW;;AAE5C,CAAC;MAMYO,oBAAuB,GAAA,CAAC,EAAEC,EAAE,EAAE,GAAGC,KAAkC,EAAA,GAAA;AAC9E,IAAA,IAAID,EAAI,EAAA;AACN,QAAA,qBACEE,GAACJ,CAAAA,iBAAAA,EAAAA;;;YAGCK,OAAS,EAAA,CAAA;YACTC,GAAKC,EAAAA,OAAAA;YACLC,QAAS,EAAA,MAAA;YACTN,EAAIA,EAAAA,EAAAA;AACH,YAAA,GAAGC;;AAGV;AAEA,IAAA,qBAAOC,GAACV,CAAAA,UAAAA,EAAAA;QAAWW,OAAS,EAAA,CAAA;QAAGC,GAAI,EAAA,QAAA;QAASG,IAAK,EAAA,QAAA;QAASD,QAAS,EAAA,MAAA;AAAQ,QAAA,GAAGL;;AAChF;;;;"}

package/dist/admin/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var FolderCard = require('../contexts/FolderCard.js');
+
+const FolderCardCheckbox = (props)=>{
+    const { id } = FolderCard.useFolderCard();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        position: "relative",
+        zIndex: 2,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+            "aria-labelledby": `${id}-title`,
+            ...props
+        })
+    });
+};
+
+exports.FolderCardCheckbox = FolderCardCheckbox;
+//# sourceMappingURL=FolderCardCheckbox.js.map

package/dist/admin/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardCheckbox.js","sources":["../../../../../admin/src/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.tsx"],"sourcesContent":["import { Checkbox, Box, CheckboxProps } from '@strapi/design-system';\n\nimport { useFolderCard } from '../contexts/FolderCard';\n\nexport const FolderCardCheckbox = (props: CheckboxProps) => {\n  const { id } = useFolderCard();\n\n  return (\n    <Box position=\"relative\" zIndex={2}>\n      <Checkbox aria-labelledby={`${id}-title`} {...props} />\n    </Box>\n  );\n};\n"],"names":["FolderCardCheckbox","props","id","useFolderCard","_jsx","Box","position","zIndex","Checkbox","aria-labelledby"],"mappings":";;;;;;AAIO,MAAMA,qBAAqB,CAACC,KAAAA,GAAAA;IACjC,MAAM,EAAEC,EAAE,EAAE,GAAGC,wBAAAA,EAAAA;AAEf,IAAA,qBACEC,cAACC,CAAAA,gBAAAA,EAAAA;QAAIC,QAAS,EAAA,UAAA;QAAWC,MAAQ,EAAA,CAAA;AAC/B,QAAA,QAAA,gBAAAH,cAACI,CAAAA,qBAAAA,EAAAA;AAASC,YAAAA,iBAAAA,EAAiB,CAAC,EAAEP,EAAG,CAAA,MAAM,CAAC;AAAG,YAAA,GAAGD;;;AAGpD;;;;"}

package/dist/admin/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.mjs

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box, Checkbox } from '@strapi/design-system';
+import { useFolderCard } from '../contexts/FolderCard.mjs';
+
+const FolderCardCheckbox = (props)=>{
+    const { id } = useFolderCard();
+    return /*#__PURE__*/ jsx(Box, {
+        position: "relative",
+        zIndex: 2,
+        children: /*#__PURE__*/ jsx(Checkbox, {
+            "aria-labelledby": `${id}-title`,
+            ...props
+        })
+    });
+};
+
+export { FolderCardCheckbox };
+//# sourceMappingURL=FolderCardCheckbox.mjs.map

package/dist/admin/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCardCheckbox.mjs","sources":["../../../../../admin/src/components/FolderCard/FolderCardCheckbox/FolderCardCheckbox.tsx"],"sourcesContent":["import { Checkbox, Box, CheckboxProps } from '@strapi/design-system';\n\nimport { useFolderCard } from '../contexts/FolderCard';\n\nexport const FolderCardCheckbox = (props: CheckboxProps) => {\n  const { id } = useFolderCard();\n\n  return (\n    <Box position=\"relative\" zIndex={2}>\n      <Checkbox aria-labelledby={`${id}-title`} {...props} />\n    </Box>\n  );\n};\n"],"names":["FolderCardCheckbox","props","id","useFolderCard","_jsx","Box","position","zIndex","Checkbox","aria-labelledby"],"mappings":";;;;AAIO,MAAMA,qBAAqB,CAACC,KAAAA,GAAAA;IACjC,MAAM,EAAEC,EAAE,EAAE,GAAGC,aAAAA,EAAAA;AAEf,IAAA,qBACEC,GAACC,CAAAA,GAAAA,EAAAA;QAAIC,QAAS,EAAA,UAAA;QAAWC,MAAQ,EAAA,CAAA;AAC/B,QAAA,QAAA,gBAAAH,GAACI,CAAAA,QAAAA,EAAAA;AAASC,YAAAA,iBAAAA,EAAiB,CAAC,EAAEP,EAAG,CAAA,MAAM,CAAC;AAAG,YAAA,GAAGD;;;AAGpD;;;;"}

package/dist/admin/components/FolderCard/contexts/FolderCard.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+const FolderCardContext = /*#__PURE__*/ React.createContext({});
+function useFolderCard() {
+    return React.useContext(FolderCardContext);
+}
+
+exports.FolderCardContext = FolderCardContext;
+exports.useFolderCard = useFolderCard;
+//# sourceMappingURL=FolderCard.js.map

package/dist/admin/components/FolderCard/contexts/FolderCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCard.js","sources":["../../../../../admin/src/components/FolderCard/contexts/FolderCard.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport const FolderCardContext = createContext<{\n  id?: string;\n}>({});\n\nexport function useFolderCard() {\n  return useContext(FolderCardContext);\n}\n"],"names":["FolderCardContext","createContext","useFolderCard","useContext"],"mappings":";;;;AAEaA,MAAAA,iBAAAA,iBAAoBC,mBAE9B,CAAA,EAAI;AAEA,SAASC,aAAAA,GAAAA;AACd,IAAA,OAAOC,gBAAWH,CAAAA,iBAAAA,CAAAA;AACpB;;;;;"}

package/dist/admin/components/FolderCard/contexts/FolderCard.mjs

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+
+const FolderCardContext = /*#__PURE__*/ createContext({});
+function useFolderCard() {
+    return useContext(FolderCardContext);
+}
+
+export { FolderCardContext, useFolderCard };
+//# sourceMappingURL=FolderCard.mjs.map

package/dist/admin/components/FolderCard/contexts/FolderCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderCard.mjs","sources":["../../../../../admin/src/components/FolderCard/contexts/FolderCard.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport const FolderCardContext = createContext<{\n  id?: string;\n}>({});\n\nexport function useFolderCard() {\n  return useContext(FolderCardContext);\n}\n"],"names":["FolderCardContext","createContext","useFolderCard","useContext"],"mappings":";;AAEaA,MAAAA,iBAAAA,iBAAoBC,aAE9B,CAAA,EAAI;AAEA,SAASC,aAAAA,GAAAA;AACd,IAAA,OAAOC,UAAWH,CAAAA,iBAAAA,CAAAA;AACpB;;;;"}