@upstart.gg/sdk 0.0.104 → 0.0.105

package/src/shared/bricks/manifests/accordion.manifest.ts

@@ -1,179 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, optional, group, prop } from "../props/helpers";
-import { Type } from "@sinclair/typebox";
-import { MdExpandMore } from "react-icons/md";
-import { preset } from "../props/preset";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { fontSize, textContent, textContentRef } from "../props/text";
-import { string } from "../props/string";
-import { padding, paddingRef } from "../props/padding";
-import { border, borderRef } from "../props/border";
-import { shadow, shadowRef } from "../props/effects";
-import { boolean } from "../props/boolean";
-import { TfiLayoutAccordionSeparated } from "react-icons/tfi";
-import type { BrickProps } from "../props/types";
-import { StringEnum } from "~/shared/utils/schema";
-import { colorRef } from "../props/color";
-import type { FC } from "react";
-
-export const manifest = defineBrickManifest({
-  type: "accordion",
-  kind: "widget",
-  name: "Accordion",
-  description: "An accordion/collapse element for expandable content",
-  aiInstructions: `
-This accordion element displays content in collapsible panels.
-It is typically used for FAQ sections, organized documentation, or to save space.
-Each item has a title and expandable content area.
-Multiple panels can be open simultaneously or limited to one at a time.
-  `.trim(),
-  icon: TfiLayoutAccordionSeparated,
-
-  defaultHeight: { desktop: 10, mobile: 15 },
-  defaultWidth: { desktop: 36, mobile: 24 },
-
-  props: defineProps(
-    {
-      container: optional(
-        group({
-          title: "Container",
-          children: {
-            backgroundColor: optional(backgroundColorRef()),
-            padding: optional(paddingRef),
-            border: optional(borderRef),
-            shadow: optional(shadowRef()),
-          },
-        }),
-      ),
-      items: prop({
-        title: "Accordion items",
-        schema: Type.Array(
-          Type.Object({
-            title: textContentRef({ title: "Title", default: "My title", disableSizing: true }),
-            content: textContentRef({ title: "Content", default: "Expandable content goes here" }),
-            defaultOpen: optional(boolean("Open by default", false)),
-          }),
-        ),
-      }),
-      itemsStyles: optional(
-        group({
-          title: "Accordion item styles",
-          children: {
-            backgroundColor: optional(backgroundColorRef()),
-            color: optional(colorRef()),
-            fontSize: fontSize("text-base"),
-          },
-        }),
-      ),
-      allowMultiple: prop({
-        title: "Accordion items",
-        schema: boolean("Allow multiple open", true, {
-          description: "Allow multiple accordion items to be open at the same time",
-        }),
-      }),
-      variants: Type.Array(
-        StringEnum(["collapse-arrow", "collapse-plus"], {
-          default: ["collapse-arrow"],
-          enumNames: ["With Arrow indicator", "With + indicator"],
-        }),
-      ),
-    },
-    {
-      default: {
-        container: {
-          padding: "p-6",
-          backgroundColor: "bg-transparent",
-        },
-        allowMultiple: true,
-        variants: ["collapse-arrow"],
-      },
-    },
-  ),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "FAQ section with card styling with single open",
-    type: "accordion",
-    props: {
-      container: {
-        backgroundColor: "bg-base-50",
-        padding: "p-8",
-        border: {
-          rounding: "rounded-lg",
-        },
-        shadow: "shadow-lg",
-      },
-      variants: ["collapse-plus"],
-      allowMultiple: false,
-      items: [
-        {
-          title: "What is included in the basic plan?",
-          content:
-            "The basic plan includes access to all core features, up to 10 projects, 5GB storage, email support, and basic analytics. You can upgrade at any time to access advanced features like API access, priority support, and unlimited projects.",
-          defaultOpen: true,
-        },
-        {
-          title: "How do I cancel my subscription?",
-          content:
-            "You can cancel your subscription at any time from your account settings. Go to Billing > Manage Subscription > Cancel. Your access will continue until the end of your current billing period, and you won't be charged for the next cycle.",
-        },
-        {
-          title: "Is there a free trial available?",
-          content:
-            "Yes! We offer a 14-day free trial with full access to all premium features. No credit card required to start. You can upgrade to a paid plan anytime during or after the trial period.",
-        },
-        {
-          title: "What payment methods do you accept?",
-          content:
-            "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual subscriptions. All payments are processed securely through our payment partners.",
-        },
-        {
-          title: "Do you offer refunds?",
-          content:
-            "We offer a 30-day money-back guarantee for all new subscriptions. If you're not satisfied with our service, contact our support team within 30 days of your purchase for a full refund.",
-        },
-      ],
-    },
-  },
-  {
-    description: "Product features with arrow indicator and multiple open",
-    type: "accordion",
-    props: {
-      container: {
-        padding: "p-4",
-      },
-      variants: ["collapse-arrow"],
-      allowMultiple: true,
-      items: [
-        {
-          title: "Advanced Analytics",
-          content:
-            "Get detailed insights into your data with our comprehensive analytics dashboard. Track key metrics, generate custom reports, and identify trends with powerful visualization tools.",
-          defaultOpen: true,
-        },
-        {
-          title: "Team Collaboration",
-          content:
-            "Work seamlessly with your team using real-time collaboration features. Share projects, assign tasks, leave comments, and track progress all in one place.",
-        },
-        {
-          title: "API Integration",
-          content:
-            "Connect with your existing tools and workflows using our robust API. Full documentation, SDKs for popular languages, and webhook support included.",
-        },
-        {
-          title: "Security & Compliance",
-          content:
-            "Enterprise-grade security with SOC 2 compliance, data encryption at rest and in transit, SSO support, and comprehensive audit logs.",
-        },
-      ],
-    },
-  },
-];

package/src/shared/bricks/manifests/all-manifests.ts

@@ -1,92 +0,0 @@
-import { manifest as heroManifest, examples as heroExamples } from "./hero.manifest";
-import { manifest as imageManifest, examples as imageExamples } from "./image.manifest";
-import { manifest as videoManifest, examples as videoExamples } from "./video.manifest";
-import { manifest as textManifest, examples as textExamples } from "./text.manifest";
-import { manifest as containerManifest, examples as containerExamples } from "./container.manifest";
-import { manifest as cardManifest, examples as cardExamples } from "./card.manifest";
-import { manifest as mapManifest, examples as mapExamples } from "./map.manifest";
-import { manifest as formManifest, examples as formExamples } from "./form.manifest";
-import { manifest as imagesWallManifest, examples as imagesWallExamples } from "./images-gallery.manifest";
-import { manifest as carouselManifest, examples as carouselExamples } from "./carousel.manifest";
-import { manifest as navbarManifest, examples as navbarExamples } from "./navbar.manifest";
-import { manifest as footerManifest, examples as footerExamples } from "./footer.manifest";
-import { manifest as buttonManifest, examples as buttonExamples } from "./button.manifest";
-import { manifest as iconManifest, examples as iconExamples } from "./icon.manifest";
-import { manifest as socialLinksManifest, examples as socialLinksExamples } from "./social-links.manifest";
-import { manifest as sidebarManifest, examples as sidebarExamples } from "./sidebar.manifest";
-import { manifest as dividerManifest, examples as dividerExamples } from "./divider.manifest";
-import { manifest as testimonialsManifest, examples as testimonialsExamples } from "./testimonials.manifest";
-import { manifest as timelineManifest, examples as timelineExamples } from "./timeline.manifest";
-import { manifest as accordionManifest, examples as accordionExamples } from "./accordion.manifest";
-
-import { getBrickManifestDefaults, type BrickDefaults, type BrickManifest } from "../../brick-manifest";
-
-export const manifests: Record<string, BrickManifest> = {
-  [textManifest.type]: textManifest,
-  [heroManifest.type]: heroManifest,
-  [imageManifest.type]: imageManifest,
-  [videoManifest.type]: videoManifest,
-  [cardManifest.type]: cardManifest,
-  [mapManifest.type]: mapManifest,
-  [formManifest.type]: formManifest,
-  [sidebarManifest.type]: sidebarManifest,
-  [imagesWallManifest.type]: imagesWallManifest,
-  [carouselManifest.type]: carouselManifest,
-  [navbarManifest.type]: navbarManifest,
-  [footerManifest.type]: footerManifest,
-  [buttonManifest.type]: buttonManifest,
-  [iconManifest.type]: iconManifest,
-  [socialLinksManifest.type]: socialLinksManifest,
-  [containerManifest.type]: containerManifest,
-  [dividerManifest.type]: dividerManifest,
-  [testimonialsManifest.type]: testimonialsManifest,
-  [timelineManifest.type]: timelineManifest,
-  [accordionManifest.type]: accordionManifest,
-};
-
-export const defaultProps: Record<string, BrickDefaults> = {
-  [textManifest.type]: getBrickManifestDefaults(textManifest),
-  [heroManifest.type]: getBrickManifestDefaults(heroManifest),
-  [imageManifest.type]: getBrickManifestDefaults(imageManifest),
-  [videoManifest.type]: getBrickManifestDefaults(videoManifest),
-  [cardManifest.type]: getBrickManifestDefaults(cardManifest),
-  [sidebarManifest.type]: getBrickManifestDefaults(sidebarManifest),
-  [mapManifest.type]: getBrickManifestDefaults(mapManifest),
-  [formManifest.type]: getBrickManifestDefaults(formManifest),
-  [imagesWallManifest.type]: getBrickManifestDefaults(imagesWallManifest),
-  [carouselManifest.type]: getBrickManifestDefaults(carouselManifest),
-  [navbarManifest.type]: getBrickManifestDefaults(navbarManifest),
-  [footerManifest.type]: getBrickManifestDefaults(footerManifest),
-  [buttonManifest.type]: getBrickManifestDefaults(buttonManifest),
-  [iconManifest.type]: getBrickManifestDefaults(iconManifest),
-  [socialLinksManifest.type]: getBrickManifestDefaults(socialLinksManifest),
-  [containerManifest.type]: getBrickManifestDefaults(containerManifest),
-  [dividerManifest.type]: getBrickManifestDefaults(dividerManifest),
-  [testimonialsManifest.type]: getBrickManifestDefaults(testimonialsManifest),
-  [timelineManifest.type]: getBrickManifestDefaults(timelineManifest),
-  [accordionManifest.type]: getBrickManifestDefaults(accordionManifest),
-};
-
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-export const examples: Record<string, { description: string; type: string; props: any }[]> = {
-  [textManifest.type]: textExamples,
-  [heroManifest.type]: heroExamples,
-  [imageManifest.type]: imageExamples,
-  [videoManifest.type]: videoExamples,
-  [cardManifest.type]: cardExamples,
-  [mapManifest.type]: mapExamples,
-  [formManifest.type]: formExamples,
-  [sidebarManifest.type]: sidebarExamples,
-  [imagesWallManifest.type]: imagesWallExamples,
-  [carouselManifest.type]: carouselExamples,
-  [navbarManifest.type]: navbarExamples,
-  [footerManifest.type]: footerExamples,
-  [buttonManifest.type]: buttonExamples,
-  [iconManifest.type]: iconExamples,
-  [socialLinksManifest.type]: socialLinksExamples,
-  [containerManifest.type]: containerExamples,
-  [dividerManifest.type]: dividerExamples,
-  [testimonialsManifest.type]: testimonialsExamples,
-  [timelineManifest.type]: timelineExamples,
-  [accordionManifest.type]: accordionExamples,
-};

package/src/shared/bricks/manifests/button.manifest.ts

@@ -1,145 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, optional, prop } from "../props/helpers";
-import { textContentRef } from "../props/text";
-import { RxButton } from "react-icons/rx";
-import { string, urlOrPageIdRef } from "../props/string";
-import { Type } from "@sinclair/typebox";
-import { StringEnum } from "~/shared/utils/schema";
-import type { BrickProps } from "../props/types";
-
-export const manifest = defineBrickManifest({
-  type: "button",
-  name: "Button",
-  repeatable: true,
-  description: "A button with text and optional icon",
-  icon: RxButton,
-  props: defineProps({
-    /**
-     * @see https://daisyui.com/components/button/?lang=en
-     * @see https://raw.githubusercontent.com/saadeghi/daisyui/refs/heads/master/packages/docs/src/routes/(routes)/components/button/+page.md?plain=1
-     */
-    variants: Type.Array(
-      Type.Union(
-        [
-          Type.Literal("btn-neutral", { title: "Neutral", "ai:variant-type": "color" }),
-          Type.Literal("btn-primary", { title: "Primary", "ai:variant-type": "color" }),
-          Type.Literal("btn-secondary", { title: "Secondary", "ai:variant-type": "color" }),
-          Type.Literal("btn-accent", { title: "Accent", "ai:variant-type": "color" }),
-          Type.Literal("btn-info", { title: "Info", "ai:variant-type": "color" }),
-          Type.Literal("btn-success", { title: "Success", "ai:variant-type": "color" }),
-          Type.Literal("btn-warning", { title: "Warning", "ai:variant-type": "color" }),
-          Type.Literal("btn-error", { title: "Error", "ai:variant-type": "color" }),
-          Type.Literal("btn-outline", { title: "Outline", "ai:variant-type": "style" }),
-          Type.Literal("btn-dash", { title: "Dash", "ai:variant-type": "style" }),
-          Type.Literal("btn-soft", { title: "Soft", "ai:variant-type": "style" }),
-          Type.Literal("btn-ghost", { title: "Ghost", "ai:variant-type": "style" }),
-          Type.Literal("btn-link", { title: "Link", "ai:variant-type": "style" }),
-          Type.Literal("btn-active", { title: "Active", "ai:variant-type": "behavior" }),
-          Type.Literal("btn-disabled", { title: "Disabled", "ai:variant-type": "behavior" }),
-          Type.Literal("btn-icon-left", { title: "Icon left", "ai:variant-type": "icon" }),
-          Type.Literal("btn-icon-right", { title: "Icon right", "ai:variant-type": "icon" }),
-          Type.Literal("btn-xs", { title: "Extra small", "ai:variant-type": "size" }),
-          Type.Literal("btn-sm", { title: "Small", "ai:variant-type": "size" }),
-          Type.Literal("btn-md", { title: "Medium", "ai:variant-type": "size" }),
-          Type.Literal("btn-lg", { title: "Large", "ai:variant-type": "size" }),
-          Type.Literal("btn-xl", { title: "Extra large", "ai:variant-type": "size" }),
-          Type.Literal("btn-wide", { title: "Wide", "ai:variant-type": "modifier" }),
-          Type.Literal("btn-block", { title: "Block", "ai:variant-type": "modifier" }),
-          Type.Literal("btn-square", { title: "Square", "ai:variant-type": "modifier" }),
-          Type.Literal("btn-circle", { title: "Circle", "ai:variant-type": "modifier" }),
-        ],
-        {
-          title: "Variant",
-          description: "Button variants.",
-          "ai:tip": "Those are DaisyUI button variants",
-        },
-      ),
-    ),
-    label: textContentRef({ title: "Label", default: "My button" }),
-    type: optional(
-      prop({
-        title: "Type",
-        schema: StringEnum(["button", "submit", "reset"], {
-          enumNames: ["Button", "Submit", "Reset"],
-          default: "button",
-          description: "The type of the button",
-          "ai:instructions":
-            "Use 'button' for regular buttons, 'submit' for form submission, and 'reset' to reset form fields.",
-        }),
-      }),
-    ),
-    icon: optional(
-      prop({
-        title: "Icon",
-        description: "Icon to display (iconify reference)",
-        schema: string("Icon", undefined, {
-          description: "Icon to display (iconify reference)",
-          "ui:field": "iconify",
-        }),
-      }),
-    ),
-    linkToUrlOrPageId: optional(urlOrPageIdRef({ title: "Link" })),
-  }),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "Primary button, large size, linking to a URL",
-    type: "button",
-    props: {
-      variants: ["btn-primary", "btn-lg"],
-      label: "Click me",
-      linkToUrlOrPageId: "https://example.com",
-    },
-  },
-  {
-    description: "Secondary button, small size, linking to a page",
-    type: "button",
-    props: {
-      variants: ["btn-secondary", "btn-sm"],
-      label: "Go to page",
-      linkToUrlOrPageId: "page-id-123",
-    },
-  },
-  {
-    description: "Disabled button with outline style",
-    type: "button",
-    props: {
-      variants: ["btn-outline", "btn-disabled"],
-      label: "Disabled Button",
-    },
-  },
-  {
-    description: "Ghost button",
-    type: "button",
-    props: {
-      variants: ["btn-ghost"],
-      label: "Ghost Button",
-      linkToUrlOrPageId: "https://example.com/ghost",
-    },
-  },
-  {
-    description: "Submit button in a form",
-    type: "button",
-    props: {
-      variants: ["btn-primary", "btn-md"],
-      label: "Submit form",
-      type: "submit",
-    },
-  },
-  {
-    description: "Button with icon on the right",
-    type: "button",
-    props: {
-      variants: ["btn-primary", "btn-md", "btn-icon-right"],
-      label: "Icon Button",
-      icon: "mdi:check-circle",
-    },
-  },
-];

package/src/shared/bricks/manifests/card.manifest.ts

@@ -1,269 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { padding, paddingRef } from "../props/padding";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { defineProps, group, optional } from "../props/helpers";
-import { textContent, textContentRef } from "../props/text";
-import { BsCardText } from "react-icons/bs";
-import { image, imageRef } from "../props/image";
-import { Type } from "@sinclair/typebox";
-import type { BrickProps } from "../props/types";
-
-export const manifest = defineBrickManifest({
-  type: "card",
-  name: "Card",
-  description: "A multi-purpose card that can have a title, subtitle, image, and content",
-  repeatable: true,
-  icon: BsCardText,
-  props: defineProps({
-    variants: Type.Array(
-      Type.Union(
-        [
-          Type.Literal("image-first", { title: "Image First" }),
-          Type.Literal("image-last", { title: "Image Last" }),
-          Type.Literal("image-overlay", { title: "Image Overlay" }),
-          Type.Literal("image-left-side", { title: "Image Left Side" }),
-          Type.Literal("image-right-side", { title: "Image Right Side" }),
-          Type.Literal("centered", { title: "Centered" }),
-          Type.Literal("large-padding", { title: "Large padding" }),
-        ],
-        {
-          title: "Variant",
-        },
-      ),
-    ),
-    cardTitle: optional(
-      group({
-        title: "Title",
-        children: {
-          content: textContentRef(),
-          padding: optional(paddingRef),
-          backgroundColor: optional(backgroundColorRef()),
-        },
-      }),
-    ),
-    cardImage: optional(
-      group({
-        title: "Image",
-        children: {
-          image: imageRef(),
-        },
-      }),
-    ),
-    cardBody: optional(
-      group({
-        title: "Body",
-        children: {
-          content: textContentRef(),
-          padding: optional(paddingRef),
-          backgroundColor: optional(backgroundColorRef()),
-        },
-      }),
-    ),
-  }),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "A simple card with a title and content",
-    type: "card",
-    props: {
-      variants: ["image-first"],
-      preset: "prominent-primary",
-      cardTitle: {
-        content: "Card Title",
-        padding: "p-4",
-      },
-      cardBody: {
-        content: "This is the body of the card.",
-      },
-    },
-  },
-  {
-    description: "Card with image and overlay text",
-    type: "card",
-    props: {
-      variants: ["image-overlay", "centered"],
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/400x300",
-          alt: "Placeholder image",
-        },
-      },
-      cardTitle: {
-        content: "Overlay Title",
-        padding: "p-8",
-        backgroundColor: "rgba(0, 0, 0, 0.7)",
-      },
-      cardBody: {
-        content: "Beautiful overlay content with semi-transparent background.",
-        padding: "p-4",
-        backgroundColor: "rgba(255, 255, 255, 0.9)",
-      },
-    },
-  },
-  {
-    description: "Product card with image on the left",
-    type: "card",
-    props: {
-      variants: ["image-left-side"],
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/200x200",
-          alt: "Product image",
-        },
-      },
-      cardTitle: {
-        content: "Premium Headphones",
-        padding: "p-4",
-      },
-      cardBody: {
-        content: "High-quality wireless headphones with noise cancellation and 30-hour battery life.",
-        padding: "p-4",
-      },
-    },
-  },
-  {
-    description: "Feature card with large padding and background",
-    type: "card",
-    props: {
-      variants: ["large-padding", "centered"],
-      cardTitle: {
-        content: "Key Feature",
-        padding: "p-8",
-        backgroundColor: "#f8f9fa",
-      },
-      cardBody: {
-        content: "This feature provides exceptional value and enhances user experience significantly.",
-        padding: "p-8",
-        backgroundColor: "#ffffff",
-      },
-    },
-  },
-  {
-    description: "Blog post card with image at the bottom",
-    type: "card",
-    props: {
-      variants: ["image-last"],
-      cardTitle: {
-        content: "The Future of Technology",
-        padding: "p-4",
-      },
-      cardBody: {
-        content:
-          "Exploring emerging trends and innovations that will shape our digital landscape in the coming decade.",
-        padding: "p-4",
-      },
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/400x200",
-          alt: "Technology concept",
-        },
-      },
-    },
-  },
-  {
-    description: "Testimonial card with right-side image",
-    type: "card",
-    props: {
-      variants: ["image-right-side"],
-      cardTitle: {
-        content: "Customer Review",
-        padding: "p-4",
-        backgroundColor: "#e3f2fd",
-      },
-      cardBody: {
-        content:
-          '"This product exceeded my expectations. The quality is outstanding and the customer service is top-notch!"',
-        padding: "p-4",
-      },
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/150x150",
-          alt: "Customer photo",
-        },
-      },
-    },
-  },
-  {
-    description: "Minimal centered card without image",
-    type: "card",
-    props: {
-      variants: ["centered"],
-      cardTitle: {
-        content: "Simple Announcement",
-        padding: "p-4",
-      },
-      cardBody: {
-        content: "Important updates will be posted here regularly.",
-        padding: "p-4",
-      },
-    },
-  },
-  {
-    description: "Event card with multiple variants",
-    type: "card",
-    props: {
-      variants: ["image-first", "large-padding", "centered"],
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/400x250",
-          alt: "Event venue",
-        },
-      },
-      cardTitle: {
-        content: "Annual Conference 2025",
-        padding: "p-8",
-        backgroundColor: "#1976d2",
-      },
-      cardBody: {
-        content:
-          "Join us for three days of inspiring talks, networking opportunities, and hands-on workshops.",
-        padding: "p-8",
-      },
-    },
-  },
-  {
-    description: "News article card with compact layout",
-    type: "card",
-    props: {
-      variants: ["image-left-side"],
-      cardImage: {
-        image: {
-          src: "https://via.placeholder.com/120x120",
-          alt: "News thumbnail",
-        },
-      },
-      cardTitle: {
-        content: "Breaking News Update",
-        padding: "p-2",
-      },
-      cardBody: {
-        content: "Latest developments in the ongoing story with expert analysis and community reactions.",
-        padding: "p-2",
-      },
-    },
-  },
-  {
-    description: "Call-to-action card with prominent styling",
-    type: "card",
-    props: {
-      variants: ["centered", "large-padding"],
-      cardTitle: {
-        content: "Get Started Today",
-        padding: "p-8",
-        backgroundColor: "#4caf50",
-      },
-      cardBody: {
-        content: "Transform your workflow with our powerful tools. Sign up now and get 30 days free!",
-        padding: "p-8",
-        backgroundColor: "#f1f8e9",
-      },
-    },
-  },
-];