@starlightcms/react-sdk 2.3.0 → 3.0.0-beta.2

package/dist/esm/VisualContent/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/VisualContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,sBAAsB,CAAA;AAG7B,aAAK,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEzD,MAAM,WAAW,eACf,SAAQ,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC/D,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAA;IACzD,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,GAAG,EAAE,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAA;IAC9C,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/VisualContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EACL,WAAW,EACX,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,sBAAsB,CAAA;AAG7B,KAAK,UAAU,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEzD,MAAM,WAAW,eACf,SAAQ,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC/D,SAAS,EAAE,aAAa,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAA;IACzD,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,GAAG,EAAE,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAA;IAC9C,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;CAClD;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}

package/dist/styles.css

@@ -0,0 +1,197 @@
+@charset "UTF-8";
+.sl-visual-content {
+  --sl-max-block-width: 100%;
+}
+.sl-visual-content .sl__color {
+  padding: 2px 0;
+  border-radius: 4px;
+}
+.sl-visual-content .sl__color__bg--red {
+  background-color: rgb(253, 235, 236);
+}
+.sl-visual-content .sl__color__bg--pink {
+  background-color: rgb(253, 235, 236);
+}
+.sl-visual-content .sl__color__bg--purple {
+  background-color: rgb(244, 240, 247);
+}
+.sl-visual-content .sl__color__bg--blue {
+  background-color: rgb(231, 243, 248);
+}
+.sl-visual-content .sl__color__bg--green {
+  background-color: rgb(237, 243, 236);
+}
+.sl-visual-content .sl__color__bg--yellow {
+  background-color: rgb(251, 243, 219);
+}
+.sl-visual-content .sl__color__bg--orange {
+  background-color: rgb(251, 236, 221);
+}
+.sl-visual-content .sl__color__bg--brown {
+  background-color: rgb(244, 238, 238);
+}
+.sl-visual-content .sl__color__bg--gray {
+  background-color: rgb(241, 241, 239);
+}
+.sl-visual-content .sl__color__text--red {
+  color: rgb(212, 76, 71);
+}
+.sl-visual-content .sl__color__text--pink {
+  color: rgb(193, 76, 138);
+}
+.sl-visual-content .sl__color__text--purple {
+  color: rgb(144, 101, 176);
+}
+.sl-visual-content .sl__color__text--blue {
+  color: rgb(51, 126, 169);
+}
+.sl-visual-content .sl__color__text--green {
+  color: rgb(68, 131, 97);
+}
+.sl-visual-content .sl__color__text--yellow {
+  color: rgb(203, 145, 47);
+}
+.sl-visual-content .sl__color__text--orange {
+  color: rgb(217, 115, 13);
+}
+.sl-visual-content .sl__color__text--brown {
+  color: rgb(159, 107, 83);
+}
+.sl-visual-content .sl__color__text--gray {
+  color: rgb(120, 119, 116);
+}
+
+.sl-content-block {
+  margin: auto;
+  width: 100%;
+  max-width: var(--sl-max-block-width);
+}
+
+.sl-stretched {
+  max-width: 100%;
+}
+
+.sl-header.sl-alignment-start, .sl-paragraph.sl-alignment-start {
+  text-align: start;
+}
+
+.sl-header.sl-alignment-center, .sl-paragraph.sl-alignment-center {
+  text-align: center;
+}
+
+.sl-header.sl-alignment-end, .sl-paragraph.sl-alignment-end {
+  text-align: end;
+}
+
+.sl-header.sl-alignment-justify, .sl-paragraph.sl-alignment-justify {
+  text-align: justify;
+}
+
+.sl-figure figcaption {
+  display: flex;
+  justify-content: center;
+  margin-top: 6px;
+}
+
+.sl-html__root > * {
+  max-width: 100%;
+}
+
+.sl-image > .sl-figure {
+  margin: 1rem 0;
+}
+.sl-image > .sl-figure > a {
+  width: 100%;
+}
+
+.sl-image.sl-alignment-start {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.sl-image.sl-alignment-center {
+  display: flex;
+  justify-content: center;
+}
+
+.sl-image.sl-alignment-end {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.sl-image.sl-alignment-justify {
+  display: flex;
+  justify-content: stretch;
+}
+
+.sl-image__img {
+  display: block;
+  width: 100%;
+  object-fit: cover;
+}
+
+.sl-list > ul.sl-list__root {
+  list-style: none;
+}
+.sl-list > ul.sl-list__root > li::before {
+  content: "•";
+}
+
+.sl-list__root {
+  padding-left: 1em;
+}
+.sl-list__root > li {
+  margin: 0.5em 0;
+}
+.sl-list__root > li::before {
+  margin-right: 0.5em;
+}
+
+.sl-video {
+  display: flex;
+}
+.sl-video > figure.sl-figure {
+  margin: 0;
+}
+.sl-video > figure.sl-figure > div > * {
+  max-width: 100%;
+}
+.sl-video > figure.sl-figure > div > iframe {
+  display: block;
+  margin: auto;
+  aspect-ratio: 16/9;
+  border: none;
+  background-color: transparent;
+}
+
+.sl-video--width-auto {
+  width: initial;
+}
+.sl-video--width-auto iframe {
+  width: initial;
+}
+
+.sl-video--width-justify, .sl-video--width-max, .sl-video--width-fixed {
+  width: 100%;
+}
+.sl-video--width-justify iframe, .sl-video--width-max iframe, .sl-video--width-fixed iframe {
+  width: 100%;
+}
+
+.sl-video.sl-alignment-start {
+  justify-content: flex-start;
+}
+
+.sl-video.sl-alignment-center {
+  justify-content: center;
+}
+
+.sl-video.sl-alignment-end {
+  justify-content: flex-end;
+}
+
+.sl-video.sl-alignment-justify {
+  justify-content: stretch;
+}
+
+/*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/VisualContent/styles.scss","../src/VisualContent/blocks/blocks.scss","../src/VisualContent/blocks/HTML/styles.scss","../src/VisualContent/blocks/Image/styles.scss","../src/VisualContent/blocks/List/styles.scss","../src/VisualContent/blocks/Video/styles.scss"],"names":[],"mappings":";AAAA;EACE;;AAEA;EACE;EACA;;AAGE;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AC/DR;EACE;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;EACA;EACA;;;AC9BF;EACE;;;ACFJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;;;AC/BA;EACE;;AAGE;EACE;;;AAMR;EACE;;AAEA;EACE;;AAEA;EACE;;;ACnBN;EACE;;AAEA;EACE;;AAGE;EACE;;AAGF;EACE;EACA;EAEA;EAEA;EAEA;;;AAMR;EACE;;AAEA;EACE;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","file":"styles.css"}

package/package.json

@@ -1,22 +1,21 @@
 {
   "name": "@starlightcms/react-sdk",
-  "version": "2.3.0",
+  "version": "3.0.0-beta.2",
   "description": "The Starlight SDK for React",
-  "workspaces": [
-    "website"
-  ],
   "main": "dist/cjs/index.js",
   "exports": {
     ".": {
       "require": "./dist/cjs/index.js",
       "import": "./dist/esm/index.js"
     },
-    "./styles.css": "./dist/esm/styles.css"
+    "./styles.css": "./dist/styles.css"
   },
   "scripts": {
-    "build": "rimraf dist && npm run build:cjs && npm run build:esm",
-    "build:esm": "tsc --module esnext --outDir dist/esm",
+    "build": "rimraf dist && npm run build:cjs && npm run build:esm && npm run build:css",
     "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "build:esm": "tsc --module esnext --outDir dist/esm",
+    "build:css": "sass src/styles.scss dist/styles.css",
+    "watch:css": "sass --watch src/styles.scss dist/styles.css",
     "dev": "tsc --watch --module esnext --outDir dist/esm",
     "dev:cjs": "tsc --watch --module commonjs --outDir dist/cjs",
     "docs": "npm start -w website",
@@ -44,17 +43,19 @@
   },
   "homepage": "https://github.com/starlightcms/react-sdk#readme",
   "devDependencies": {
-    "@types/node": "^16.10.1",
-    "@types/react": "^17.0.31",
-    "@typescript-eslint/eslint-plugin": "^4.31.2",
-    "@typescript-eslint/parser": "^4.31.2",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
+    "@types/node": "^24.10.3",
+    "@types/react": "^18.3.27",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
     "husky": "^7.0.2",
     "lint-staged": "^11.1.2",
+    "npm-run-all": "^4.1.5",
     "prettier": "2.4.1",
     "rimraf": "^3.0.2",
-    "typescript": "^4.4.3"
+    "sass": "^1.69.5",
+    "typescript": "^5.9.3"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
@@ -63,11 +64,9 @@
     ]
   },
   "dependencies": {
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@starlightcms/js-sdk": "^2.2.1"
+    "@starlightcms/js-sdk": "^3.0.0-beta.0"
   },
   "peerDependencies": {
-    "react": ">=16.0.0"
+    "react": ">=18.0.0"
   }
 }

package/dist/cjs/VisualContent/blocks/HTML/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const HTMLWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/VisualContent/blocks/HTML/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/HTML/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;yGAIvB,CAAA"}

package/dist/cjs/VisualContent/blocks/HTML/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.HTMLWrapper = styled_1.default.div `
-  > * {
-    max-width: 100%;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/VisualContent/blocks/HTML/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/HTML/styles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AAEvB,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA","sourcesContent":["import styled from '@emotion/styled'\n\nexport const HTMLWrapper = styled.div`\n  > * {\n    max-width: 100%;\n  }\n`\n"]}

package/dist/cjs/VisualContent/blocks/Image/styles.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare type ImageProps = {
-    width: string;
-    originalWidth?: string | undefined;
-};
-export declare const SelectedImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/VisualContent/blocks/Image/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Image/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;;;;;;UAExB,CAAA;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa;;;6HA4BzB,CAAA"}

package/dist/cjs/VisualContent/blocks/Image/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectedImage = exports.ImageWrapper = void 0;
-const styles_1 = require("../../styles");
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.ImageWrapper = (0, styled_1.default)(styles_1.FigureWrapper) `
-  margin: 1em auto;
-`;
-exports.SelectedImage = styled_1.default.img `
-  display: block;
-  margin: auto;
-  object-fit: cover;
-
-  max-width: ${({ width, originalWidth }) => {
-    if (originalWidth && width === 'auto')
-        return originalWidth;
-    switch (width) {
-        case 'auto':
-            return '100%';
-        case 'justify':
-        case 'max':
-            return 'initial';
-    }
-}};
-
-  width: ${({ width }) => {
-    switch (width) {
-        case 'auto':
-            return 'initial';
-        case 'justify':
-        case 'max':
-            return '100%';
-        default:
-            return width;
-    }
-}};
-`;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/VisualContent/blocks/Image/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Image/styles.ts"],"names":[],"mappings":";;;;;;AAAA,yCAA4C;AAC5C,6DAAoC;AAEvB,QAAA,YAAY,GAAG,IAAA,gBAAM,EAAC,sBAAa,CAAC,CAAA;;CAEhD,CAAA;AAOY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,CAAY;;;;;eAKpC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;IACxC,IAAI,aAAa,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,aAAa,CAAA;IAE3D,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,SAAS,CAAA;KACnB;AACH,CAAC;;WAEQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrB,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,SAAS,CAAA;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,MAAM,CAAA;QACf;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;CACF,CAAA","sourcesContent":["import { FigureWrapper } from '../../styles'\nimport styled from '@emotion/styled'\n\nexport const ImageWrapper = styled(FigureWrapper)`\n  margin: 1em auto;\n`\n\ntype ImageProps = {\n  width: string\n  originalWidth?: string | undefined\n}\n\nexport const SelectedImage = styled.img<ImageProps>`\n  display: block;\n  margin: auto;\n  object-fit: cover;\n\n  max-width: ${({ width, originalWidth }) => {\n    if (originalWidth && width === 'auto') return originalWidth\n\n    switch (width) {\n      case 'auto':\n        return '100%'\n      case 'justify':\n      case 'max':\n        return 'initial'\n    }\n  }};\n\n  width: ${({ width }) => {\n    switch (width) {\n      case 'auto':\n        return 'initial'\n      case 'justify':\n      case 'max':\n        return '100%'\n      default:\n        return width\n    }\n  }};\n`\n"]}

package/dist/cjs/VisualContent/blocks/List/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/VisualContent/blocks/List/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/List/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;6GAYvB,CAAA"}

package/dist/cjs/VisualContent/blocks/List/styles.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.ListWrapper = styled_1.default.ul `
-  list-style: none;
-  padding-left: 1em;
-
-  > li {
-    margin: 0.5em 0;
-
-    &::before {
-      content: '•';
-      margin-right: 0.5em;
-    }
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/VisualContent/blocks/List/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/List/styles.ts"],"names":[],"mappings":";;;;;;AAAA,6DAAoC;AAEvB,QAAA,WAAW,GAAG,gBAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAYnC,CAAA","sourcesContent":["import styled from '@emotion/styled'\n\nexport const ListWrapper = styled.ul`\n  list-style: none;\n  padding-left: 1em;\n\n  > li {\n    margin: 0.5em 0;\n\n    &::before {\n      content: '•';\n      margin-right: 0.5em;\n    }\n  }\n`\n"]}

package/dist/cjs/VisualContent/blocks/Video/styles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare type VideoWrapperProps = {
-    width: string | null;
-};
-export declare const VideoWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & VideoWrapperProps, {}, {}>;
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/VisualContent/blocks/Video/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Video/styles.ts"],"names":[],"mappings":";AAGA,aAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;8BA+BxB,CAAA"}

package/dist/cjs/VisualContent/blocks/Video/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoWrapper = void 0;
-const styles_1 = require("../../styles");
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.VideoWrapper = (0, styled_1.default)(styles_1.FigureWrapper) `
-  margin: 0;
-
-  > div {
-    > * {
-      max-width: 100%;
-    }
-
-    > iframe {
-      display: block;
-      margin: auto;
-
-      aspect-ratio: 16/9;
-
-      border: none;
-
-      background-color: transparent;
-
-      width: ${({ width }) => {
-    switch (width) {
-        case 'auto':
-            return 'initial';
-        case 'justify':
-        case 'max':
-            return '100%';
-        default:
-            return width;
-    }
-}};
-    }
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/VisualContent/blocks/Video/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Video/styles.ts"],"names":[],"mappings":";;;;;;AAAA,yCAA4C;AAC5C,6DAAoC;AAMvB,QAAA,YAAY,GAAG,IAAA,gBAAM,EAAC,sBAAa,CAAC,CAAmB;;;;;;;;;;;;;;;;;;eAkBrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrB,QAAQ,KAAK,EAAE;QACb,KAAK,MAAM;YACT,OAAO,SAAS,CAAA;QAClB,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,MAAM,CAAA;QACf;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC;;;CAGN,CAAA","sourcesContent":["import { FigureWrapper } from '../../styles'\nimport styled from '@emotion/styled'\n\ntype VideoWrapperProps = {\n  width: string | null\n}\n\nexport const VideoWrapper = styled(FigureWrapper)<VideoWrapperProps>`\n  margin: 0;\n\n  > div {\n    > * {\n      max-width: 100%;\n    }\n\n    > iframe {\n      display: block;\n      margin: auto;\n\n      aspect-ratio: 16/9;\n\n      border: none;\n\n      background-color: transparent;\n\n      width: ${({ width }) => {\n        switch (width) {\n          case 'auto':\n            return 'initial'\n          case 'justify':\n          case 'max':\n            return '100%'\n          default:\n            return width\n        }\n      }};\n    }\n  }\n`\n"]}

package/dist/cjs/VisualContent/styles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const OuterWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BlockWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FigureWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/cjs/VisualContent/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/VisualContent/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;;yGAiExB,CAAA;AAED,eAAO,MAAM,YAAY;;;yGAMxB,CAAA;AAED,eAAO,MAAM,aAAa;;;mGAMzB,CAAA"}

package/dist/cjs/VisualContent/styles.js

@@ -1,89 +0,0 @@
-"use strict";
-'use client';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FigureWrapper = exports.BlockWrapper = exports.OuterWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.OuterWrapper = styled_1.default.div `
-  .sl__color {
-    padding: 2px 0;
-    border-radius: 4px;
-
-    &__bg {
-      &--red {
-        background-color: rgb(253, 235, 236);
-      }
-      &--pink {
-        background-color: rgb(253, 235, 236);
-      }
-      &--purple {
-        background-color: rgb(244, 240, 247);
-      }
-      &--blue {
-        background-color: rgb(231, 243, 248);
-      }
-      &--green {
-        background-color: rgb(237, 243, 236);
-      }
-      &--yellow {
-        background-color: rgb(251, 243, 219);
-      }
-      &--orange {
-        background-color: rgb(251, 236, 221);
-      }
-      &--brown {
-        background-color: rgb(244, 238, 238);
-      }
-      &--gray {
-        background-color: rgb(241, 241, 239);
-      }
-    }
-
-    &__text {
-      &--red {
-        color: rgb(212, 76, 71);
-      }
-      &--pink {
-        color: rgb(193, 76, 138);
-      }
-      &--purple {
-        color: rgb(144, 101, 176);
-      }
-      &--blue {
-        color: rgb(51, 126, 169);
-      }
-      &--green {
-        color: rgb(68, 131, 97);
-      }
-      &--yellow {
-        color: rgb(203, 145, 47);
-      }
-      &--orange {
-        color: rgb(217, 115, 13);
-      }
-      &--brown {
-        color: rgb(159, 107, 83);
-      }
-      &--gray {
-        color: rgb(120, 119, 116);
-      }
-    }
-  }
-`;
-exports.BlockWrapper = styled_1.default.div `
-  margin: auto;
-
-  &.sl-width-max {
-    max-width: 100%;
-  }
-`;
-exports.FigureWrapper = styled_1.default.figure `
-  figcaption {
-    display: flex;
-    justify-content: center;
-    margin-top: 6px;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/VisualContent/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/VisualContent/styles.ts"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;AAEZ,6DAAoC;AAEvB,QAAA,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiErC,CAAA;AAEY,QAAA,YAAY,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAA;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;;CAMzC,CAAA","sourcesContent":["'use client'\n\nimport styled from '@emotion/styled'\n\nexport const OuterWrapper = styled.div`\n  .sl__color {\n    padding: 2px 0;\n    border-radius: 4px;\n\n    &__bg {\n      &--red {\n        background-color: rgb(253, 235, 236);\n      }\n      &--pink {\n        background-color: rgb(253, 235, 236);\n      }\n      &--purple {\n        background-color: rgb(244, 240, 247);\n      }\n      &--blue {\n        background-color: rgb(231, 243, 248);\n      }\n      &--green {\n        background-color: rgb(237, 243, 236);\n      }\n      &--yellow {\n        background-color: rgb(251, 243, 219);\n      }\n      &--orange {\n        background-color: rgb(251, 236, 221);\n      }\n      &--brown {\n        background-color: rgb(244, 238, 238);\n      }\n      &--gray {\n        background-color: rgb(241, 241, 239);\n      }\n    }\n\n    &__text {\n      &--red {\n        color: rgb(212, 76, 71);\n      }\n      &--pink {\n        color: rgb(193, 76, 138);\n      }\n      &--purple {\n        color: rgb(144, 101, 176);\n      }\n      &--blue {\n        color: rgb(51, 126, 169);\n      }\n      &--green {\n        color: rgb(68, 131, 97);\n      }\n      &--yellow {\n        color: rgb(203, 145, 47);\n      }\n      &--orange {\n        color: rgb(217, 115, 13);\n      }\n      &--brown {\n        color: rgb(159, 107, 83);\n      }\n      &--gray {\n        color: rgb(120, 119, 116);\n      }\n    }\n  }\n`\n\nexport const BlockWrapper = styled.div`\n  margin: auto;\n\n  &.sl-width-max {\n    max-width: 100%;\n  }\n`\n\nexport const FigureWrapper = styled.figure`\n  figcaption {\n    display: flex;\n    justify-content: center;\n    margin-top: 6px;\n  }\n`\n"]}

package/dist/esm/VisualContent/blocks/HTML/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const HTMLWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/esm/VisualContent/blocks/HTML/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/HTML/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,WAAW;;;yGAIvB,CAAA"}

package/dist/esm/VisualContent/blocks/HTML/styles.js

@@ -1,7 +0,0 @@
-import styled from '@emotion/styled';
-export const HTMLWrapper = styled.div `
-  > * {
-    max-width: 100%;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/esm/VisualContent/blocks/HTML/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/HTML/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA","sourcesContent":["import styled from '@emotion/styled'\n\nexport const HTMLWrapper = styled.div`\n  > * {\n    max-width: 100%;\n  }\n`\n"]}

package/dist/esm/VisualContent/blocks/Image/styles.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare type ImageProps = {
-    width: string;
-    originalWidth?: string | undefined;
-};
-export declare const SelectedImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export {};
-//# sourceMappingURL=styles.d.ts.map

package/dist/esm/VisualContent/blocks/Image/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/VisualContent/blocks/Image/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;;;;;;UAExB,CAAA;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa;;;6HA4BzB,CAAA"}