zdp-design-system 0.43.8

package/dist/styles/expressive-fonts.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Caesar+Dressing&family=Copse&family=Fredericka+the+Great&family=Google+Sans&family=Libertinus+Keyboard&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Tangerine:wght@400;700&display=swap");
+

package/dist/styles/index.css

@@ -0,0 +1,2 @@
+@import "./tokens.css";
+@import "./components.css";

package/dist/styles/locale-fonts.css

@@ -0,0 +1,4 @@
+@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/manrope@5.2.8/index.css");
+@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/noto-sans-sc@5.2.10/index.css");
+@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/noto-sans-devanagari@5.2.8/index.css");
+@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/noto-sans-jp@5.2.10/index.css");

package/dist/styles/tokens.css

@@ -0,0 +1,413 @@
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
+
+:root,
+[data-zdp-theme="light"] {
+  --zdp-color-ink-strong: #2f2418;
+  --zdp-color-ink-normal: #4a3826;
+  --zdp-color-ink-muted: #776955;
+  --zdp-color-ink-inverse: #fff8ea;
+  --zdp-color-surface-canvas: #f7f1e3;
+  --zdp-color-surface-panel: #fff8ea;
+  --zdp-color-surface-raised: #f1e4cc;
+  --zdp-color-surface-inverse: #2f2418;
+  --zdp-color-line-subtle: #d8c8ac;
+  --zdp-color-line-strong: #b89a6a;
+  --zdp-color-line-focus: #8b6f45;
+  --zdp-color-focus-surface: #e7c97a;
+  --zdp-color-focus-text: #1f160d;
+  --zdp-color-focus-line: #1f160d;
+  --zdp-color-scrollbar-track: #f1e4cc;
+  --zdp-color-scrollbar-thumb: #b89a6a;
+  --zdp-color-scrollbar-thumb-hover: #8b6f45;
+  --zdp-color-selection-surface: #e7c97a;
+  --zdp-color-selection-text: #1f160d;
+  --zdp-color-accent-primary: #d8c8ac;
+  --zdp-color-accent-primary-strong: #b89a6a;
+  --zdp-color-accent-primary-soft: #f1e4cc;
+  --zdp-color-accent-success: #8a9076;
+  --zdp-color-accent-warning: #a9824f;
+  --zdp-color-accent-danger: #8b5a4d;
+  --zdp-space-0: 0;
+  --zdp-space-1: 0.25rem;
+  --zdp-space-2: 0.5rem;
+  --zdp-space-3: 0.75rem;
+  --zdp-space-4: 1rem;
+  --zdp-space-5: 1.25rem;
+  --zdp-space-6: 1.5rem;
+  --zdp-space-8: 2rem;
+  --zdp-space-10: 2.5rem;
+  --zdp-space-12: 3rem;
+  --zdp-radius-none: 0;
+  --zdp-radius-sm: 0.25rem;
+  --zdp-radius-md: 0.375rem;
+  --zdp-radius-lg: 0.5rem;
+  --zdp-radius-pill: 999px;
+  --zdp-font-family-sans: "Pretendard Variable", Pretendard, "Manrope Variable", Manrope, "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-latin: "Manrope Variable", Manrope, "Inter Variable", Inter, "Pretendard Variable", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-korean: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-chinese: "Noto Sans SC Variable", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Pretendard Variable", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-devanagari: "Noto Sans Devanagari Variable", "Noto Sans Devanagari", "Nirmala UI", "Kohinoor Devanagari", ui-sans-serif, system-ui, sans-serif;
+  --zdp-font-family-japanese: "Noto Sans JP Variable", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", "Pretendard Variable", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-multiscript: "Pretendard Variable", Pretendard, "Manrope Variable", Manrope, "Inter Variable", Inter, "Noto Sans SC Variable", "Noto Sans SC", "Noto Sans JP Variable", "Noto Sans JP", "Noto Sans Devanagari Variable", "Noto Sans Devanagari", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "PingFang SC", "Microsoft YaHei", "Hiragino Sans", "Yu Gothic", "Meiryo", "Nirmala UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-serif: Cardo, Georgia, "Times New Roman", ui-serif, serif;
+  --zdp-font-family-display: "Pretendard Variable", Pretendard, "Manrope Variable", Manrope, "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-brand: "Playwrite AU VIC Guides", "Pretendard Variable", Pretendard, "Manrope Variable", Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-expression-script: Tangerine, "Playwrite AU VIC Guides", cursive;
+  --zdp-font-family-expression-inscription: "Caesar Dressing", "Fredericka the Great", fantasy;
+  --zdp-font-family-expression-sketch: "Fredericka the Great", "Caesar Dressing", fantasy;
+  --zdp-font-family-expression-editorial: Merriweather, Copse, Cardo, Georgia, "Times New Roman", ui-serif, serif;
+  --zdp-font-family-expression-sans: "Google Sans", Cabin, "Pretendard Variable", Pretendard, "Manrope Variable", Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --zdp-font-family-expression-keyboard: "Libertinus Keyboard", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+  --zdp-font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+  --zdp-font-size-xs: 0.875rem;
+  --zdp-font-size-sm: 1rem;
+  --zdp-font-size-md: 1.0625rem;
+  --zdp-font-size-lg: 1.1875rem;
+  --zdp-font-size-xl: 1.375rem;
+  --zdp-font-weight-regular: 400;
+  --zdp-font-weight-medium: 500;
+  --zdp-font-weight-semibold: 600;
+  --zdp-font-weight-bold: 700;
+  --zdp-font-line-height-tight: 1.2;
+  --zdp-font-line-height-normal: 1.6;
+  --zdp-font-line-height-relaxed: 1.65;
+  --zdp-type-body-size: 1.125rem;
+  --zdp-type-body-line-height: 1.6;
+  --zdp-type-body-small-size: 1rem;
+  --zdp-type-body-small-line-height: 1.6;
+  --zdp-type-page-title-size: 2.75rem;
+  --zdp-type-page-title-compact-size: 2rem;
+  --zdp-type-page-title-line-height: 1.15;
+  --zdp-type-title-size: 1.375rem;
+  --zdp-type-title-line-height: 1.2;
+  --zdp-type-label-size: 0.875rem;
+  --zdp-type-label-line-height: 1.2;
+  --zdp-type-caption-size: 0.875rem;
+  --zdp-type-caption-line-height: 1.4;
+  --zdp-type-control-size: 1rem;
+  --zdp-type-control-line-height: 1.2;
+  --zdp-type-data-size: 1rem;
+  --zdp-type-data-line-height: 1.4;
+  --zdp-breakpoint-mobile: 40rem;
+  --zdp-breakpoint-tablet: 64rem;
+  --zdp-breakpoint-desktop: 80rem;
+  --zdp-breakpoint-wide: 96rem;
+  --zdp-control-height-sm: 2.25rem;
+  --zdp-control-height-md: 2.75rem;
+  --zdp-control-icon-sm: 2.25rem;
+  --zdp-control-icon-md: 2.75rem;
+  --zdp-control-glyph-sm: 1rem;
+  --zdp-control-glyph-md: 1.25rem;
+  --zdp-control-choice-size: 1.25rem;
+  --zdp-control-choice-indicator-size: 0.5rem;
+  --zdp-control-switch-width: 2.25rem;
+  --zdp-control-switch-height: 1.25rem;
+  --zdp-control-switch-thumb-size: 0.875rem;
+  --zdp-control-switch-thumb-offset: 0.125rem;
+  --zdp-control-switch-thumb-checked-offset: 1.125rem;
+  --zdp-control-radius: 0.375rem;
+  --zdp-control-border-width: 1px;
+  --zdp-control-focus-outline-width: 3px;
+  --zdp-control-focus-outline-offset: 2px;
+  --zdp-control-focus-underline-width: 3px;
+  --zdp-control-scrollbar-size: 0.5rem;
+  --zdp-control-hit-target: 2.75rem;
+  --zdp-i18n-text-wrap: pretty;
+  --zdp-i18n-word-break: normal;
+  --zdp-i18n-overflow-wrap: anywhere;
+  --zdp-i18n-hyphens: auto;
+  /* Flat UI contract: use surface tones and borders for depth, not decorative shadows. */
+  --zdp-shadow-focus: none;
+  --zdp-shadow-sm: none;
+  --zdp-shadow-md: none;
+  --zdp-motion-fast: 120ms;
+  --zdp-motion-normal: 180ms;
+}
+
+[data-zdp-theme="dark"] {
+  --zdp-color-ink-strong: #fff8ea;
+  --zdp-color-ink-normal: #f1e4cc;
+  --zdp-color-ink-muted: #d8c8ac;
+  --zdp-color-ink-inverse: #2f2418;
+  --zdp-color-surface-canvas: #241c14;
+  --zdp-color-surface-panel: #2f2418;
+  --zdp-color-surface-raised: #44321f;
+  --zdp-color-surface-inverse: #fff8ea;
+  --zdp-color-line-subtle: #68553a;
+  --zdp-color-line-strong: #b89a6a;
+  --zdp-color-line-focus: #d8c8ac;
+  --zdp-color-focus-surface: #e7c97a;
+  --zdp-color-focus-text: #1f160d;
+  --zdp-color-focus-line: #1f160d;
+  --zdp-color-scrollbar-track: #44321f;
+  --zdp-color-scrollbar-thumb: #b89a6a;
+  --zdp-color-scrollbar-thumb-hover: #d8c8ac;
+  --zdp-color-selection-surface: #e7c97a;
+  --zdp-color-selection-text: #1f160d;
+  --zdp-color-accent-primary: #d8c8ac;
+  --zdp-color-accent-primary-strong: #e7c97a;
+  --zdp-color-accent-primary-soft: #68553a;
+  --zdp-color-accent-success: #a8ad91;
+  --zdp-color-accent-warning: #c6a46a;
+  --zdp-color-accent-danger: #bd8a78;
+}
+
+@supports (color: oklch(50% 0.1 240)) {
+  :root,
+  [data-zdp-theme="light"] {
+    --zdp-color-ink-strong: oklch(27% 0.04 70);
+    --zdp-color-ink-normal: oklch(36% 0.05 70);
+    --zdp-color-ink-muted: oklch(50% 0.035 82);
+    --zdp-color-ink-inverse: oklch(98% 0.025 86);
+    --zdp-color-surface-canvas: oklch(95% 0.03 86);
+    --zdp-color-surface-panel: oklch(98% 0.025 86);
+    --zdp-color-surface-raised: oklch(91% 0.045 82);
+    --zdp-color-surface-inverse: oklch(27% 0.04 70);
+    --zdp-color-line-subtle: oklch(82% 0.045 82);
+    --zdp-color-line-strong: oklch(70% 0.08 76);
+    --zdp-color-line-focus: oklch(55% 0.075 76);
+    --zdp-color-focus-surface: oklch(84% 0.1 86);
+    --zdp-color-focus-text: oklch(20% 0.035 70);
+    --zdp-color-focus-line: oklch(20% 0.035 70);
+    --zdp-color-scrollbar-track: oklch(91% 0.045 82);
+    --zdp-color-scrollbar-thumb: oklch(70% 0.08 76);
+    --zdp-color-scrollbar-thumb-hover: oklch(55% 0.075 76);
+    --zdp-color-selection-surface: oklch(84% 0.1 86);
+    --zdp-color-selection-text: oklch(20% 0.035 70);
+    --zdp-color-accent-primary: oklch(82% 0.045 82);
+    --zdp-color-accent-primary-strong: oklch(70% 0.08 76);
+    --zdp-color-accent-primary-soft: oklch(91% 0.045 82);
+    --zdp-color-accent-success: oklch(63% 0.035 105);
+    --zdp-color-accent-warning: oklch(60% 0.075 68);
+    --zdp-color-accent-danger: oklch(48% 0.06 35);
+  }
+
+  [data-zdp-theme="dark"] {
+    --zdp-color-ink-strong: oklch(98% 0.025 86);
+    --zdp-color-ink-normal: oklch(91% 0.045 82);
+    --zdp-color-ink-muted: oklch(82% 0.045 82);
+    --zdp-color-ink-inverse: oklch(27% 0.04 70);
+    --zdp-color-surface-canvas: oklch(23% 0.035 70);
+    --zdp-color-surface-panel: oklch(27% 0.04 70);
+    --zdp-color-surface-raised: oklch(34% 0.05 70);
+    --zdp-color-surface-inverse: oklch(98% 0.025 86);
+    --zdp-color-line-subtle: oklch(43% 0.055 76);
+    --zdp-color-line-strong: oklch(70% 0.08 76);
+    --zdp-color-line-focus: oklch(82% 0.045 82);
+    --zdp-color-focus-surface: oklch(84% 0.1 86);
+    --zdp-color-focus-text: oklch(20% 0.035 70);
+    --zdp-color-focus-line: oklch(20% 0.035 70);
+    --zdp-color-scrollbar-track: oklch(34% 0.05 70);
+    --zdp-color-scrollbar-thumb: oklch(70% 0.08 76);
+    --zdp-color-scrollbar-thumb-hover: oklch(82% 0.045 82);
+    --zdp-color-selection-surface: oklch(84% 0.1 86);
+    --zdp-color-selection-text: oklch(20% 0.035 70);
+    --zdp-color-accent-primary: oklch(82% 0.045 82);
+    --zdp-color-accent-primary-strong: oklch(84% 0.1 86);
+    --zdp-color-accent-primary-soft: oklch(43% 0.055 76);
+    --zdp-color-accent-success: oklch(72% 0.035 105);
+    --zdp-color-accent-warning: oklch(70% 0.065 70);
+    --zdp-color-accent-danger: oklch(66% 0.055 35);
+  }
+}
+
+.zdp-surface-reset {
+  box-sizing: border-box;
+  color: var(--zdp-color-ink-normal);
+  font-family: var(--zdp-font-family-sans);
+  line-height: var(--zdp-font-line-height-normal);
+  hyphens: var(--zdp-i18n-hyphens);
+  overflow-wrap: var(--zdp-i18n-overflow-wrap);
+  scrollbar-color: var(--zdp-color-scrollbar-thumb) var(--zdp-color-scrollbar-track);
+  scrollbar-width: thin;
+  text-wrap: var(--zdp-i18n-text-wrap);
+  word-break: var(--zdp-i18n-word-break);
+}
+
+.zdp-surface-reset *,
+.zdp-surface-reset {
+  scrollbar-color: var(--zdp-color-scrollbar-thumb) var(--zdp-color-scrollbar-track);
+  scrollbar-width: thin;
+}
+
+.zdp-surface-reset::-webkit-scrollbar,
+.zdp-surface-reset *::-webkit-scrollbar {
+  height: var(--zdp-control-scrollbar-size);
+  width: var(--zdp-control-scrollbar-size);
+}
+
+.zdp-surface-reset::-webkit-scrollbar-track,
+.zdp-surface-reset *::-webkit-scrollbar-track {
+  background: var(--zdp-color-scrollbar-track);
+}
+
+.zdp-surface-reset::-webkit-scrollbar-thumb,
+.zdp-surface-reset *::-webkit-scrollbar-thumb {
+  background-color: var(--zdp-color-scrollbar-thumb);
+  border: 1px solid var(--zdp-color-scrollbar-track);
+  border-radius: var(--zdp-radius-sm);
+}
+
+.zdp-surface-reset::-webkit-scrollbar-thumb:hover,
+.zdp-surface-reset *::-webkit-scrollbar-thumb:hover {
+  background-color: var(--zdp-color-scrollbar-thumb-hover);
+}
+
+.zdp-surface-reset::selection,
+.zdp-surface-reset *::selection {
+  background: var(--zdp-color-selection-surface);
+  color: var(--zdp-color-selection-text);
+}
+
+.zdp-surface-reset::-webkit-scrollbar-corner,
+.zdp-surface-reset *::-webkit-scrollbar-corner {
+  background: var(--zdp-color-scrollbar-track);
+}
+
+.zdp-surface-reset:lang(en),
+.zdp-surface-reset:lang(es),
+.zdp-surface-reset:lang(fr) {
+  --zdp-font-family-sans: var(--zdp-font-family-latin);
+  --zdp-font-family-display: var(--zdp-font-family-latin);
+  hyphens: auto;
+}
+
+.zdp-surface-reset :lang(en),
+.zdp-surface-reset :lang(es),
+.zdp-surface-reset :lang(fr) {
+  font-family: var(--zdp-font-family-latin);
+  hyphens: auto;
+}
+
+.zdp-surface-reset:lang(ko) {
+  --zdp-font-family-sans: var(--zdp-font-family-korean);
+  --zdp-font-family-display: var(--zdp-font-family-korean);
+  letter-spacing: -0.01em;
+  overflow-wrap: break-word;
+  word-break: keep-all;
+}
+
+.zdp-surface-reset :lang(ko) {
+  font-family: var(--zdp-font-family-korean);
+  letter-spacing: -0.01em;
+  overflow-wrap: break-word;
+  word-break: keep-all;
+}
+
+.zdp-surface-reset:lang(zh),
+.zdp-surface-reset:lang(zh-CN),
+.zdp-surface-reset:lang(zh-Hans) {
+  --zdp-font-family-sans: var(--zdp-font-family-chinese);
+  --zdp-font-family-display: var(--zdp-font-family-chinese);
+  letter-spacing: 0.02em;
+  line-break: strict;
+  word-break: normal;
+}
+
+.zdp-surface-reset :lang(zh),
+.zdp-surface-reset :lang(zh-CN),
+.zdp-surface-reset :lang(zh-Hans) {
+  font-family: var(--zdp-font-family-chinese);
+  letter-spacing: 0.02em;
+  line-break: strict;
+  word-break: normal;
+}
+
+.zdp-surface-reset:lang(hi) {
+  --zdp-font-family-sans: var(--zdp-font-family-devanagari);
+  --zdp-font-family-display: var(--zdp-font-family-devanagari);
+  word-break: normal;
+}
+
+.zdp-surface-reset :lang(hi) {
+  font-family: var(--zdp-font-family-devanagari);
+  word-break: normal;
+}
+
+.zdp-surface-reset:lang(ja) {
+  --zdp-font-family-sans: var(--zdp-font-family-japanese);
+  --zdp-font-family-display: var(--zdp-font-family-japanese);
+  line-break: strict;
+  word-break: normal;
+}
+
+.zdp-surface-reset :lang(ja) {
+  font-family: var(--zdp-font-family-japanese);
+  line-break: strict;
+  word-break: normal;
+}
+
+.zdp-surface-reset *,
+.zdp-surface-reset *::before,
+.zdp-surface-reset *::after {
+  box-sizing: inherit;
+}
+
+.zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action) {
+  color: var(--zdp-color-ink-normal);
+  font-weight: var(--zdp-font-weight-semibold);
+  text-decoration-line: none;
+  transition: color var(--zdp-motion-fast) ease;
+}
+
+.zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action):hover {
+  color: var(--zdp-color-ink-strong);
+}
+
+.zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action):focus-visible {
+  background: var(--zdp-color-focus-surface);
+  border-bottom: var(--zdp-control-focus-underline-width) solid var(--zdp-color-focus-line);
+  border-radius: var(--zdp-radius-none);
+  box-decoration-break: clone;
+  color: var(--zdp-color-focus-text);
+  outline: var(--zdp-control-focus-outline-width) solid var(--zdp-color-focus-surface);
+  outline-offset: 0;
+  text-decoration-line: none;
+  -webkit-box-decoration-break: clone;
+}
+
+[data-zdp-theme="dark"].zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action),
+[data-zdp-theme="dark"] .zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action) {
+  color: var(--zdp-color-ink-normal);
+}
+
+[data-zdp-theme="dark"].zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action):hover,
+[data-zdp-theme="dark"] .zdp-surface-reset a:not(.zdp-button):not(.zdp-icon-button):not(.zdp-share-action):hover {
+  color: var(--zdp-color-ink-strong);
+}
+
+.zdp-surface-reset :where(input, textarea, select) {
+  background: var(--zdp-color-surface-panel);
+  border: var(--zdp-control-border-width) solid var(--zdp-color-line-strong);
+  border-radius: var(--zdp-control-radius);
+  color: var(--zdp-color-ink-strong);
+  font: inherit;
+  font-size: var(--zdp-type-control-size);
+  line-height: var(--zdp-type-control-line-height);
+  min-height: var(--zdp-control-height-md);
+  padding: 0 var(--zdp-space-3);
+  transition:
+    background-color var(--zdp-motion-fast) ease,
+    border-color var(--zdp-motion-fast) ease,
+    color var(--zdp-motion-fast) ease;
+}
+
+.zdp-surface-reset :where(textarea) {
+  min-height: 6rem;
+  padding-bottom: var(--zdp-space-3);
+  padding-top: var(--zdp-space-3);
+}
+
+.zdp-surface-reset :where(input, textarea, select):focus-visible {
+  border-color: var(--zdp-color-focus-line);
+  outline: var(--zdp-control-focus-outline-width) solid var(--zdp-color-focus-surface);
+  outline-offset: var(--zdp-control-focus-outline-offset);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root,
+  [data-zdp-theme] {
+    --zdp-motion-fast: 1ms;
+    --zdp-motion-normal: 1ms;
+  }
+}

package/dist/table-tools.ts

@@ -0,0 +1,10 @@
+export type ZdpSortDirection = 'none' | 'ascending' | 'descending';
+
+export type ZdpTableDensity = 'default' | 'compact';
+
+export interface ZdpTableToolbarDensityItem {
+  readonly id: ZdpTableDensity;
+  readonly label: string;
+  readonly ariaLabel?: string;
+  readonly disabled?: boolean;
+}

package/dist/term.ts

@@ -0,0 +1,16 @@
+export interface ZdpTermRelatedTerm {
+  readonly id: string;
+  readonly label: string;
+}
+
+export interface ZdpTermSheetTerm {
+  readonly id: string;
+  readonly label: string;
+  readonly short: string;
+  readonly long?: string;
+  readonly example?: string;
+  readonly relatedTerms?: readonly ZdpTermRelatedTerm[];
+  readonly canonicalPath?: string;
+}
+
+export type ZdpTermSheetPlacement = 'right' | 'bottom';

package/dist/theme.ts

@@ -0,0 +1,2 @@
+export type ZdpThemeMode = 'light' | 'dark';
+export type ZdpThemeToggleSize = 'sm' | 'md';

package/dist/toast.ts

@@ -0,0 +1,14 @@
+export type ZdpToastTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+
+export interface ZdpStatusToastItem {
+  readonly id: string;
+  readonly tone?: ZdpToastTone;
+  readonly title?: string;
+  readonly message: string;
+  readonly dismissLabel?: string;
+  readonly actionLabel?: string;
+  readonly href?: string;
+  readonly target?: '_self' | '_blank' | '_parent' | '_top';
+  readonly rel?: string;
+  readonly onclick?: (event: MouseEvent, item: ZdpStatusToastItem) => void;
+}