@strapi/content-manager 0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46 → 0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53

package/dist/shared/contracts/uid.d.ts

@@ -45,4 +45,3 @@ export declare namespace CheckUIDAvailability {
     };
 }
 export {};
-//# sourceMappingURL=uid.d.ts.map

package/dist/shared/index.d.ts

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

package/dist/shared/index.js

@@ -1,43 +1,58 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collectionTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+'use strict';
+
+var collectionTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var components = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const contentTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var contentTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const init = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var init = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const relations = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var relations = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const singleTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var singleTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const uid = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var uid = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const reviewWorkflows = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var reviewWorkflows = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const historyVersions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var historyVersions = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var preview = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   CollectionTypes: collectionTypes,
   Components: components,
   ContentTypes: contentTypes,
   HistoryVersions: historyVersions,
   Init: init,
+  Preview: preview,
   Relations: relations,
   ReviewWorkflows: reviewWorkflows,
   SingleTypes: singleTypes,
   UID: uid
-}, Symbol.toStringTag, { value: "Module" }));
+});
+
 exports.Contracts = index;
 //# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/shared/index.mjs

@@ -1,43 +1,56 @@
-const collectionTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+var collectionTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var components = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const contentTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var contentTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const init = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var init = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const relations = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var relations = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const singleTypes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var singleTypes = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const uid = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var uid = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const reviewWorkflows = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var reviewWorkflows = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const historyVersions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var historyVersions = /*#__PURE__*/Object.freeze({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+});
+
+var preview = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   CollectionTypes: collectionTypes,
   Components: components,
   ContentTypes: contentTypes,
   HistoryVersions: historyVersions,
   Init: init,
+  Preview: preview,
   Relations: relations,
   ReviewWorkflows: reviewWorkflows,
   SingleTypes: singleTypes,
   UID: uid
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  index as Contracts
-};
+});
+
+export { index as Contracts };
 //# sourceMappingURL=index.mjs.map

package/dist/shared/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/content-manager",
-  "version": "0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46",
+  "version": "0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53",
   "description": "A powerful UI to easily manage your data.",
   "repository": {
     "type": "git",
@@ -43,33 +43,37 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist/",
-    "strapi-server.js"
+    "dist/"
   ],
   "scripts": {
-    "build": "pack-up build",
+    "build": "run -T npm-run-all clean --parallel build:code build:types",
+    "build:code": "run -T rollup -c",
+    "build:types": "run -T run-p build:types:server build:types:admin",
+    "build:types:server": "run -T tsc -p server/tsconfig.build.json --emitDeclarationOnly",
+    "build:types:admin": "run -T tsc -p admin/tsconfig.build.json --emitDeclarationOnly",
+    "clean": "run -T rimraf ./dist",
     "lint": "run -T eslint .",
     "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
     "test:ts:back": "run -T tsc --noEmit -p server/tsconfig.json",
     "test:ts:front": "run -T tsc -p admin/tsconfig.json",
     "test:unit": "run -T jest",
     "test:unit:watch": "run -T jest --watch",
-    "watch": "pack-up watch"
+    "watch": "run -T rollup -c -w"
   },
   "dependencies": {
     "@radix-ui/react-toolbar": "1.0.4",
     "@reduxjs/toolkit": "1.9.7",
     "@sindresorhus/slugify": "1.1.0",
-    "@strapi/design-system": "2.0.0-rc.11",
-    "@strapi/icons": "2.0.0-rc.11",
-    "@strapi/types": "0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46",
-    "@strapi/utils": "0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46",
+    "@strapi/design-system": "2.0.0-rc.18",
+    "@strapi/icons": "2.0.0-rc.18",
+    "@strapi/types": "0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53",
+    "@strapi/utils": "0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53",
     "codemirror5": "npm:codemirror@^5.65.11",
     "date-fns": "2.30.0",
     "fractional-indexing": "3.2.0",
     "highlight.js": "^10.4.1",
     "immer": "9.0.21",
-    "koa": "2.15.2",
+    "koa": "2.15.4",
     "lodash": "4.17.21",
     "markdown-it": "^12.3.2",
     "markdown-it-abbr": "^1.0.4",
@@ -82,6 +86,7 @@
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "1.0.0",
     "node-schedule": "2.1.1",
+    "prismjs": "^1.29.0",
     "qs": "6.11.1",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
@@ -97,12 +102,12 @@
     "yup": "0.32.9"
   },
   "devDependencies": {
-    "@strapi/admin": "0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46",
-    "@strapi/database": "0.0.0-next.5007ea441db2bdbc04f35e1169b3798c068f5d46",
-    "@strapi/pack-up": "5.0.0",
+    "@strapi/admin": "0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53",
+    "@strapi/database": "0.0.0-next.5017d5e420167d48ec296e3af242d180abd86d53",
     "@testing-library/react": "15.0.7",
     "@types/jest": "29.5.2",
     "@types/lodash": "^4.14.191",
+    "@types/prismjs": "1.26.5",
     "koa-body": "6.0.1",
     "msw": "1.3.0",
     "react": "18.3.1",
@@ -111,14 +116,14 @@
     "styled-components": "6.1.8"
   },
   "peerDependencies": {
-    "@strapi/admin": "^5.0.0 || ^5.0.0-beta || ^5.0.0-alpha || ^5.0.0-rc",
+    "@strapi/admin": "^5.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.0.0",
     "styled-components": "^6.0.0"
   },
   "engines": {
-    "node": ">=18.0.0 <=20.x.x",
+    "node": ">=18.0.0 <=22.x.x",
     "npm": ">=6.0.0"
   },
   "strapi": {
@@ -128,6 +133,5 @@
     "description": "Quick way to see, edit and delete the data in your database.",
     "required": true,
     "kind": "plugin"
-  },
-  "gitHead": "5007ea441db2bdbc04f35e1169b3798c068f5d46"
+  }
 }

package/dist/_chunks/CardDragPreview-C0QyJgRA.js

@@ -1,69 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const Icons = require("@strapi/icons");
-const styledComponents = require("styled-components");
-const CardDragPreview = ({ label, isSibling = false }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    FieldContainer,
-    {
-      background: isSibling ? "neutral100" : "primary100",
-      display: "inline-flex",
-      gap: 3,
-      hasRadius: true,
-      justifyContent: "space-between",
-      $isSibling: isSibling,
-      "max-height": `3.2rem`,
-      maxWidth: "min-content",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DragButton, { alignItems: "center", cursor: "all-scroll", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Drag, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Typography,
-            {
-              textColor: isSibling ? void 0 : "primary600",
-              fontWeight: "bold",
-              ellipsis: true,
-              maxWidth: "7.2rem",
-              children: label
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ActionBox, { alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ActionBox, { alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}) })
-        ] })
-      ]
-    }
-  );
-};
-const ActionBox = styledComponents.styled(designSystem.Flex)`
-  height: ${({ theme }) => theme.spaces[7]};
-
-  &:last-child {
-    padding: 0 ${({ theme }) => theme.spaces[3]};
-  }
-`;
-const DragButton = styledComponents.styled(ActionBox)`
-  border-right: 1px solid ${({ theme }) => theme.colors.primary200};
-
-  svg {
-    width: 1.2rem;
-    height: 1.2rem;
-  }
-`;
-const FieldContainer = styledComponents.styled(designSystem.Flex)`
-  border: 1px solid
-    ${({ theme, $isSibling }) => $isSibling ? theme.colors.neutral150 : theme.colors.primary200};
-
-  svg {
-    width: 1rem;
-    height: 1rem;
-
-    path {
-      fill: ${({ theme, $isSibling }) => $isSibling ? void 0 : theme.colors.primary600};
-    }
-  }
-`;
-exports.CardDragPreview = CardDragPreview;
-//# sourceMappingURL=CardDragPreview-C0QyJgRA.js.map

package/dist/_chunks/CardDragPreview-C0QyJgRA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardDragPreview-C0QyJgRA.js","sources":["../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n          <Drag />\n        </DragButton>\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":["jsxs","Flex","jsx","Drag","Typography","Pencil","Cross","styled"],"mappings":";;;;;AASA,MAAM,kBAAkB,CAAC,EAAE,OAAO,YAAY,YAAkC;AAE5E,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY,YAAY,eAAe;AAAA,MACvC,SAAQ;AAAA,MACR,KAAK;AAAA,MACL,WAAS;AAAA,MACT,gBAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAY;AAAA,MACZ,UAAS;AAAA,MAET,UAAA;AAAA,QAACA,2BAAAA,KAAAC,aAAAA,MAAA,EAAK,KAAK,GACT,UAAA;AAAA,UAACC,2BAAAA,IAAA,YAAA,EAAW,YAAW,UAAS,QAAO,cAAa,SAAS,GAC3D,UAACA,2BAAAA,IAAAC,MAAAA,MAAA,CAAA,CAAK,EACR,CAAA;AAAA,UAEAD,2BAAA;AAAA,YAACE,aAAA;AAAA,YAAA;AAAA,cACC,WAAW,YAAY,SAAY;AAAA,cACnC,YAAW;AAAA,cACX,UAAQ;AAAA,cACR,UAAS;AAAA,cAER,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,GACF;AAAA,wCAECH,aAAAA,MACC,EAAA,UAAA;AAAA,UAAAC,+BAAC,WAAU,EAAA,YAAW,UACpB,UAAAA,+BAACG,MAAAA,SAAO,CAAA,GACV;AAAA,yCAEC,WAAU,EAAA,YAAW,UACpB,UAAAH,+BAACI,MAAAA,QAAM,CAAA,GACT;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,YAAYC,iBAAAA,OAAsBN,aAAAA,IAAI;AAAA,YAChC,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,iBAGzB,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAI/C,MAAM,aAAaM,iBAAAA,OAAO,SAAS;AAAA,4BACP,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlE,MAAM,iBAAiBA,iBAAAA,OAAsBN,aAAAA,IAAI;AAAA;AAAA,MAE3C,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,MAAM,OAAO,aAAa,MAAM,OAAO,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOnF,CAAC,EAAE,OAAO,iBAAkB,aAAa,SAAY,MAAM,OAAO,UAAW;AAAA;AAAA;AAAA;;"}

package/dist/_chunks/CardDragPreview-DOxamsuj.mjs

@@ -1,70 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Flex, Typography } from "@strapi/design-system";
-import { Drag, Pencil, Cross } from "@strapi/icons";
-import { styled } from "styled-components";
-const CardDragPreview = ({ label, isSibling = false }) => {
-  return /* @__PURE__ */ jsxs(
-    FieldContainer,
-    {
-      background: isSibling ? "neutral100" : "primary100",
-      display: "inline-flex",
-      gap: 3,
-      hasRadius: true,
-      justifyContent: "space-between",
-      $isSibling: isSibling,
-      "max-height": `3.2rem`,
-      maxWidth: "min-content",
-      children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
-          /* @__PURE__ */ jsx(DragButton, { alignItems: "center", cursor: "all-scroll", padding: 3, children: /* @__PURE__ */ jsx(Drag, {}) }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              textColor: isSibling ? void 0 : "primary600",
-              fontWeight: "bold",
-              ellipsis: true,
-              maxWidth: "7.2rem",
-              children: label
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Flex, { children: [
-          /* @__PURE__ */ jsx(ActionBox, { alignItems: "center", children: /* @__PURE__ */ jsx(Pencil, {}) }),
-          /* @__PURE__ */ jsx(ActionBox, { alignItems: "center", children: /* @__PURE__ */ jsx(Cross, {}) })
-        ] })
-      ]
-    }
-  );
-};
-const ActionBox = styled(Flex)`
-  height: ${({ theme }) => theme.spaces[7]};
-
-  &:last-child {
-    padding: 0 ${({ theme }) => theme.spaces[3]};
-  }
-`;
-const DragButton = styled(ActionBox)`
-  border-right: 1px solid ${({ theme }) => theme.colors.primary200};
-
-  svg {
-    width: 1.2rem;
-    height: 1.2rem;
-  }
-`;
-const FieldContainer = styled(Flex)`
-  border: 1px solid
-    ${({ theme, $isSibling }) => $isSibling ? theme.colors.neutral150 : theme.colors.primary200};
-
-  svg {
-    width: 1rem;
-    height: 1rem;
-
-    path {
-      fill: ${({ theme, $isSibling }) => $isSibling ? void 0 : theme.colors.primary600};
-    }
-  }
-`;
-export {
-  CardDragPreview as C
-};
-//# sourceMappingURL=CardDragPreview-DOxamsuj.mjs.map

package/dist/_chunks/CardDragPreview-DOxamsuj.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardDragPreview-DOxamsuj.mjs","sources":["../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { Flex, FlexComponent, Typography } from '@strapi/design-system';\nimport { Cross, Drag, Pencil } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\ninterface CardDragPreviewProps {\n  label: string;\n  isSibling?: boolean;\n}\n\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\n  return (\n    <FieldContainer\n      background={isSibling ? 'neutral100' : 'primary100'}\n      display=\"inline-flex\"\n      gap={3}\n      hasRadius\n      justifyContent=\"space-between\"\n      $isSibling={isSibling}\n      max-height={`3.2rem`}\n      maxWidth=\"min-content\"\n    >\n      <Flex gap={3}>\n        <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\n          <Drag />\n        </DragButton>\n\n        <Typography\n          textColor={isSibling ? undefined : 'primary600'}\n          fontWeight=\"bold\"\n          ellipsis\n          maxWidth=\"7.2rem\"\n        >\n          {label}\n        </Typography>\n      </Flex>\n\n      <Flex>\n        <ActionBox alignItems=\"center\">\n          <Pencil />\n        </ActionBox>\n\n        <ActionBox alignItems=\"center\">\n          <Cross />\n        </ActionBox>\n      </Flex>\n    </FieldContainer>\n  );\n};\n\nconst ActionBox = styled<FlexComponent>(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n\n  &:last-child {\n    padding: 0 ${({ theme }) => theme.spaces[3]};\n  }\n`;\n\nconst DragButton = styled(ActionBox)`\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\n\n  svg {\n    width: 1.2rem;\n    height: 1.2rem;\n  }\n`;\n\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\n  border: 1px solid\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\n    }\n  }\n`;\n\nexport { CardDragPreview };\nexport type { CardDragPreviewProps };\n"],"names":[],"mappings":";;;;AASA,MAAM,kBAAkB,CAAC,EAAE,OAAO,YAAY,YAAkC;AAE5E,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY,YAAY,eAAe;AAAA,MACvC,SAAQ;AAAA,MACR,KAAK;AAAA,MACL,WAAS;AAAA,MACT,gBAAe;AAAA,MACf,YAAY;AAAA,MACZ,cAAY;AAAA,MACZ,UAAS;AAAA,MAET,UAAA;AAAA,QAAC,qBAAA,MAAA,EAAK,KAAK,GACT,UAAA;AAAA,UAAC,oBAAA,YAAA,EAAW,YAAW,UAAS,QAAO,cAAa,SAAS,GAC3D,UAAC,oBAAA,MAAA,CAAA,CAAK,EACR,CAAA;AAAA,UAEA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,YAAY,SAAY;AAAA,cACnC,YAAW;AAAA,cACX,UAAQ;AAAA,cACR,UAAS;AAAA,cAER,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,GACF;AAAA,6BAEC,MACC,EAAA,UAAA;AAAA,UAAA,oBAAC,WAAU,EAAA,YAAW,UACpB,UAAA,oBAAC,SAAO,CAAA,GACV;AAAA,8BAEC,WAAU,EAAA,YAAW,UACpB,UAAA,oBAAC,QAAM,CAAA,GACT;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,YAAY,OAAsB,IAAI;AAAA,YAChC,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAAA,iBAGzB,CAAC,EAAE,YAAY,MAAM,OAAO,CAAC,CAAC;AAAA;AAAA;AAI/C,MAAM,aAAa,OAAO,SAAS;AAAA,4BACP,CAAC,EAAE,MAAA,MAAY,MAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlE,MAAM,iBAAiB,OAAsB,IAAI;AAAA;AAAA,MAE3C,CAAC,EAAE,OAAO,WAAW,MAAO,aAAa,MAAM,OAAO,aAAa,MAAM,OAAO,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOnF,CAAC,EAAE,OAAO,iBAAkB,aAAa,SAAY,MAAM,OAAO,UAAW;AAAA;AAAA;AAAA;"}