export const roadmap = [
  {
    title: "daisyUI 2",
    done: true,
    items: [
      {
        title: "New component: Chat",
        done: true,
      },
      {
        title: "New component: toast",
        done: true,
      },
      {
        title: "New component: radial-progress",
        done: true,
      },
      {
        title: "New component: swap",
        done: true,
      },
      {
        title: "New component: input-group",
        done: true,
      },
      {
        title: "New component: bottom-navigation",
        done: true,
      },
      {
        title: "New color names: info-content, success-content, warning-content, error-content",
        done: true,
      },
      {
        title:
          "Add support for RGB, HSL, etc. color formats for daisyUI themes in tailwind.config.js",
        done: true,
      },
      {
        title: "New responsive modifier classes for modal",
        done: true,
      },
      {
        title: "New responsive modifiers for stats",
        done: true,
      },
      {
        title: "New responsive modifiers for divider",
        done: true,
      },
      {
        title: "New rating-half modifier for rating component to show half stars",
        done: true,
      },
      {
        title: "New modifiers for mask component: mask-half-1, mask-half-2",
        done: true,
      },
      {
        title: "Empty li tag in a menu now shows a separator line",
        done: true,
      },
      {
        title: "New themes: night, cafe, winter, autumn, business, acid, lemonade",
        done: true,
      },
      {
        title: "New 'prefix' config",
        done: true,
      },
      {
        title: "New 'darkTheme' config",
        done: true,
      },
    ],
  },
  {
    title: "daisyUI 3",
    done: true,
    items: [
      {
        title: "New component: Loading",
        done: true,
      },
      {
        title: "New component: Accordion",
        done: true,
      },
      {
        title: "New component: Join",
        done: true,
      },
      {
        title: "New component: browser mockup",
        done: true,
      },
      {
        title: "Drawer support for responsive prefixes",
        done: true,
      },
      {
        title: "Drawer accessibility for keyboard navigation",
        done: true,
      },
      {
        title: "Modal component using dialog element",
        done: true,
      },
      {
        title: "Dropdown component using details/summary element",
        done: true,
      },
      {
        title: "Tooltip accessibility for keyboard navigation",
        done: true,
      },
      {
        title: "New component: btn-neutral variant for button",
        done: true,
      },
      {
        title: "menu support for details/summary element",
        done: true,
      },
      {
        title: "menu size variants: menu-xs, menu-sm, menu-md, menu-lg",
        done: true,
      },
      {
        title: "table size variants: table-xs, table-sm, table-md, table-lg",
        done: true,
      },
      {
        title: "table redesing",
        done: true,
      },
      {
        title: "collapse support for details/summary element",
        done: true,
      },
      {
        title: "New tool: npm init daisyui",
        done: true,
      },
    ],
  },
  {
    title: "Docs updates",
    done: true,
    items: [
      {
        title: "add Ukrainian translation",
        done: true,
      },
      {
        title: "daisyUI blog",
        done: true,
      },
      {
        title: "daisyUI newsletter",
        done: true,
      },
      {
        title: "Update example repos",
        done: true,
      },
    ],
  },
  {
    title: "daisyUI 4",
    done: true,
    items: [
      {
        title: "daisyUI uses OKLCH colors now. Unlocking access to 30% more colors than RGB/HSL",
        done: true,
      },
      {
        title: "New component: Timeline",
        done: true,
      },
      {
        title: "New component: Skeleton",
        done: true,
      },
      {
        title: "New component: Diff",
        done: true,
      },
      {
        title: "New component: Theme Controller – change the page theme without JS",
        done: true,
      },
      {
        title: "3 new themes: dim, nord, sunset",
        done: true,
      },
      {
        title: "New 'tab-content'	class: switch tab content without JS",
        done: true,
      },
      {
        title: "Replace all directional styles with CSS logical properties",
        done: true,
      },
      {
        title: "RTL support without any extra config or dependencies, using CSS logical properties",
        done: true,
      },
      {
        title: "92% less NPM module dependencies",
        done: true,
      },
      {
        title: "70% smaller node_modules footprint and install size",
        done: true,
      },
      {
        title: "15% smaller CSS file size (CDN)",
        done: true,
      },
      {
        title: "Removed RTLCSS, PostCSS, Tailwind CSS dependencies",
        done: true,
      },
      {
        title:
          "Removed all *-focus color names. Darker colors are now generated using CSS color-mix() under the hood",
        done: true,
      },
      {
        title:
          "btn-info, btn-success, btn-warning, btn-error now have hover color change just like other buttons",
        done: true,
      },
      {
        title:
          "Reduce tab class name repetition. Removed tab-lifted, tab-bordered, tab-lg, tab-md, tab-sm, tab-xs modifier classes for 'tab' item. Added tabs-lifted, tabs-bordered, tabs-lg, tabs-md, tabs-sm, tabs-xs classes for the parent 'tabs' class instead.",
        done: true,
      },
      {
        title: "Improve improve compatibility with @tailwindcss/forms plugin",
        done: true,
      },
      {
        title: "Use Culori package instead of Colord which supports P3 colors",
        done: true,
      },
      {
        title: "Add divider color modifiers",
        done: true,
      },
      {
        title: "Add divider color position modifiers",
        done: true,
      },
    ],
  },
  {
    title: "Docs updates",
    done: false,
    items: [
      {
        title: "daisyUI Resources",
        done: true,
      },
      {
        title: "daisyUI store",
        done: true,
      },
      {
        title: "Document utiltiy classes",
        done: true,
      },
      {
        title: "Document CSS variables",
        done: true,
      },
      {
        title: "Docs: add Farsi translation",
        done: true,
      },
      {
        title: "Docs: add Arabic translation",
        done: true,
      },
      {
        title: "Docs: add Malay translation",
        done: true,
      },
      {
        title: "Docs: add Vietnamese translation",
        done: true,
      },
      {
        title: "Docs: add Italian translation",
        done: true,
      },
      {
        title: "Docs: add German translation",
        done: true,
      },
      {
        title: "Docs: add component design specs",
        done: false,
      },
      {
        title: "Docs: add component accessibility guidelines",
        done: false,
      },
      {
        title: "Docs: add FAQ to the site",
        done: false,
      },
      {
        title: "Add 'integrations' pages with tutorials about using third-party JS packages",
        done: false,
      },
      {
        title: "Add internal CSS variables in class name tables",
        done: false,
      },
      {
        title: "Improve the loading of translation files",
        done: false,
      },
    ],
  },
  {
    title: "Upcoming",
    done: false,
    items: [
      {
        title: "rewrite 'label' component to work best with 'join'",
        done: false,
      },
      {
        title: "New component: Banner",
        done: false,
      },
      {
        title: "New component: Calendar",
        done: false,
      },
      {
        title: "New component: Tag",
        done: false,
      },
      {
        title: "Support the upcoming Tailwind CSS v4",
        done: false,
      },
      {
        title: "Pre-built grid layouts",
        done: false,
      },
      {
        title: "New themes",
        done: false,
      },
      {
        title: "Animate tab background using CSS grid",
        done: false,
      },
      {
        title: "Use popover API when browsers support it",
        done: false,
      },
      {
        title: "Use CSS color-contrast() when browsers support it",
        done: false,
      },
      {
        title: "Use CSS relative colors when browsers support them",
        done: false,
      },
      {
        title: "Use Container queries for responsive components",
        done: false,
      },
      {
        title: "Add dotted variants for button, card and badge",
        done: false,
      },
    ],
  },
]
