ardo 3.5.0 → 3.6.0

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);
@@ -2080,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);
@@ -2172,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);

package/dist/ui/styles.js

@@ -5,6 +5,8 @@ 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-DYyQRTxk.css";
 import "./../assets/src/ui/components/Container.css.ts.vanilla-B8_jKj0Q.css";
@@ -17,7 +19,7 @@ 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-CFz9jeJK.css";
-import "./../assets/src/ui/theme/dark.css.ts.vanilla-CSJkJvIz.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 {};