ardo 3.4.0 → 3.6.0

package/dist/ui/index.js

@@ -1,3 +1,3 @@
-import { C as ArdoCopyButton, D as ArdoBareContent, O as ArdoLayout, S as ArdoCodeGroup, _ as ArdoInfo, a as ArdoContent, b as ArdoWarning, c as ArdoTabPanel, d as ArdoSteps, f as ArdoIcon, g as ArdoDanger, h as ArdoContainer, i as ArdoTOC, k as ArdoRootLayout, l as ArdoTabPanels, m as registerIcons, n as ArdoDocLayout, o as ArdoTab, p as getRegisteredIconNames, r as ArdoDocPage, s as ArdoTabList, t as ArdoDocContent, u as ArdoTabs, v as ArdoNote, x as ArdoCodeBlock, y as ArdoTip } from "../DocPage-Dy7OrCP2.js";
-import { _ as ArdoOwlMark, a as ArdoHero, c as ArdoRoot, d as ArdoSidebarLink, f as ArdoHeader, g as ArdoFooter, h as ArdoSearch, i as ArdoErrorBoundary, l as ArdoSidebar, m as ArdoThemeToggle, n as ArdoNavLink, o as ArdoFeatureCard, p as ArdoSocialLink, r as ArdoHomePage, s as ArdoFeatures, t as ArdoNav, u as ArdoSidebarGroup } from "../ui-AGPGBunC.js";
-export { ArdoBareContent, ArdoCodeBlock, ArdoCodeGroup, ArdoContainer, ArdoContent, ArdoCopyButton, ArdoDanger, ArdoDocContent, ArdoDocLayout, ArdoDocPage, ArdoErrorBoundary, ArdoFeatureCard, ArdoFeatures, ArdoFooter, ArdoHeader, ArdoHero, ArdoHomePage, ArdoIcon, ArdoInfo, ArdoLayout, ArdoNav, ArdoNavLink, ArdoNote, ArdoOwlMark, ArdoRoot, ArdoRootLayout, ArdoSearch, ArdoSidebar, ArdoSidebarGroup, ArdoSidebarLink, ArdoSocialLink, ArdoSteps, ArdoTOC, ArdoTab, ArdoTabList, ArdoTabPanel, ArdoTabPanels, ArdoTabs, ArdoThemeToggle, ArdoTip, ArdoWarning, getRegisteredIconNames, registerIcons };
+import { A as getRegisteredIconNames, D as ArdoAccordion, E as ArdoBadge, M as ArdoBareContent, N as ArdoLayout, O as ArdoAccordionGroup, P as ArdoRootLayout, T as ArdoCardGroup, _ as ArdoWarning, a as ArdoContent, b as ArdoCopyButton, c as ArdoTabPanel, d as ArdoSteps, f as ArdoContainer, g as ArdoTip, h as ArdoNote, i as ArdoTOC, j as registerIcons, k as ArdoIcon, l as ArdoTabPanels, m as ArdoInfo, n as ArdoDocLayout, o as ArdoTab, p as ArdoDanger, r as ArdoDocPage, s as ArdoTabList, t as ArdoDocContent, u as ArdoTabs, v as ArdoCodeBlock, w as ArdoCard, y as ArdoCodeGroup } from "../DocPage-Yt8MMpBg.js";
+import { _ as ArdoOwlMark, a as ArdoHero, c as ArdoRoot, d as ArdoSidebarLink, f as ArdoHeader, g as ArdoFooter, h as ArdoSearch, i as ArdoErrorBoundary, l as ArdoSidebar, m as ArdoThemeToggle, n as ArdoNavLink, o as ArdoFeatureCard, p as ArdoSocialLink, r as ArdoHomePage, s as ArdoFeatures, t as ArdoNav, u as ArdoSidebarGroup } from "../ui-Cs2nhBpA.js";
+export { ArdoAccordion, ArdoAccordionGroup, ArdoBadge, ArdoBareContent, ArdoCard, ArdoCardGroup, ArdoCodeBlock, ArdoCodeGroup, ArdoContainer, ArdoContent, ArdoCopyButton, ArdoDanger, ArdoDocContent, ArdoDocLayout, ArdoDocPage, ArdoErrorBoundary, ArdoFeatureCard, ArdoFeatures, ArdoFooter, ArdoHeader, ArdoHero, ArdoHomePage, ArdoIcon, ArdoInfo, ArdoLayout, ArdoNav, ArdoNavLink, ArdoNote, ArdoOwlMark, ArdoRoot, ArdoRootLayout, ArdoSearch, ArdoSidebar, ArdoSidebarGroup, ArdoSidebarLink, ArdoSocialLink, ArdoSteps, ArdoTOC, ArdoTab, ArdoTabList, ArdoTabPanel, ArdoTabPanels, ArdoTabs, ArdoThemeToggle, ArdoTip, ArdoWarning, getRegisteredIconNames, registerIcons };

package/dist/ui/styles.css

@@ -833,6 +833,206 @@ main > ._169q00b0 {
     display: none;
   }
 }
+._18rgqvr0 {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 24px 0;
+}
+._18rgqvr1 {
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  background: var(--ardo-color-bg);
+  box-shadow: var(--ardo-color-shadowSm);
+  overflow: hidden;
+  transition: border-color var(--ardo-transition-base), box-shadow var(--ardo-transition-base);
+}
+._18rgqvr1:hover {
+  border-color: color-mix(in oklch, var(--ardo-color-brand) 28%, var(--ardo-color-border));
+  box-shadow: var(--ardo-color-shadowSm), 0 0 0 1px color-mix(in oklch, var(--ardo-color-brand) 12%, transparent);
+}
+._18rgqvr2 {
+  margin: 0;
+  font: inherit;
+}
+._18rgqvr3 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 16px 18px;
+  border: 0;
+  background: transparent;
+  color: var(--ardo-color-text);
+  cursor: pointer;
+  text-align: left;
+  font: inherit;
+}
+._18rgqvr3:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: -2px;
+}
+._18rgqvr4 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 28px;
+  height: 28px;
+  border-radius: var(--ardo-radius-base);
+  background: var(--ardo-color-brandSubtle);
+  color: var(--ardo-color-brand);
+}
+._18rgqvr5 {
+  flex: 1 1 auto;
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.4;
+}
+._18rgqvr6 {
+  position: relative;
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  transition: transform var(--ardo-transition-base);
+}
+._18rgqvr6::before {
+  content: "";
+  position: absolute;
+  inset: 3px 2px 2px 2px;
+  border-right: 2px solid var(--ardo-color-textLight);
+  border-bottom: 2px solid var(--ardo-color-textLight);
+  transform: rotate(45deg);
+}
+._18rgqvr1[data-open="true"] ._18rgqvr6 {
+  transform: rotate(180deg);
+}
+._18rgqvr7 {
+  display: grid;
+  grid-template-rows: 0fr;
+  border-top: 1px solid transparent;
+  opacity: 0;
+  transition: grid-template-rows var(--ardo-transition-base), opacity var(--ardo-transition-base), border-color var(--ardo-transition-base);
+}
+._18rgqvr1[data-open="true"] ._18rgqvr7 {
+  grid-template-rows: 1fr;
+  border-top-color: var(--ardo-color-border);
+  opacity: 1;
+}
+._18rgqvr8 {
+  min-height: 0;
+  overflow: hidden;
+  padding: 0 18px 16px;
+  color: var(--ardo-color-textLight);
+  font-size: 14px;
+  line-height: 1.65;
+}
+@media (prefers-reduced-motion: reduce) {
+  ._18rgqvr6 {
+    transition: none;
+  }
+  ._18rgqvr7 {
+    transition: none;
+  }
+}
+._8dzbm60 {
+  display: grid;
+  grid-template-columns: repeat(var(--ardo-card-cols, 2), minmax(0, 1fr));
+  gap: 16px;
+  margin: 24px 0;
+}
+._8dzbm60[data-cols="1"] {
+  --ardo-card-cols: 1;
+}
+._8dzbm60[data-cols="2"] {
+  --ardo-card-cols: 2;
+}
+._8dzbm60[data-cols="3"] {
+  --ardo-card-cols: 3;
+}
+._8dzbm60[data-cols="4"] {
+  --ardo-card-cols: 4;
+}
+._8dzbm61 {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  padding: 18px;
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  background: var(--ardo-color-bg);
+  box-shadow: var(--ardo-color-shadowSm);
+  color: var(--ardo-color-text);
+  text-decoration: none;
+  transition: border-color var(--ardo-transition-base), box-shadow var(--ardo-transition-base), transform var(--ardo-transition-base);
+}
+._8dzbm62:hover {
+  border-color: color-mix(in oklch, var(--ardo-color-brand) 34%, var(--ardo-color-border));
+  box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px color-mix(in oklch, var(--ardo-color-brand) 14%, transparent);
+  text-decoration: none;
+}
+._8dzbm62:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: 2px;
+}
+._8dzbm63 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+._8dzbm64 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--ardo-radius-base);
+  background: var(--ardo-color-brandSubtle);
+  color: var(--ardo-color-brand);
+}
+._8dzbm65 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.35;
+}
+._8dzbm66 {
+  display: block;
+  margin-top: 10px;
+  color: var(--ardo-color-textLight);
+  font-size: 14px;
+  line-height: 1.6;
+}
+@media (max-width: 900px) {
+  ._8dzbm60 {
+    grid-template-columns: repeat(min(var(--ardo-card-cols, 2), 2), minmax(0, 1fr));
+  }
+}
+@media (max-width: 640px) {
+  ._8dzbm60 {
+    grid-template-columns: 1fr;
+  }
+}
+@media (hover: hover) {
+  ._8dzbm62:hover {
+    transform: translateY(-2px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._8dzbm61 {
+    transition: none;
+  }
+  ._8dzbm62 {
+    transition: none;
+  }
+  ._8dzbm62:hover {
+    transform: none;
+  }
+}
 ._1flm2ul1 {
   position: absolute;
   top: var(--ardo-space-sm);
@@ -866,7 +1066,7 @@ main > ._169q00b0 {
   box-shadow: var(--ardo-color-codeShadow);
 }
 ._1l68ra31 {
-  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  padding: var(--ardo-space-smd) var(--ardo-space-md);
   font-size: var(--ardo-fontSize-xs);
   font-weight: 500;
   font-family: var(--ardo-font-mono);
@@ -882,7 +1082,7 @@ main > ._169q00b0 {
 }
 ._1l68ra32 pre {
   margin: 0;
-  padding: var(--ardo-space-lg) var(--ardo-space-md);
+  padding: var(--ardo-space-md);
   overflow-x: auto;
   font-family: var(--ardo-font-mono);
   font-size: var(--ardo-fontSize-sm);
@@ -922,7 +1122,7 @@ main > ._169q00b0 {
   color: #475569;
 }
 .ardo-shiki > [data-title] {
-  padding: var(--ardo-space-sm) var(--ardo-space-md);
+  padding: var(--ardo-space-smd) var(--ardo-space-md);
   font-size: var(--ardo-fontSize-xs);
   font-weight: 500;
   font-family: var(--ardo-font-mono);
@@ -944,7 +1144,7 @@ main > ._169q00b0 {
 }
 .ardo-shiki pre {
   margin: 0;
-  padding: var(--ardo-space-lg) var(--ardo-space-md);
+  padding: var(--ardo-space-md);
   overflow-x: auto;
   font-family: var(--ardo-font-mono);
   font-size: var(--ardo-fontSize-sm);
@@ -1136,6 +1336,12 @@ main > ._169q00b0 {
 ._1l7ew7ri {
   color: var(--ardo-color-note);
 }
+._1l7ew7rj > :first-child {
+  margin-top: 0;
+}
+._1l7ew7rj > :last-child {
+  margin-bottom: 0;
+}
 @keyframes _1fj68r90 {
   from {
     opacity: 0;
@@ -1177,7 +1383,7 @@ main > ._169q00b0 {
   margin: 0 auto;
 }
 ._15qe9bp5 {
-  padding: 28px;
+  padding: var(--ardo-space-lg);
   background: var(--ardo-color-bg);
   border-radius: var(--ardo-radius-lg);
   border: 1px solid var(--ardo-color-border);
@@ -1509,7 +1715,6 @@ main > ._169q00b0 {
   font-family: var(--ardo-font-familyHeading);
   font-weight: 600;
   line-height: 1.22;
-  margin-top: var(--ardo-space-2xl);
   margin-bottom: var(--ardo-space-md);
   letter-spacing: -0.01em;
   max-width: var(--ardo-layout-contentMaxWidth);
@@ -1522,15 +1727,26 @@ main > ._169q00b0 {
 }
 .jmxrtm0 h2 {
   font-size: 1.375rem;
-  padding-top: var(--ardo-space-md);
+  margin-top: var(--ardo-space-2xl);
 }
 .jmxrtm0 h3 {
   font-size: var(--ardo-fontSize-lg);
   font-weight: 600;
+  margin-top: var(--ardo-space-xl);
 }
 .jmxrtm0 h4 {
   font-size: var(--ardo-fontSize-sm);
   font-weight: 600;
+  margin-top: var(--ardo-space-lg);
+}
+.jmxrtm0 h5, .jmxrtm0 h6 {
+  margin-top: var(--ardo-space-lg);
+}
+.jmxrtm0 :is(h1,h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {
+  margin-top: var(--ardo-space-sm);
+}
+.jmxrtm0 > :first-child {
+  margin-top: 0;
 }
 .jmxrtm0 p {
   margin-bottom: var(--ardo-space-lg);
@@ -2064,6 +2280,9 @@ main > ._169q00b0 {
   --ardo-color-badgeAmber: oklch(0.5 0.14 70);
   --ardo-color-badgeAmberBg: oklch(0.97 0.03 70);
   --ardo-color-badgeAmberBorder: oklch(0.88 0.08 70);
+  --ardo-color-badgeRed: oklch(0.5 0.16 25);
+  --ardo-color-badgeRedBg: oklch(0.97 0.02 25);
+  --ardo-color-badgeRedBorder: oklch(0.88 0.07 25);
   --ardo-color-badgePurple: oklch(0.45 0.15 300);
   --ardo-color-badgePurpleBg: oklch(0.97 0.02 300);
   --ardo-color-badgePurpleBorder: oklch(0.88 0.06 300);
@@ -2091,6 +2310,7 @@ main > ._169q00b0 {
   --ardo-fontSize-3xl: 2rem;
   --ardo-space-xs: 0.25rem;
   --ardo-space-sm: 0.5rem;
+  --ardo-space-smd: 0.75rem;
   --ardo-space-md: 1rem;
   --ardo-space-lg: 1.5rem;
   --ardo-space-xl: 2rem;
@@ -2155,6 +2375,9 @@ main > ._169q00b0 {
   --ardo-color-badgeAmber: oklch(0.7 0.14 70);
   --ardo-color-badgeAmberBg: oklch(0.22 0.05 70);
   --ardo-color-badgeAmberBorder: oklch(0.38 0.1 70);
+  --ardo-color-badgeRed: oklch(0.7 0.14 25);
+  --ardo-color-badgeRedBg: oklch(0.22 0.04 25);
+  --ardo-color-badgeRedBorder: oklch(0.35 0.08 25);
   --ardo-color-badgePurple: oklch(0.7 0.14 300);
   --ardo-color-badgePurpleBg: oklch(0.22 0.04 300);
   --ardo-color-badgePurpleBorder: oklch(0.35 0.08 300);
@@ -2182,6 +2405,7 @@ main > ._169q00b0 {
   --ardo-fontSize-3xl: 2rem;
   --ardo-space-xs: 0.25rem;
   --ardo-space-sm: 0.5rem;
+  --ardo-space-smd: 0.75rem;
   --ardo-space-md: 1rem;
   --ardo-space-lg: 1.5rem;
   --ardo-space-xl: 2rem;

package/dist/ui/styles.js

@@ -5,19 +5,21 @@ import "./../assets/src/ui/components/ThemeToggle.css.ts.vanilla---sSUELC.css";
 import "./../assets/src/ui/Header.css.ts.vanilla-DEcLj8r0.css";
 import "./../assets/src/ui/Nav.css.ts.vanilla-CsAQjogy.css";
 import "./../assets/src/ui/Sidebar.css.ts.vanilla-IxNEQEBv.css";
+import "./../assets/src/ui/components/Accordion.css.ts.vanilla-BPEoNgJt.css";
+import "./../assets/src/ui/components/Card.css.ts.vanilla-CO6uiEzC.css";
 import "./../assets/src/ui/components/CopyButton.css.ts.vanilla-CO2awD6S.css";
-import "./../assets/src/ui/components/CodeBlock.css.ts.vanilla-BxDJ2gKc.css";
-import "./../assets/src/ui/components/Container.css.ts.vanilla-CUhRUA9t.css";
+import "./../assets/src/ui/components/CodeBlock.css.ts.vanilla-DYyQRTxk.css";
+import "./../assets/src/ui/components/Container.css.ts.vanilla-B8_jKj0Q.css";
 import "./../assets/src/ui/theme/animations.css.ts.vanilla-D6ImVUKy.css";
-import "./../assets/src/ui/components/Features.css.ts.vanilla-ggYasCFy.css";
+import "./../assets/src/ui/components/Features.css.ts.vanilla-CcCxB5Q6.css";
 import "./../assets/src/ui/components/Hero.css.ts.vanilla-DY_BH0W6.css";
 import "./../assets/src/ui/components/Steps.css.ts.vanilla-CisaxeNj.css";
 import "./../assets/src/ui/components/Tabs.css.ts.vanilla-C4-vJSnf.css";
-import "./../assets/src/ui/content.css.ts.vanilla-CJnrOQNh.css";
+import "./../assets/src/ui/content.css.ts.vanilla-B5a1kmaY.css";
 import "./../assets/src/ui/DocPage.css.ts.vanilla-CWL92vUE.css";
 import "./../assets/src/ui/Toc.css.ts.vanilla-CQbpEdTg.css";
 import "./../assets/src/ui/components/ApiItem.css.ts.vanilla-B_DW-1iJ.css";
-import "./../assets/src/ui/theme/light.css.ts.vanilla-D8gxaS1c.css";
-import "./../assets/src/ui/theme/dark.css.ts.vanilla-CQef5pk2.css";
+import "./../assets/src/ui/theme/light.css.ts.vanilla-DDKnXFOi.css";
+import "./../assets/src/ui/theme/dark.css.ts.vanilla-yFCWJiX4.css";
 import "./../assets/src/ui/theme/reset.css.ts.vanilla-e2dF1d0f.css";
 export {};