@hanzo/docs 16.2.7 → 16.2.9

package/dist/ui/css/neutral.css

@@ -1,7 +1 @@
-@import './colors/index.css';
-
-.dark #nd-sidebar {
-  --color-fd-muted: hsl(0, 0%, 16%);
-  --color-fd-secondary: hsl(0, 0%, 18%);
-  --color-fd-muted-foreground: hsl(0, 0%, 72%);
-}
+@import '@hanzo/docs-ui/css/colors/neutral.css';

package/dist/ui/css/ocean.css

@@ -1,48 +1 @@
-@import './colors/index.css';
-
-@theme {
-  --color-fd-background: hsl(0, 0%, 98%);
-  --color-fd-foreground: hsl(0, 0%, 3.9%);
-  --color-fd-muted: hsl(220, 90%, 96.1%);
-  --color-fd-muted-foreground: hsl(0, 0%, 45.1%);
-  --color-fd-popover: hsl(0, 0%, 98%);
-  --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
-  --color-fd-card: hsl(220, 50%, 98%);
-  --color-fd-card-foreground: hsl(0, 0%, 3.9%);
-  --color-fd-border: hsl(220, 50%, 89.8%);
-  --color-fd-primary: hsl(210, 80%, 20.2%);
-  --color-fd-primary-foreground: hsl(0, 0%, 98%);
-  --color-fd-secondary: hsl(220, 90%, 96.1%);
-  --color-fd-secondary-foreground: hsl(0, 0%, 9%);
-  --color-fd-accent: hsl(220, 50%, 94.1%);
-  --color-fd-accent-foreground: hsl(0, 0%, 9%);
-  --color-fd-ring: hsl(220, 100%, 63.9%);
-}
-
-.dark {
-  --color-fd-background: hsl(220, 60%, 8%);
-  --color-fd-foreground: hsl(220, 60%, 94.5%);
-  --color-fd-muted: hsl(220, 50%, 10%);
-  --color-fd-muted-foreground: hsl(220, 30%, 65%);
-  --color-fd-popover: hsl(220, 50%, 10%);
-  --color-fd-popover-foreground: hsl(220, 60%, 94.5%);
-  --color-fd-card: hsla(220, 56%, 15%, 0.4);
-  --color-fd-card-foreground: hsl(220, 60%, 94.5%);
-  --color-fd-border: hsla(220, 50%, 50%, 0.2);
-  --color-fd-primary: hsl(205, 100%, 85%);
-  --color-fd-primary-foreground: hsl(0, 0%, 9%);
-  --color-fd-secondary: hsl(220, 50%, 20%);
-  --color-fd-secondary-foreground: hsl(220, 80%, 90%);
-  --color-fd-accent: hsl(220, 40%, 20%);
-  --color-fd-accent-foreground: hsl(220, 80%, 90%);
-  --color-fd-ring: hsl(205, 100%, 85%);
-}
-
-.dark body {
-  background-image: linear-gradient(
-    rgba(5, 105, 255, 0.15),
-    transparent 20rem,
-    transparent
-  );
-  background-repeat: no-repeat;
-}
+@import '@hanzo/docs-ui/css/colors/ocean.css';

package/dist/ui/css/preset.css

@@ -1,4 +1,4 @@
-@import './shiki.css';
+@import '@hanzo/docs-ui/css/base.css';
 
 /* TODO: remove them on next major */
 @import './layouts/docs.css';
@@ -8,298 +8,3 @@
 @source '../dist/*.js';
 @source '../dist/{components,contexts,provider,utils}/**/*.js';
 @source '../dist/layouts/shared/**/*.js';
-
-@plugin '../dist/theme/typography/index.js';
-
-:root {
-  --fd-sidebar-drawer-offset: 100%;
-}
-
-[dir='rtl'] {
-  --fd-sidebar-drawer-offset: -100%;
-}
-
-@theme {
-  --animate-fd-fade-in: fd-fade-in 300ms ease;
-  --animate-fd-fade-out: fd-fade-out 300ms ease;
-
-  --animate-fd-dialog-in: fd-dialog-in 300ms cubic-bezier(0.16, 1, 0.3, 1);
-  --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
-
-  --animate-fd-popover-in: fd-popover-in 100ms ease;
-  --animate-fd-popover-out: fd-popover-out 100ms ease;
-
-  --animate-fd-collapsible-down: fd-collapsible-down 150ms
-    cubic-bezier(0.45, 0, 0.55, 1);
-  --animate-fd-collapsible-up: fd-collapsible-up 150ms
-    cubic-bezier(0.45, 0, 0.55, 1);
-
-  --animate-fd-accordion-down: fd-accordion-down 200ms ease-out;
-  --animate-fd-accordion-up: fd-accordion-up 200ms ease-out;
-
-  --animate-fd-nav-menu-in: fd-nav-menu-in 200ms ease;
-  --animate-fd-nav-menu-out: fd-nav-menu-out 200ms ease;
-
-  --animate-fd-enterFromLeft: fd-enterFromLeft 250ms ease;
-  --animate-fd-enterFromRight: fd-enterFromRight 250ms ease;
-
-  --animate-fd-sidebar-in: fd-sidebar-in 250ms ease;
-  --animate-fd-sidebar-out: fd-sidebar-out 250ms ease;
-
-  --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
-  --animate-fd-exitToRight: fd-exitToRight 250ms ease;
-
-  @keyframes fd-sidebar-in {
-    from {
-      transform: translateX(var(--fd-sidebar-drawer-offset));
-    }
-  }
-
-  @keyframes fd-sidebar-out {
-    to {
-      transform: translateX(var(--fd-sidebar-drawer-offset));
-    }
-  }
-
-  @keyframes fd-collapsible-down {
-    from {
-      height: 0;
-      opacity: 0;
-    }
-    to {
-      height: var(--radix-collapsible-content-height);
-    }
-  }
-
-  @keyframes fd-collapsible-up {
-    from {
-      height: var(--radix-collapsible-content-height);
-    }
-    to {
-      height: 0;
-      opacity: 0;
-    }
-  }
-
-  @keyframes fd-accordion-down {
-    from {
-      height: 0;
-      opacity: 0.5;
-    }
-    to {
-      height: var(--radix-accordion-content-height);
-    }
-  }
-
-  @keyframes fd-accordion-up {
-    from {
-      height: var(--radix-accordion-content-height);
-    }
-    to {
-      height: 0;
-      opacity: 0.5;
-    }
-  }
-
-  @keyframes fd-dialog-in {
-    from {
-      transform: scale(1.06);
-      opacity: 0;
-    }
-    to {
-      transform: scale(1);
-    }
-  }
-
-  @keyframes fd-dialog-out {
-    from {
-      transform: scale(1);
-    }
-    to {
-      transform: scale(1.04);
-      opacity: 0;
-    }
-  }
-
-  @keyframes fd-popover-in {
-    from {
-      opacity: 0;
-      transform: scale(0.9);
-    }
-  }
-
-  @keyframes fd-popover-out {
-    to {
-      opacity: 0;
-      transform: scale(0.9);
-    }
-  }
-
-  @keyframes fd-fade-in {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-
-  @keyframes fd-fade-out {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-
-  @keyframes fd-enterFromRight {
-    from {
-      opacity: 0;
-      transform: translateX(200px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes fd-enterFromLeft {
-    from {
-      opacity: 0;
-      transform: translateX(-200px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes fd-exitToRight {
-    from {
-      opacity: 1;
-      transform: translateX(0);
-    }
-    to {
-      opacity: 0;
-      transform: translateX(200px);
-    }
-  }
-
-  @keyframes fd-exitToLeft {
-    from {
-      opacity: 1;
-      transform: translateX(0);
-    }
-    to {
-      opacity: 0;
-      transform: translateX(-200px);
-    }
-  }
-
-  @keyframes fd-nav-menu-in {
-    from {
-      opacity: 0;
-      height: 0px;
-    }
-    to {
-      opacity: 1;
-      height: var(--radix-navigation-menu-viewport-height);
-    }
-  }
-
-  @keyframes fd-nav-menu-out {
-    from {
-      opacity: 1;
-      height: var(--radix-navigation-menu-viewport-height);
-    }
-    to {
-      opacity: 0;
-      height: 0px;
-    }
-  }
-}
-
-@layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-fd-border, currentColor);
-  }
-
-  body {
-    background-color: var(--color-fd-background);
-    color: var(--color-fd-foreground);
-  }
-}
-
-@utility fd-scroll-container {
-  &::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background: var(--color-fd-border);
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-corner {
-    display: none;
-  }
-}
-
-@utility fd-steps {
-  counter-reset: step;
-  position: relative;
-  @apply pl-6 ml-2 border-l sm:ml-4 sm:pl-7;
-}
-
-@utility fd-step {
-  &:before {
-    background-color: var(--color-fd-secondary);
-    color: var(--color-fd-secondary-foreground);
-    content: counter(step);
-    counter-increment: step;
-    justify-content: center;
-    align-items: center;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    display: flex;
-    position: absolute;
-    @apply size-8 -start-4 rounded-full;
-  }
-}
-
-@utility prose-no-margin {
-  & > :first-child {
-    margin-top: 0;
-  }
-
-  & > :last-child {
-    margin-bottom: 0;
-  }
-}
-
-@property --radix-collapsible-content-height {
-  syntax: '<length>';
-  inherits: false;
-  initial-value: 0px;
-}
-
-@variant dark (&:where(.dark, .dark *));
-
-/* define/override layout variables */
-@variant layout {
-  #nd-docs-layout:has(&),
-  #nd-notebook-layout:has(&),
-  #nd-home-layout:has(&) {
-    @slot;
-  }
-}

package/dist/ui/css/purple.css

@@ -1,39 +1 @@
-@import './colors/index.css';
-
-@theme {
-  --color-fd-background: hsl(256, 100%, 96%);
-  --color-fd-primary: hsl(270, 100%, 52%);
-  --color-fd-border: hsla(270, 40%, 80%, 0.5);
-  --color-fd-accent: hsl(270, 40%, 88%);
-  --color-fd-accent-foreground: hsl(270, 100%, 20%);
-  --color-fd-muted: hsl(256, 60%, 94%);
-  --color-fd-muted-foreground: hsl(256, 50%, 50%);
-  --color-fd-foreground: hsl(256, 60%, 26%);
-  --color-fd-secondary: hsl(270, 60%, 90%);
-  --color-fd-secondary-foreground: hsl(256, 60%, 10%);
-  --color-fd-card: hsl(256, 60%, 92%);
-  --color-fd-card-foreground: hsl(256, 100%, 20%);
-  --color-fd-popover-foreground: hsl(256, 100%, 20%);
-  --color-fd-popover: hsl(256, 60%, 96%);
-  --color-fd-primary-foreground: hsl(270, 100%, 20%);
-  --color-fd-ring: hsl(270, 100%, 52%);
-}
-
-.dark {
-  --color-fd-background: hsl(256, 20%, 6%);
-  --color-fd-primary: hsl(270, 100%, 86%);
-  --color-fd-border: hsla(270, 50%, 40%, 0.3);
-  --color-fd-accent: hsl(256, 23%, 22%);
-  --color-fd-accent-foreground: hsl(270, 40%, 86%);
-  --color-fd-muted: hsl(256, 23%, 10%);
-  --color-fd-foreground: hsl(256, 60%, 90%);
-  --color-fd-muted-foreground: hsl(256, 50%, 75%);
-  --color-fd-secondary: hsl(270, 23%, 20%);
-  --color-fd-secondary-foreground: hsl(256, 60%, 90%);
-  --color-fd-card: hsl(256, 23%, 10%);
-  --color-fd-card-foreground: hsl(256, 60%, 90%);
-  --color-fd-popover-foreground: hsl(256, 60%, 90%);
-  --color-fd-popover: hsl(256, 23%, 6%);
-  --color-fd-primary-foreground: hsl(256, 60%, 6%);
-  --color-fd-ring: hsl(270, 100%, 86%);
-}
+@import '@hanzo/docs-ui/css/colors/purple.css';

package/dist/ui/css/shadcn.css

@@ -1,36 +1 @@
-@import './colors/index.css';
-
-:root,
-.dark {
-  --color-fd-background: var(--background);
-  --color-fd-foreground: var(--foreground);
-  --color-fd-muted: var(--muted);
-  --color-fd-muted-foreground: var(--muted-foreground);
-  --color-fd-popover: var(--popover);
-  --color-fd-popover-foreground: var(--popover-foreground);
-  --color-fd-card: var(--card);
-  --color-fd-card-foreground: var(--card-foreground);
-  --color-fd-border: var(--border);
-  --color-fd-primary: var(--primary);
-  --color-fd-primary-foreground: var(--primary-foreground);
-  --color-fd-secondary: var(--secondary);
-  --color-fd-secondary-foreground: var(--secondary-foreground);
-  --color-fd-accent: var(--accent);
-  --color-fd-accent-foreground: var(--accent-foreground);
-  --color-fd-ring: var(--ring);
-}
-
-#nd-sidebar {
-  background-color: var(--sidebar);
-  color: var(--sidebar-foreground);
-  border-color: var(--sidebar-border);
-
-  --color-fd-accent: var(--sidebar-accent);
-  --color-fd-accent-foreground: var(--sidebar-accent-foreground);
-  --color-fd-ring: var(--sidebar-ring);
-  --color-fd-primary-foreground: var(--sidebar-primary-foreground);
-}
-
-@theme static {
-  --color-fd-error: var(--destructive);
-}
+@import '@hanzo/docs-ui/css/colors/shadcn.css';

package/dist/ui/css/solar.css

@@ -1,75 +1 @@
-@import './colors/index.css';
-
-@theme {
-  --color-fd-primary: oklch(0.487 0.083 262.691);
-  --color-fd-article: hsl(0, 0%, 97%);
-}
-
-:root {
-  letter-spacing: -0.25px;
-}
-
-.dark {
-  --color-fd-primary: oklch(0.902 0.0461 259.51);
-  --color-fd-article: hsl(0, 0%, 7.04%);
-  --color-fd-background: hsl(0, 0%, 5.04%);
-}
-
-@variant md {
-  #nd-docs-layout {
-    #nd-page {
-      @apply relative md:px-9 xl:px-12;
-    }
-
-    #nd-page:before {
-      content: '';
-      @apply absolute inset-0 bg-fd-article rounded-xl border shadow-xl m-4 mb-2 -z-1;
-    }
-
-    [data-toc-popover-trigger],
-    [data-toc-popover-content] {
-      @apply px-4;
-    }
-
-    [data-toc-popover] {
-      top: calc(var(--fd-docs-row-1) + 2.5 * var(--spacing));
-      @apply mx-4 mt-2.5;
-
-      header {
-        transform-origin: top center;
-        @apply border rounded-xl shadow-lg transition-[margin] has-data-[active=true]:-mx-2 has-data-[active=true]:bg-fd-popover/80;
-      }
-    }
-  }
-
-  #nd-notebook-layout {
-    #nd-page {
-      @apply relative md:px-9 xl:px-12;
-    }
-
-    #nd-page:before {
-      content: '';
-      @apply absolute inset-0 bg-fd-article rounded-xl border shadow-xl m-4 mb-2 -z-1;
-    }
-
-    [data-toc-popover-trigger],
-    [data-toc-popover-content] {
-      @apply px-4;
-    }
-
-    [data-toc-popover] {
-      top: calc(var(--fd-docs-row-2) + 2.5 * var(--spacing));
-      @apply mx-4 mt-2.5;
-
-      header {
-        transform-origin: top center;
-        @apply border rounded-xl shadow-lg transition-[margin] has-data-[active=true]:-mx-2 has-data-[active=true]:bg-fd-popover/80;
-      }
-    }
-  }
-}
-
-#nd-sidebar[data-collapsed='false'] {
-  border: none;
-  @apply bg-fd-background;
-}
+@import '@hanzo/docs-ui/css/colors/solar.css';

package/dist/ui/css/vitepress.css

@@ -1,77 +1 @@
-@import './colors/index.css';
-
-@theme {
-  --color-fd-muted: hsl(0, 0%, 96.1%);
-  --color-fd-popover: hsl(0, 0%, 100%);
-  --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
-  --color-fd-card-foreground: hsl(0, 0%, 3.9%);
-  --color-fd-border: hsl(0, 0%, 89.8%);
-  --color-fd-primary-foreground: hsl(0, 0%, 98%);
-  --color-fd-secondary-foreground: hsl(0, 0%, 9%);
-  --color-fd-accent: hsl(0, 0%, 94.1%);
-  --color-fd-ring: hsl(0, 0%, 63.9%);
-
-  --color-fd-background: hsl(0, 0%, 100%);
-  --color-fd-card: hsl(0, 0%, 100%);
-  --color-fd-foreground: hsl(240, 6%, 25%);
-  --color-fd-muted-foreground: hsl(240, 6%, 50%);
-  --color-fd-secondary: hsl(240, 6%, 97%);
-  --color-fd-accent-foreground: hsl(240, 6%, 25%);
-  --color-fd-primary: hsl(226, 55%, 45%);
-}
-
-.dark {
-  --color-fd-ring: hsl(234, 100%, 83%);
-  --color-fd-primary: hsl(234, 100%, 83%);
-  --color-fd-secondary-foreground: hsl(60, 100%, 98%);
-  --color-fd-card-foreground: hsl(60, 100%, 98%);
-  --color-fd-background: hsl(240, 7%, 11%);
-  --color-fd-foreground: hsl(60, 100%, 98%);
-  --color-fd-popover: hsl(240, 7%, 11%);
-  --color-fd-popover-foreground: hsl(60, 100%, 98%);
-  --color-fd-primary-foreground: hsl(240, 7%, 11%);
-  --color-fd-card: hsl(240, 7%, 11%);
-  --color-fd-muted: hsl(0, 0%, 13%);
-  --color-fd-border: hsl(240, 4%, 19%);
-  --color-fd-accent: hsl(0, 0%, 15%);
-  --color-fd-secondary: hsl(240, 4%, 9%);
-  --color-fd-accent-foreground: hsl(0, 0%, 100%);
-  --color-fd-muted-foreground: hsl(240, 4%, 65%);
-}
-
-.prose {
-  --tw-prose-body: color-mix(
-    in oklab,
-    var(--color-fd-foreground) 85%,
-    transparent
-  );
-  --tw-prose-headings: color-mix(
-    in oklab,
-    var(--color-fd-foreground) 85%,
-    transparent
-  );
-  --tw-prose-links: var(--color-fd-primary);
-  --tw-prose-code: var(--color-fd-primary);
-}
-
-.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
-  border: none;
-  background-color: color-mix(
-    in oklab,
-    var(--color-fd-primary) 10%,
-    transparent
-  );
-}
-
-#nd-sidebar {
-  background-color: hsl(240, 6%, 97%);
-  border-color: transparent;
-}
-
-.dark #nd-sidebar {
-  background-color: hsl(240, 4%, 9%);
-}
-
-button[data-search-full] {
-  background-color: var(--color-fd-background);
-}
+@import '@hanzo/docs-ui/css/colors/vitepress.css';

package/dist/ui/i18n.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/i18n';
+export * from '@hanzo/docs-base-ui/i18n';

package/dist/ui/i18n.js

@@ -1,2 +1,2 @@
 // src/ui/i18n.ts
-export * from "@hanzo/docs-ui/i18n";
+export * from "@hanzo/docs-base-ui/i18n";

package/dist/ui/layouts/docs/page.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/docs/page';
+export * from '@hanzo/docs-base-ui/layouts/docs/page';

package/dist/ui/layouts/docs/page.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/docs/page.ts
-export * from "@hanzo/docs-ui/layouts/docs/page";
+export * from "@hanzo/docs-base-ui/layouts/docs/page";

package/dist/ui/layouts/docs.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/docs';
+export * from '@hanzo/docs-base-ui/layouts/docs';

package/dist/ui/layouts/docs.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/docs.ts
-export * from "@hanzo/docs-ui/layouts/docs";
+export * from "@hanzo/docs-base-ui/layouts/docs";

package/dist/ui/layouts/home/navbar.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/home/navbar';
+export * from '@hanzo/docs-base-ui/layouts/home/navbar';

package/dist/ui/layouts/home/navbar.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/home/navbar.ts
-export * from "@hanzo/docs-ui/layouts/home/navbar";
+export * from "@hanzo/docs-base-ui/layouts/home/navbar";

package/dist/ui/layouts/home.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/home';
+export * from '@hanzo/docs-base-ui/layouts/home';

package/dist/ui/layouts/home.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/home.ts
-export * from "@hanzo/docs-ui/layouts/home";
+export * from "@hanzo/docs-base-ui/layouts/home";

package/dist/ui/layouts/notebook/page.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/notebook/page';
+export * from '@hanzo/docs-base-ui/layouts/notebook/page';

package/dist/ui/layouts/notebook/page.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/notebook/page.ts
-export * from "@hanzo/docs-ui/layouts/notebook/page";
+export * from "@hanzo/docs-base-ui/layouts/notebook/page";

package/dist/ui/layouts/notebook.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/notebook';
+export * from '@hanzo/docs-base-ui/layouts/notebook';

package/dist/ui/layouts/notebook.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/notebook.ts
-export * from "@hanzo/docs-ui/layouts/notebook";
+export * from "@hanzo/docs-base-ui/layouts/notebook";

package/dist/ui/layouts/shared.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/layouts/shared';
+export * from '@hanzo/docs-base-ui/layouts/shared';

package/dist/ui/layouts/shared.js

@@ -1,2 +1,2 @@
 // src/ui/layouts/shared.ts
-export * from "@hanzo/docs-ui/layouts/shared";
+export * from "@hanzo/docs-base-ui/layouts/shared";

package/dist/ui/mdx.d.ts

@@ -1,2 +1,2 @@
-export * from '@hanzo/docs-ui/mdx';
-export { default } from '@hanzo/docs-ui/mdx';
+export * from '@hanzo/docs-base-ui/mdx';
+export { default } from '@hanzo/docs-base-ui/mdx';

package/dist/ui/mdx.js

@@ -1,6 +1,6 @@
 // src/ui/mdx.ts
-export * from "@hanzo/docs-ui/mdx";
-import { default as default2 } from "@hanzo/docs-ui/mdx";
+export * from "@hanzo/docs-base-ui/mdx";
+import { default as default2 } from "@hanzo/docs-base-ui/mdx";
 export {
   default2 as default
 };

package/dist/ui/og.d.ts

@@ -1 +1 @@
-export * from '@hanzo/docs-ui/og';
+export * from '@hanzo/docs-base-ui/og';