@valbuild/ui 0.26.0 → 0.28.0

package/.babelrc.json

@@ -1,10 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-react",
-      {
-        "runtime": "automatic"
-      }
-    ]
-  ]
-}

package/.storybook/main.js

@@ -1,25 +0,0 @@
-/** @type { import('@storybook/react-vite').StorybookConfig } */
-const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    {
-      name: "@storybook/addon-styling",
-      options: {
-        // Check out https://github.com/storybookjs/addon-styling/blob/main/docs/api.md
-        // For more details on this addon's options.
-        postCss: true,
-      },
-    },
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;

package/.storybook/preview-head.html

@@ -1,6 +0,0 @@
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link
-  href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap"
-  rel="stylesheet"
-/>

package/.storybook/preview.js

@@ -1,33 +0,0 @@
-import { withThemeByDataAttribute } from "@storybook/addon-styling";
-
-import "tailwindcss/tailwind.css";
-import "../src/index.css";
-import "./theme.css"; // The normal css has theming on :hover, but we need to have it on :root for stories to work
-
-/* snipped for brevity */
-
-export const decorators = [
-  withThemeByDataAttribute({
-    themes: {
-      light: "light",
-      dark: "dark",
-    },
-    defaultTheme: "dark",
-    attributeName: "data-mode",
-  }),
-];
-
-/** @type { import('@storybook/react').Preview } */
-const preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-
-export default preview;

package/.storybook/theme.css

@@ -1,34 +0,0 @@
-html {
-  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  /* This must be identical to the theme in index.css */
-  --val-theme-white: #fcfcfc;
-  --val-theme-light-gray: #d6d6d6;
-  --val-theme-medium-gray: #c9c9c9;
-  --val-theme-dark-gray: #575757;
-  --val-theme-medium-black: #303030;
-  --val-theme-warm-black: #1a1a1a;
-  --val-theme-yellow: #38cd98;
-  --val-theme-red: #f02929;
-  --val-theme-green: #1ced1c;
-  --val-theme-full-black: black;
-  --val-theme-full-white: white;
-
-  /* light theme */
-  --val-theme-base: var(--val-theme-white);
-  --val-theme-highlight: var(--val-theme-yellow);
-  --val-theme-border: var(--val-theme-medium-gray);
-  --val-theme-fill: var(--val-theme-light-gray);
-  --val-theme-primary: var(--val-theme-warm-black);
-  --val-theme-full: var(--val-theme-full-black);
-}
-
-/* dark theme */
-*[data-mode="dark"] {
-  --val-theme-base: var(--val-theme-warm-black);
-  --val-theme-highlight: var(--val-theme-yellow);
-  --val-theme-border: var(--val-theme-dark-gray);
-  --val-theme-fill: var(--val-theme-medium-black);
-  --val-theme-primary: var(--val-theme-white);
-  --val-theme-full: var(--val-theme-full-white);
-}

package/components.json

@@ -1,16 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "slate",
-    "cssVariables": true
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  }
-}

package/fix-server-hack.js

@@ -1,54 +0,0 @@
-// We use this to inject the contents of main.jsx into the server
-// We want to use Vite / rollup to do this, but ran out of time and patience to do it
-
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require("fs");
-const path = require("path");
-
-const serverFiles = [
-  "server/dist/valbuild-ui-server.esm.js",
-  "server/dist/valbuild-ui-server.cjs.js",
-];
-const inputDir = "server/.tmp";
-function walk(dir) {
-  return fs.readdirSync(dir).reduce((files, fileOrDirName) => {
-    const fileOrDirPath = path.join(dir, fileOrDirName);
-    if (fs.statSync(fileOrDirPath).isDirectory()) {
-      return {
-        ...files,
-        ...walk(fileOrDirPath),
-      };
-    }
-    const fileContent = fs.readFileSync(fileOrDirPath, "utf-8");
-    const encodedContent = Buffer.from(fileContent).toString("base64");
-    return {
-      ...files,
-      [fileOrDirPath.replace(inputDir, "")]: encodedContent,
-    };
-  }, {});
-}
-
-const files = walk(inputDir);
-const stringifiedFiles = JSON.stringify(files);
-
-for (const serverFile of serverFiles) {
-  const filePath = path.join(__dirname, serverFile);
-  const replaceString = "BUILD_REPLACE_THIS_WITH_RECORD";
-  fs.readFile(filePath, "utf-8", (err, data) => {
-    if (err) {
-      console.error("Error reading file:", err);
-      return;
-    }
-
-    const result = data.replace(replaceString, stringifiedFiles);
-
-    // Write the modified content back to the file
-    fs.writeFile(filePath, result, "utf-8", (err) => {
-      if (err) {
-        console.error("Error writing file:", err);
-        return;
-      }
-      console.log(`Replaced script in ${serverFile} with contents of build!`);
-    });
-  });
-}

package/fullscreen.vite.config.ts

@@ -1,9 +0,0 @@
-import { defineConfig } from "vite";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  base: "/api/val/static", // TODO: needs to be configurable
-  build: {
-    outDir: "./server/.tmp",
-  },
-});

package/jest.config.js

@@ -1,4 +0,0 @@
-/** @type {import("jest").Config} */
-module.exports = {
-  preset: "../../jest.preset",
-};

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/rollup.config.js

@@ -1,23 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { default: dts } = require("rollup-plugin-dts");
-
-/**
- * This rollup config is used solely for bundling type definitions. Vite builds
- * the rest!
- *
- * @type{import("rollup").RollupOptions[]}
- */
-const config = [
-  {
-    input: "./src/vite-index.tsx",
-    output: [{ file: "dist/valbuild-ui.cjs.d.ts", format: "es" }],
-    plugins: [dts()],
-  },
-  {
-    input: "./src/vite-server.ts",
-    output: [{ file: "server/dist/valbuild-ui-server.cjs.d.ts", format: "es" }],
-    plugins: [dts()],
-  },
-];
-
-module.exports = config;

package/server.vite.config.ts

@@ -1,31 +0,0 @@
-import { defineConfig } from "vite";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  build: {
-    outDir: "./server/dist",
-    manifest: true,
-    lib: {
-      entry: {
-        "valbuild-ui-server": "./src/vite-server.ts",
-        "valbuild-ui-main": "./src/main.jsx",
-      },
-      formats: ["cjs", "es"],
-      /**
-       * Sets file names to match the output from Preconstruct
-       */
-      fileName(format, entryName) {
-        switch (format) {
-          case "es":
-            return `${entryName}.esm.js`;
-          case "cjs":
-            return `${entryName}.cjs.js`;
-          default:
-            throw Error(`Unexpected format: ${format}`);
-        }
-      },
-    },
-    // Output semi-readable code and let consumers handle minification
-    minify: false,
-  },
-});

package/src/App.tsx

@@ -1,73 +0,0 @@
-import { ValApi } from "@valbuild/core";
-import { ValFullscreen } from "./components/ValFullscreen";
-import { ErrorBoundary } from "react-error-boundary";
-
-import {
-  Accordion,
-  AccordionItem,
-  AccordionContent,
-  AccordionTrigger,
-} from "./components/ui/accordion";
-import Logo from "./assets/icons/Logo";
-import { X } from "lucide-react";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function fallbackRender({ error, resetErrorBoundary }: any) {
-  console.error(error);
-  return (
-    <div className="absolute top-0 left-0 flex items-center justify-center w-screen h-screen bg-card-foreground">
-      <div className="w-full h-full p-10">
-        <div className="w-full h-full p-10 bg-card text-primary">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-[0.5em] text-lg font-bold text-center py-2">
-              <Logo /> encountered an error
-            </div>
-            <button onClick={resetErrorBoundary}>
-              <X />
-            </button>
-          </div>
-          <div className="text-4xl font-normal ">Message:</div>
-          <pre>{error.message}</pre>
-          {error.stack && (
-            <Accordion
-              type="single"
-              className="font-serif"
-              collapsible
-              defaultValue="error"
-            >
-              <AccordionItem value={"error"}>
-                <AccordionTrigger>Stack trace:</AccordionTrigger>
-                <AccordionContent className="p-4 bg-popover text-popover-foreground">
-                  {error.stack && <pre>{error.stack}</pre>}
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function App() {
-  const router = createBrowserRouter(
-    [
-      {
-        path: "/*",
-        element: (
-          <ErrorBoundary fallbackRender={fallbackRender}>
-            <ValFullscreen valApi={new ValApi("/api/val")} />
-          </ErrorBoundary>
-        ),
-      },
-    ],
-    {
-      basename: "/api/val/static/edit",
-    }
-  );
-
-  return <RouterProvider router={router} />;
-}
-
-export default App;

package/src/assets/icons/Bold.tsx

@@ -1,23 +0,0 @@
-import { FC } from "react";
-
-const Bold: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      height={12}
-      width={12}
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={className}
-    >
-      <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
-      <path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path>
-    </svg>
-  );
-};
-
-export default Bold;

package/src/assets/icons/Chevron.tsx

@@ -1,28 +0,0 @@
-import { FC } from "react";
-
-const Chevron: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      width="10"
-      height="10"
-      viewBox="0 0 12 12"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3.70733 1.00015L8.7784 6.07121L8.07129 6.77832L3.00022 1.70725L3.70733 1.00015Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M3.00015 10.4709L8.07121 5.39983L8.77832 6.10693L3.70725 11.178L3.00015 10.4709Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default Chevron;

package/src/assets/icons/FontColor.tsx

@@ -1,30 +0,0 @@
-import { FC } from "react";
-
-const FontColor: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={className}
-      width={25}
-      height={25}
-    >
-      <g>
-        <path d="M29,27H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h26c0.6,0,1-0.4,1-1S29.6,27,29,27z" />
-        <path
-          d="M6.4,16.7C6.4,16.7,6.4,16.7,6.4,16.7l7,7c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6.9-6.9c0,0,0,0,0,0l1.5-1.5
-		c0.4-0.4,0.4-1,0-1.4l-8.9-9c0,0,0,0,0,0l-2.5-2.5c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.8,1.8l-7.7,7.7c-0.4,0.4-0.4,1,0,1.4
-		L6.4,16.7z M13.6,7L14,7.5c0,0,0,0,0,0l7,7L20.6,15H7.5l-1-1L13.6,7z"
-        />
-        <path d="M25,24c1.7,0,3-1.3,3-3c0-1.4-1.8-3.2-2.3-3.7c-0.4-0.4-1-0.4-1.4,0C23.8,17.8,22,19.6,22,21C22,22.7,23.3,24,25,24z" />
-      </g>
-    </svg>
-  );
-};
-
-export default FontColor;

package/src/assets/icons/ImageIcon.tsx

@@ -1,29 +0,0 @@
-import { FC } from "react";
-
-const ImageIcon: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      width="12"
-      height="12"
-      viewBox="0 0 9 10"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <g clipPath="url(#clip0_1225_1638)">
-        <rect y="0.5" width="9" height="9" />
-
-        <path d="M0 7L8.5 5" stroke="currentColor" />
-        <circle cx="3" cy="3.5" r="1" fill="currentColor" />
-      </g>
-      <rect x="0.5" y="1" width="8" height="8" stroke="currentColor" />
-      <defs>
-        <clipPath id="clip0_1225_1638">
-          <rect y="0.5" width="9" height="9" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
-
-export default ImageIcon;

package/src/assets/icons/Italic.tsx

@@ -1,24 +0,0 @@
-import { FC } from "react";
-
-const Italic: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      className={className}
-      width={12}
-      height={12}
-    >
-      <line x1="19" y1="4" x2="10" y2="4"></line>
-      <line x1="14" y1="20" x2="5" y2="20"></line>
-      <line x1="15" y1="4" x2="9" y2="20"></line>
-    </svg>
-  );
-};
-
-export default Italic;

package/src/assets/icons/Logo.tsx

@@ -1,103 +0,0 @@
-import { FC } from "react";
-
-const Logo: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      width="58"
-      height="34"
-      viewBox="0 0 58 34"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <g filter="url(#filter0_d_21_1677)">
-        <path
-          d="M5 5.36426C5 5.16309 5.16309 5 5.36426 5H17.6581C17.8593 5 18.0223 5.16309 18.0223 5.36426V28.4949C18.0223 28.696 17.8593 28.8591 17.6581 28.8591H5.36426C5.16309 28.8591 5 28.696 5 28.4949V5.36426Z"
-          fill="#38CD98"
-        />
-      </g>
-      <g filter="url(#filter1_i_21_1677)">
-        <circle cx="11.4656" cy="23.7595" r="2.18557" fill="currentColor" />
-      </g>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M52.8588 23.839H48.7257H48.537H48.1128C47.6715 23.839 47.4508 23.5942 47.4508 23.1044V13.7293C47.4508 13.5784 47.3285 13.4561 47.1777 13.4561H45.8118C45.6609 13.4561 45.5386 13.5784 45.5386 13.7293V15.1836C45.5386 15.2844 45.4569 15.3661 45.3561 15.3661C45.2876 15.3661 45.225 15.3275 45.1924 15.2672C44.805 14.5503 44.283 14.02 43.6264 13.6765C42.9563 13.301 42.2045 13.1132 41.3709 13.1132C40.6028 13.1132 39.8755 13.252 39.189 13.5295C38.5026 13.8071 37.8979 14.2152 37.3748 14.7539C36.8682 15.2764 36.4678 15.9212 36.1736 16.6885C35.8794 17.4558 35.7323 18.3374 35.7323 19.3332V19.725C35.7323 20.7372 35.8794 21.627 36.1736 22.3942C36.4678 23.1615 36.8682 23.8146 37.3748 24.3533C37.8979 24.8757 38.5026 25.2757 39.189 25.5532C39.8755 25.8144 40.6191 25.945 41.42 25.945C42.1881 25.945 42.9154 25.7491 43.6019 25.3573C44.2751 24.982 44.8058 24.4119 45.1941 23.6471C45.2255 23.5852 45.2886 23.5452 45.358 23.5452H45.3917C45.4728 23.5452 45.5386 23.611 45.5386 23.6921C45.5386 23.7904 45.544 23.8856 45.5547 23.9777V25.1392C45.5547 25.3904 45.7584 25.5941 46.0096 25.5941H47.2261C47.2914 25.5995 47.3581 25.6022 47.4263 25.6022H48.537H48.7257H57.7268C57.8777 25.6022 58 25.4799 58 25.329V24.1122C58 23.9614 57.8777 23.839 57.7268 23.839H55.3174C55.1665 23.839 55.0442 23.7167 55.0442 23.5659V8.73368C55.0442 8.58279 54.9219 8.46048 54.771 8.46048H50.5054C50.3545 8.46048 50.2322 8.58279 50.2322 8.73368V9.95043C50.2322 10.1013 50.3545 10.2236 50.5054 10.2236H52.8588C53.0097 10.2236 53.132 10.3459 53.132 10.4968V23.5659C53.132 23.7167 53.0097 23.839 52.8588 23.839ZM41.6161 24.1329C42.1881 24.1329 42.7111 24.0268 43.1851 23.8146C43.6754 23.6023 44.0922 23.3003 44.4354 22.9085C44.7786 22.5167 45.0483 22.0514 45.2444 21.5127C45.4406 20.9576 45.5386 20.3454 45.5386 19.6761V19.3822C45.5386 18.7292 45.4406 18.1333 45.2444 17.5946C45.0483 17.0395 44.7705 16.5661 44.4109 16.1743C44.0677 15.7824 43.6509 15.4804 43.1606 15.2682C42.6866 15.0396 42.1718 14.9254 41.6161 14.9254C41.044 14.9254 40.521 15.0315 40.0471 15.2437C39.5731 15.4559 39.1563 15.758 38.7968 16.1498C38.4535 16.5252 38.1839 16.9905 37.9877 17.5456C37.7916 18.0843 37.6936 18.6802 37.6936 19.3332V19.725C37.6936 21.1127 38.0531 22.1983 38.7722 22.982C39.5077 23.7493 40.4557 24.1329 41.6161 24.1329ZM31.1115 25.4191C31.0732 25.5287 30.9698 25.6022 30.8536 25.6022H27.4661C27.35 25.6022 27.2465 25.5287 27.2082 25.4191L23.1578 13.8193C23.0958 13.6417 23.2276 13.4561 23.4157 13.4561H25.089C25.2068 13.4561 25.3114 13.5316 25.3484 13.6435L28.9666 24.581C28.9942 24.6643 29.0721 24.7206 29.1599 24.7206C29.2477 24.7206 29.3256 24.6643 29.3532 24.581L32.9714 13.6435C33.0084 13.5316 33.1129 13.4561 33.2308 13.4561H34.9041C35.0922 13.4561 35.224 13.6417 35.162 13.8193L31.1115 25.4191Z"
-        fill="currentColor"
-      />
-      <defs>
-        <filter
-          id="filter0_d_21_1677"
-          x="0.124722"
-          y="0.124722"
-          width="22.7729"
-          height="33.6097"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="2.43764" />
-          <feComposite in2="hardAlpha" operator="out" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0.219608 0 0 0 0 0.803922 0 0 0 0 0.501961 0 0 0 0.3 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="BackgroundImageFix"
-            result="effect1_dropShadow_21_1677"
-          />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="effect1_dropShadow_21_1677"
-            result="shape"
-          />
-        </filter>
-        <filter
-          id="filter1_i_21_1677"
-          x="9.28003"
-          y="21.5739"
-          width="4.37112"
-          height="4.37112"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset />
-          <feGaussianBlur stdDeviation="0.546392" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0.219608 0 0 0 0 0.803922 0 0 0 0 0.501961 0 0 0 0.3 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_21_1677"
-          />
-        </filter>
-      </defs>
-    </svg>
-  );
-};
-export default Logo;

package/src/assets/icons/Section.tsx

@@ -1,41 +0,0 @@
-import { FC } from "react";
-
-const Section: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      width="9"
-      height="10"
-      viewBox="0 0 9 10"
-      className={className}
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g clipPath="url(#clip0_1222_1618)">
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9 1.5H0V0.5H9V1.5Z"
-          fill="currentColor"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9 9.5H0V8.5H9V9.5Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_1222_1618">
-          <rect
-            width="9"
-            height="9"
-            fill="white"
-            transform="translate(0 0.5)"
-          />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
-
-export default Section;

package/src/assets/icons/Strikethrough.tsx

@@ -1,22 +0,0 @@
-import { FC } from "react";
-
-const Strikethrough: FC<{ className?: string }> = ({ className }) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      stroke="currentColor"
-      strokeWidth="1"
-      className={className}
-      width={12}
-      height={12}
-    >
-      <path
-        fillRule="evenodd"
-        d="M13,15 L13,21 C13,21.5522847 12.5522847,22 12,22 C11.4477153,22 11,21.5522847 11,21 L11,15 L13,15 Z M3,13 C2.44771525,13 2,12.5522847 2,12 C2,11.4477153 2.44771525,11 3,11 L21,11 C21.5522847,11 22,11.4477153 22,12 C22,12.5522847 21.5522847,13 21,13 L3,13 Z M19,2 C19.5522847,2 20,2.44771525 20,3 C20,3.55228475 19.5522847,4 19,4 L13,4 L13,9 L11,9 L11,4 L5,4 C4.44771525,4 4,3.55228475 4,3 C4,2.44771525 4.44771525,2 5,2 L19,2 Z"
-      />
-    </svg>
-  );
-};
-
-export default Strikethrough;