chore: remove pigment

.prettierrc.json

@@ -1,12 +1,4 @@
 {
   "arrowParens": "avoid",
-  "printWidth": 100,
-  "overrides": [
-    {
-      "files": "*.scss",
-      "options": {
-        "printWidth": 120
-      }
-    }
-  ]
+  "printWidth": 100
 }

apps/docs/src/VERSIONS.ts

@@ -1,7 +1,3 @@
 export const CORE_VERSIONS = ["0.1.0", "0.2.0", "0.3.0", "0.3.1"].reverse();
-export const PIGMENT_VERSIONS = ["0.1.0"].reverse();
 
-export const LATEST_CORE_CHANGELOG_URL = `/docs/changelog/core/${CORE_VERSIONS[0].replaceAll(
-  ".",
-  "-"
-)}`;
+export const LATEST_CORE_CHANGELOG_URL = `/docs/changelog/${CORE_VERSIONS[0].replaceAll(".", "-")}`;

apps/docs/src/components/header.tsx

@@ -1,19 +1,17 @@
 import { Link, useMatch } from "@solidjs/router";
+import { clsx } from "clsx";
 
 import { NavSection } from "../model/navigation";
 import { LATEST_CORE_CHANGELOG_URL } from "../VERSIONS";
 import { GitHubIcon } from "./icons";
 import { MobileNavigation } from "./mobile-navigation";
 import { ThemeSelector } from "./theme-selector";
-import { clsx } from "clsx";
 
 interface HeaderProps {
   navSections: NavSection[];
 }
 
 export function Header(props: HeaderProps) {
-  const isCorePath = useMatch(() => "/docs/core/*");
-  const isPigmentPath = useMatch(() => "/docs/pigment/*");
   const isChangelogPath = useMatch(() => "/docs/changelog/*");
 
   return (
@@ -44,24 +42,13 @@ export function Header(props: HeaderProps) {
             href="/docs/core/overview/introduction"
             class={clsx(
               "px-3 py-4 flex items-center justify-center transition",
-              isCorePath()
+              !isChangelogPath()
                 ? "text-sky-700 hover:text-sky-800 dark:text-sky-300 dark:hover:text-sky-200 hover:bg-sky-100 dark:hover:bg-sky-800"
                 : "text-zinc-700 hover:text-zinc-800 dark:text-zinc-300 dark:hover:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800"
             )}
           >
             Core
           </Link>
-          <Link
-            href="/docs/pigment/overview/introduction"
-            class={clsx(
-              "px-3 py-4 flex items-center justify-center transition",
-              isPigmentPath()
-                ? "text-sky-700 hover:text-sky-800 dark:text-sky-300 dark:hover:text-sky-200 hover:bg-sky-100 dark:hover:bg-sky-800"
-                : "text-zinc-700 hover:text-zinc-800 dark:text-zinc-300 dark:hover:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800"
-            )}
-          >
-            Pigment
-          </Link>
           <Link
             href={LATEST_CORE_CHANGELOG_URL}
             class={clsx(

apps/docs/src/components/mobile-navigation.tsx

@@ -1,12 +1,12 @@
 import { createDisclosureState, Dialog, Separator } from "@kobalte/core";
 import { Link, useIsRouting, useMatch } from "@solidjs/router";
+import { clsx } from "clsx";
 import { ComponentProps, createComputed, splitProps } from "solid-js";
 
 import { NavSection } from "../model/navigation";
+import { LATEST_CORE_CHANGELOG_URL } from "../VERSIONS";
 import { CrossIcon, HamburgerMenuIcon } from "./icons";
 import { Navigation } from "./navigation";
-import { clsx } from "clsx";
-import { LATEST_CORE_CHANGELOG_URL } from "../VERSIONS";
 
 interface MobileNavigationProps extends ComponentProps<"button"> {
   sections: NavSection[];
@@ -21,8 +21,6 @@ export function MobileNavigation(props: MobileNavigationProps) {
 
   createComputed(() => isRouting() && close());
 
-  const isCorePath = useMatch(() => "/docs/core/*");
-  const isPigmentPath = useMatch(() => "/docs/pigment/*");
   const isChangelogPath = useMatch(() => "/docs/changelog/*");
 
   return (
@@ -62,24 +60,13 @@ export function MobileNavigation(props: MobileNavigationProps) {
                 href="/docs/core/overview/introduction"
                 class={clsx(
                   "block w-full font-sans transition font-normal rounded px-3 py-2 hover:bg-sky-50 dark:hover:bg-sky-900/20",
-                  isCorePath()
+                  !isChangelogPath()
                     ? "text-sky-700 dark:text-sky-600"
                     : "text-zinc-600 dark:text-zinc-400"
                 )}
               >
                 Core
               </Link>
-              <Link
-                href="/docs/pigment/overview/introduction"
-                class={clsx(
-                  "block w-full font-sans transition font-normal rounded px-3 py-2 hover:bg-sky-50 dark:hover:bg-sky-900/20",
-                  isPigmentPath()
-                    ? "text-sky-700 dark:text-sky-600"
-                    : "text-zinc-600 dark:text-zinc-400"
-                )}
-              >
-                Pigment
-              </Link>
               <Link
                 href={LATEST_CORE_CHANGELOG_URL}
                 class={clsx(

apps/docs/src/routes/docs/changelog.tsx

@@ -2,21 +2,14 @@ import { Outlet } from "@solidjs/router";
 
 import { Layout } from "../../components";
 import { NavSection } from "../../model/navigation";
-import { CORE_VERSIONS, PIGMENT_VERSIONS } from "../../VERSIONS";
+import { CORE_VERSIONS } from "../../VERSIONS";
 
 const CHANGELOG_NAV_SECTIONS: NavSection[] = [
   {
-    title: "@kobalte/core",
+    title: "Changelog",
     links: CORE_VERSIONS.map(version => ({
       title: `v${version}`,
-      href: `/docs/changelog/core/${version.replaceAll(".", "-")}`,
-    })),
-  },
-  {
-    title: "@kobalte/pigment",
-    links: PIGMENT_VERSIONS.map(version => ({
-      title: `v${version}`,
-      href: `/docs/changelog/pigment/${version.replaceAll(".", "-")}`,
+      href: `/docs/changelog/${version.replaceAll(".", "-")}`,
     })),
   },
 ];

apps/docs/src/routes/docs/core/components/button.mdx

@@ -125,7 +125,7 @@ function PressInteractionExample() {
 }
 ```
 
-To learn more about _press interactions_ in Kobalte, check out the [documentation](/docs/overview/press-interactions).
+To learn more about _press interactions_ in Kobalte, check out the [documentation](/docs/core/overview/press-interactions).
 
 ## API Reference
 

apps/docs/src/routes/docs/core/components/dropdown-menu.mdx

@@ -434,7 +434,7 @@ We expose a CSS custom property `--kb-popper-transform-origin` which can be used
 
 ### DropdownMenu.Trigger
 
-`DropdownMenu.Trigger` consists of [Button](/docs/components/button).
+`DropdownMenu.Trigger` consists of [Button](/docs/core/components/button).
 
 | Data attribute | Description                    |
 | :------------- | :----------------------------- |

apps/docs/src/routes/docs/core/components/hover-card.mdx

@@ -201,7 +201,7 @@ We expose a CSS custom property `--kb-popper-transform-origin` which can be used
 
 ### HoverCard.Trigger
 
-`HoverCard.Trigger` consists of [Link](/docs/components/link).
+`HoverCard.Trigger` consists of [Link](/docs/core/components/link).
 
 | Data attribute | Description                         |
 | :------------- | :---------------------------------- |

apps/docs/src/routes/docs/core/components/link.mdx

@@ -91,7 +91,7 @@ This example shows a client handled link using press events. It renders a `<span
 </Link.Root>
 ```
 
-To learn more about _press interactions_ in Kobalte, check out the [documentation](/docs/overview/press-interactions).
+To learn more about _press interactions_ in Kobalte, check out the [documentation](/docs/core/overview/press-interactions).
 
 ## API Reference
 

apps/docs/src/routes/docs/core/components/select.mdx

@@ -635,7 +635,7 @@ We expose a CSS custom property `--kb-popper-transform-origin` which can be used
 
 ### Select.Trigger
 
-`Select.Trigger` consists of [Button](/docs/components/button).
+`Select.Trigger` consists of [Button](/docs/core/components/button).
 
 | Data attribute | Description                      |
 | :------------- | :------------------------------- |

apps/docs/src/routes/docs/core/components/toggle-button.mdx

@@ -142,7 +142,7 @@ function ControlledExample() {
 
 ### ToggleButton.Root
 
-`ToggleButton.Root` consists of [Button.Root](/docs/components/button) and additional props.
+`ToggleButton.Root` consists of [Button.Root](/docs/core/components/button) and additional props.
 
 | Prop             | Description                                                                                                                                                                                                        |
 | :--------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

packages/tailwindcss/README.md

@@ -67,7 +67,7 @@ You can use the following modifiers:
 
 ## Documentation
 
-For full documentation, visit [kobalte.dev](https://kobalte.dev/docs/overview/styling#using-the-tailwindcss-plugin).
+For full documentation, visit [kobalte.dev](https://kobalte.dev/docs/core/overview/styling#using-the-tailwindcss-plugin).
 
 ## Acknowledgment