@sondor-technology/sondor-components 1.0.8 → 1.0.10

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import "./components/accordion/accordion.js";
+import "./components/alert/alert.js";
+import "./components/avatar/avatar.js";
+import "./components/badge/badge.js";
+import "./components/breadcrumb/breadcrumb.js";
+import "./components/button/button.js";
+import "./components/button-group/button-group.js";
+import "./components/calendar/calendar.js";
+import "./components/checkbox/checkbox.js";
+import "./components/code-block/code-block.js";
+import "./components/content-card/content-card.js";
+import "./components/cron-builder/cron-builder.js";
+import "./components/divider/divider.js";
+import "./components/drawer/drawer.js";
+import "./components/field/field.js";
+import "./components/footer/footer.js";
+import "./components/form/form-step.js";
+import "./components/form/form.js";
+import "./components/grid/grid-row.js";
+import "./components/grid/grid.js";
+import "./components/icon/icon.js";
+import "./components/input/input.js";
+import "./components/link/link.js";
+import "./components/metadata/metadata.js";
+import "./components/modal/modal.js";
+import "./components/page-layout/page-layout.js";
+import "./components/pagination/pagination.js";
+import "./components/pin-input/pin-input.js";
+import "./components/popover/popover.js";
+import "./components/progress/progress.js";
+import "./components/radio/radio.js";
+import "./components/radio-group/radio-group.js";
+import "./components/router/router.js";
+import "./components/select/select.js";
+import "./components/skeleton/skeleton.js";
+import "./components/spinner/spinner.js";
+import "./components/switch/switch.js";
+import "./components/table/data-table.js";
+import "./components/table/table.js";
+import "./components/tabs/tab-panel.js";
+import "./components/tabs/tab.js";
+import "./components/tabs/tabs.js";
+import "./components/textarea/textarea.js";
+import "./components/theme-toggle/theme-toggle.js";
+import "./components/time-picker/time-picker.js";
+import "./components/toast/toast.js";
+import "./components/toggle-group/toggle-button.js";
+import "./components/toggle-group/toggle-group.js";
+import "./components/tooltip/tooltip.js";
+import "./components/vertical-nav/vertical-nav-group.js";
+import "./components/vertical-nav/vertical-nav-item.js";
+import "./components/line-chart/line-chart.js";
+import "./components/bar-chart/bar-chart.js";
+import "./components/pie-chart/pie-chart.js";
+import "./components/heat-map/heat-map.js";
+import "./components/sparkline/sparkline.js";
+import "./components/stat-card/stat-card.js";
+import "./components/list/list.js";
+import "./components/list/list-item.js";
+import "./components/context-menu/context-menu.js";
+import "./components/reveal/reveal.js";
+import "./components/lazy/lazy.js";
+import "./components/image/image.js";
+import "./components/video-embed/video-embed.js";
+import "./components/container/container.js";
+import "./components/section/section.js";
+import "./components/stack/stack.js";
+import "./components/scroll-progress/scroll-progress.js";
+import "./components/back-to-top/back-to-top.js";
+import "./components/consent/consent.js";
+import "./components/site-header/site-header.js";
+import "./components/hero/hero.js";
+import "./components/feature-grid/feature-grid.js";
+import "./components/feature-grid/feature.js";
+import "./components/split/split.js";
+import "./components/cta/cta.js";
+import "./components/stats/stats.js";
+import "./components/stats/stat.js";
+import "./components/timeline/timeline.js";
+import "./components/timeline/timeline-item.js";
+import "./components/testimonials/testimonials.js";
+import "./components/testimonials/testimonial.js";
+import "./components/faq/faq.js";
+import "./components/faq/faq-item.js";
+import "./components/logo-cloud/logo-cloud.js";
+import "./components/pricing/pricing.js";
+import "./components/pricing/pricing-tier.js";
+import "./components/team/team.js";
+import "./components/team/person.js";
+import "./components/contact/contact.js";
+import "./components/post-list/post-list.js";
+import "./components/post-list/post-card.js";
+import "./components/project-grid/project-grid.js";
+import "./components/project-grid/project-card.js";
+import "./components/series-nav/series-nav.js";
+export * from "./components/consent/consent.utils.js";
+export { resetFormState } from "./components/form/form-reset.js";
+export { iconPaths, type IconName } from "./components/icon/icon-paths.js";
+export { showToast, type ToastVariant } from "./components/toast/toast.js";
+export { buildPages } from "./components/pagination/pagination.utils.js";
+export * from "./components/chart/chart.utils.js";
+export type { ChartSeries } from "./components/chart/chart-base.js";
+export type { ListItemData } from "./components/list/list.js";
+export type { TableColumn } from "./components/table/table.js";
+export type { MenuItem } from "./components/context-menu/context-menu.js";
+export * from "./components/table/data-table.utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,6BAA6B,CAAC;AACrC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,+BAA+B,CAAC;AACvC,OAAO,2CAA2C,CAAC;AACnD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC;AACnD,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AACrC,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,+BAA+B,CAAC;AACvC,OAAO,2BAA2B,CAAC;AACnC,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,yCAAyC,CAAC;AACjD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6BAA6B,CAAC;AACrC,OAAO,yCAAyC,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0BAA0B,CAAC;AAClC,OAAO,2BAA2B,CAAC;AACnC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,2CAA2C,CAAC;AACnD,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4CAA4C,CAAC;AACpD,OAAO,2CAA2C,CAAC;AACnD,OAAO,iCAAiC,CAAC;AACzC,OAAO,iDAAiD,CAAC;AACzD,OAAO,gDAAgD,CAAC;AACxD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,2CAA2C,CAAC;AACnD,OAAO,+BAA+B,CAAC;AACvC,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,yCAAyC,CAAC;AACjD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iDAAiD,CAAC;AACzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,2BAA2B,CAAC;AACnC,OAAO,2CAA2C,CAAC;AACnD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,6BAA6B,CAAC;AACrC,OAAO,yBAAyB,CAAC;AACjC,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,wCAAwC,CAAC;AAChD,OAAO,2CAA2C,CAAC;AACnD,OAAO,0CAA0C,CAAC;AAClD,OAAO,yBAAyB,CAAC;AACjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iCAAiC,CAAC;AACzC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,2CAA2C,CAAC;AACnD,OAAO,2CAA2C,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAE/C,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAE,KAAK,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAC,SAAS,EAAE,KAAK,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAC,UAAU,EAAC,MAAM,6CAA6C,CAAC;AACvE,cAAc,mCAAmC,CAAC;AAClD,YAAY,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAClE,YAAY,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AACxE,cAAc,wCAAwC,CAAC"}

package/dist/index.js

@@ -0,0 +1,104 @@
+// Barrel: registers every custom element. Prefer subpath imports for smaller bundles.
+import "./components/accordion/accordion.js";
+import "./components/alert/alert.js";
+import "./components/avatar/avatar.js";
+import "./components/badge/badge.js";
+import "./components/breadcrumb/breadcrumb.js";
+import "./components/button/button.js";
+import "./components/button-group/button-group.js";
+import "./components/calendar/calendar.js";
+import "./components/checkbox/checkbox.js";
+import "./components/code-block/code-block.js";
+import "./components/content-card/content-card.js";
+import "./components/cron-builder/cron-builder.js";
+import "./components/divider/divider.js";
+import "./components/drawer/drawer.js";
+import "./components/field/field.js";
+import "./components/footer/footer.js";
+import "./components/form/form-step.js";
+import "./components/form/form.js";
+import "./components/grid/grid-row.js";
+import "./components/grid/grid.js";
+import "./components/icon/icon.js";
+import "./components/input/input.js";
+import "./components/link/link.js";
+import "./components/metadata/metadata.js";
+import "./components/modal/modal.js";
+import "./components/page-layout/page-layout.js";
+import "./components/pagination/pagination.js";
+import "./components/pin-input/pin-input.js";
+import "./components/popover/popover.js";
+import "./components/progress/progress.js";
+import "./components/radio/radio.js";
+import "./components/radio-group/radio-group.js";
+import "./components/router/router.js";
+import "./components/select/select.js";
+import "./components/skeleton/skeleton.js";
+import "./components/spinner/spinner.js";
+import "./components/switch/switch.js";
+import "./components/table/data-table.js";
+import "./components/table/table.js";
+import "./components/tabs/tab-panel.js";
+import "./components/tabs/tab.js";
+import "./components/tabs/tabs.js";
+import "./components/textarea/textarea.js";
+import "./components/theme-toggle/theme-toggle.js";
+import "./components/time-picker/time-picker.js";
+import "./components/toast/toast.js";
+import "./components/toggle-group/toggle-button.js";
+import "./components/toggle-group/toggle-group.js";
+import "./components/tooltip/tooltip.js";
+import "./components/vertical-nav/vertical-nav-group.js";
+import "./components/vertical-nav/vertical-nav-item.js";
+import "./components/line-chart/line-chart.js";
+import "./components/bar-chart/bar-chart.js";
+import "./components/pie-chart/pie-chart.js";
+import "./components/heat-map/heat-map.js";
+import "./components/sparkline/sparkline.js";
+import "./components/stat-card/stat-card.js";
+import "./components/list/list.js";
+import "./components/list/list-item.js";
+import "./components/context-menu/context-menu.js";
+import "./components/reveal/reveal.js";
+import "./components/lazy/lazy.js";
+import "./components/image/image.js";
+import "./components/video-embed/video-embed.js";
+import "./components/container/container.js";
+import "./components/section/section.js";
+import "./components/stack/stack.js";
+import "./components/scroll-progress/scroll-progress.js";
+import "./components/back-to-top/back-to-top.js";
+import "./components/consent/consent.js";
+import "./components/site-header/site-header.js";
+import "./components/hero/hero.js";
+import "./components/feature-grid/feature-grid.js";
+import "./components/feature-grid/feature.js";
+import "./components/split/split.js";
+import "./components/cta/cta.js";
+import "./components/stats/stats.js";
+import "./components/stats/stat.js";
+import "./components/timeline/timeline.js";
+import "./components/timeline/timeline-item.js";
+import "./components/testimonials/testimonials.js";
+import "./components/testimonials/testimonial.js";
+import "./components/faq/faq.js";
+import "./components/faq/faq-item.js";
+import "./components/logo-cloud/logo-cloud.js";
+import "./components/pricing/pricing.js";
+import "./components/pricing/pricing-tier.js";
+import "./components/team/team.js";
+import "./components/team/person.js";
+import "./components/contact/contact.js";
+import "./components/post-list/post-list.js";
+import "./components/post-list/post-card.js";
+import "./components/project-grid/project-grid.js";
+import "./components/project-grid/project-card.js";
+import "./components/series-nav/series-nav.js";
+export * from "./components/consent/consent.utils.js";
+export { resetFormState } from "./components/form/form-reset.js";
+export { iconPaths } from "./components/icon/icon-paths.js";
+export { showToast } from "./components/toast/toast.js";
+export { buildPages } from "./components/pagination/pagination.utils.js";
+export * from "./components/chart/chart.utils.js";
+export * from "./components/table/data-table.utils.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/styles/index.css

@@ -52,11 +52,51 @@
   --st-blue-700: #1d4ed8;
   --st-blue-800: #1e40af;
   --st-blue-900: #1e3a8a;
+  --st-teal-400: #2dd4bf;
+  --st-teal-600: #0d9488;
+  --st-pink-400: #f472b6;
+  --st-pink-600: #db2777;
   --st-spacing-xs: 0.25rem;
   --st-spacing-sm: 0.5rem;
   --st-spacing-md: 1rem;
   --st-spacing-lg: 1.5rem;
   --st-spacing-xl: 2rem;
+  --st-spacing-2xl: 3rem;
+  --st-spacing-3xl: 4rem;
+  --st-container-sm: 40rem;
+  --st-container-md: 56rem;
+  --st-container-lg: 72rem;
+  --st-container-xl: 90rem;
+  --st-gutter: clamp(1rem, 4vw, 2rem);
+  --st-section-space-sm: clamp(1.5rem, 4vw, 3rem);
+  --st-section-space-md: clamp(3rem, 8vw, 6rem);
+  --st-section-space-lg: clamp(4rem, 12vw, 9rem);
+  --st-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
+  --st-duration-reveal: 600ms;
+  --st-gray-300: #d4d4d8;
+  --st-gray-500: #71717a;
+  --st-radius-sm: 0.375rem;
+  --st-radius-md: 0.5rem;
+  --st-radius-lg: 0.75rem;
+  --st-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.1);
+  --st-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  --st-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
+  --st-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --st-shadow-drawer: 0 4px 24px rgb(0 0 0 / 0.15);
+  --st-shadow-inset: inset 0 3px 5px rgb(0 0 0 / 0.2);
+  --st-color-overlay: rgb(0 0 0 / 0.5);
+  --st-code-bg: #161b22;
+  --st-code-header-bg: #0d1117;
+  --st-code-border: #30363d;
+  --st-code-text: #c9d1d9;
+  --st-code-muted: #8b949e;
+  --st-code-accent: #79c0ff;
+  --st-code-hover: rgb(255 255 255 / 0.1);
+  --st-code-success: #3fb950;
+  --st-code-string: #a5d6ff;
+  --st-code-keyword: #ff7b72;
+  --st-code-function: #d2a8ff;
+  --st-code-number: #ffa657;
 }
 
 /* src/styles/typography.css */
@@ -72,6 +112,7 @@
     sans-serif;
   --st-font-weight-regular: 400;
   --st-font-weight-medium: 500;
+  --st-font-weight-semibold: 600;
   --st-font-weight-bold: 700;
   --st-font-size-xs: 0.75rem;
   --st-font-size-sm: 0.875rem;
@@ -111,6 +152,27 @@
   --st-color-warning-bg: var(--st-amber-100);
   --st-color-info-bg: var(--st-blue-100);
   --st-hover-brightness: 0.9;
+  --st-chart-1: var(--st-purple-600);
+  --st-chart-2: var(--st-blue-600);
+  --st-chart-3: var(--st-green-600);
+  --st-chart-4: var(--st-amber-600);
+  --st-chart-5: var(--st-red-600);
+  --st-chart-6: var(--st-teal-600);
+  --st-chart-7: var(--st-pink-600);
+  --st-chart-8: var(--st-gray-500);
+  --st-color-primary-hover: var(--st-purple-800);
+  --st-color-primary-light: var(--st-color-primary-bg);
+  --st-color-primary-muted: color-mix(in srgb, var(--st-color-primary) 25%, transparent);
+  --st-color-primary-dark: color-mix(in srgb, var(--st-color-primary), black 20%);
+  --st-color-secondary: var(--st-color-text-muted);
+  --st-color-danger: var(--st-color-error);
+  --st-color-on-primary: var(--st-white);
+  --st-color-on-success: var(--st-white);
+  --st-color-on-warning: var(--st-white);
+  --st-color-on-info: var(--st-white);
+  --st-color-on-danger: var(--st-white);
+  --st-color-bg-rgb: 255 255 255;
+  --st-color-scroll-shadow: rgb(0 0 0 / 0.15);
 }
 :root:not([data-theme=light]),
 :root[data-theme=dark] {
@@ -135,7 +197,149 @@
   --st-color-warning-bg: #422a14;
   --st-color-info-bg: #1e3a8a;
   --st-hover-brightness: 1.3;
+  --st-chart-1: var(--st-purple-400);
+  --st-chart-2: var(--st-blue-400);
+  --st-chart-3: var(--st-green-400);
+  --st-chart-4: var(--st-amber-400);
+  --st-chart-5: var(--st-red-400);
+  --st-chart-6: var(--st-teal-400);
+  --st-chart-7: var(--st-pink-400);
+  --st-chart-8: var(--st-gray-300);
+  --st-color-primary-hover: var(--st-purple-200);
+  --st-color-primary-light: var(--st-color-primary-bg);
+  --st-color-primary-muted: color-mix(in srgb, var(--st-color-primary) 25%, transparent);
+  --st-color-primary-dark: color-mix(in srgb, var(--st-color-primary), black 20%);
+  --st-color-secondary: var(--st-color-text-muted);
+  --st-color-danger: var(--st-color-error);
+  --st-color-on-primary: var(--st-gray-900);
+  --st-color-on-success: var(--st-gray-900);
+  --st-color-on-warning: var(--st-gray-900);
+  --st-color-on-info: var(--st-gray-900);
+  --st-color-on-danger: var(--st-gray-900);
+  --st-color-bg-rgb: 24 24 27;
   --st-icon-filter: invert(1);
+  --st-color-scroll-shadow: rgb(0 0 0 / 0.6);
+}
+
+/* src/styles/prose.css */
+.st-prose {
+  max-width: var(--st-prose-width, 70ch);
+  color: var(--st-color-text);
+  font-size: var(--st-font-size-lg);
+  line-height: 1.75;
+  overflow-wrap: break-word;
+}
+.st-prose > :first-child {
+  margin-top: 0;
+}
+.st-prose > :last-child {
+  margin-bottom: 0;
+}
+.st-prose :is(h1, h2, h3, h4, h5, h6) {
+  margin-top: var(--st-spacing-2xl);
+  margin-bottom: var(--st-spacing-md);
+  scroll-margin-top: var(--st-prose-scroll-offset, var(--st-site-header-height, var(--st-spacing-xl)));
+  text-wrap: balance;
+}
+.st-prose :is(h2, h3, h4) + :is(h2, h3, h4) {
+  margin-top: var(--st-spacing-lg);
+}
+.st-prose :is(p, ul, ol, blockquote, pre, table, figure, hr, dl) {
+  margin-top: 0;
+  margin-bottom: var(--st-spacing-lg);
+}
+.st-prose a {
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+}
+.st-prose :is(ul, ol) {
+  padding-left: var(--st-spacing-xl);
+}
+.st-prose ul {
+  list-style: disc;
+}
+.st-prose ol {
+  list-style: decimal;
+}
+.st-prose li {
+  margin-bottom: var(--st-spacing-sm);
+}
+.st-prose li::marker {
+  color: var(--st-color-text-muted);
+}
+.st-prose li > :is(ul, ol) {
+  margin-top: var(--st-spacing-sm);
+  margin-bottom: 0;
+}
+.st-prose blockquote {
+  padding: var(--st-spacing-xs) 0 var(--st-spacing-xs) var(--st-spacing-lg);
+  border-left: 4px solid var(--st-color-primary);
+  color: var(--st-color-text-muted);
+  font-style: italic;
+}
+.st-prose blockquote > :last-child {
+  margin-bottom: 0;
+}
+.st-prose pre {
+  overflow-x: auto;
+  padding: var(--st-spacing-md);
+  border-radius: var(--st-radius-md);
+  background: var(--st-code-bg, var(--st-color-surface));
+  color: var(--st-code-text, var(--st-color-text));
+  font-size: var(--st-font-size-sm);
+  line-height: 1.6;
+}
+.st-prose pre code {
+  padding: 0;
+  background: none;
+  font-size: inherit;
+}
+.st-prose img,
+.st-prose video {
+  max-width: 100%;
+  height: auto;
+  border-radius: var(--st-radius-md);
+}
+.st-prose figcaption {
+  margin-top: var(--st-spacing-sm);
+  color: var(--st-color-text-muted);
+  font-size: var(--st-font-size-sm);
+  text-align: center;
+}
+.st-prose hr {
+  border: 0;
+  border-top: 1px solid var(--st-color-border);
+}
+.st-prose table {
+  display: block;
+  overflow-x: auto;
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--st-font-size-base);
+}
+.st-prose :is(th, td) {
+  padding: var(--st-spacing-sm) var(--st-spacing-md);
+  border-bottom: 1px solid var(--st-color-border);
+  text-align: left;
+}
+.st-prose th {
+  font-weight: var(--st-font-weight-bold);
+}
+.st-prose :is(kbd, mark) {
+  padding: 0.1em 0.4em;
+  border-radius: var(--st-radius-sm);
+}
+.st-prose kbd {
+  border: 1px solid var(--st-color-border);
+  background: var(--st-color-surface);
+  font-family: var(--st-font-family-mono);
+  font-size: 0.85em;
+}
+@media print {
+  .st-prose {
+    max-width: none;
+    font-size: 11pt;
+  }
 }
 
 /* src/styles/index.css */
@@ -158,7 +362,7 @@ h3,
 h4,
 h5,
 h6 {
-  color: var(--st-color-text);
+  color: inherit;
   font-weight: var(--st-font-weight-bold);
   line-height: var(--st-line-height-tight);
   margin-top: 0;

package/dist/styles/reset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAgDvB,CAAC"}
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAqDvB,CAAC"}

package/dist/styles/reset.js

@@ -8,6 +8,11 @@ export const resetStyles = css `
     box-sizing: border-box;
   }
 
+  /* A component's own display value must not defeat the native hidden attribute */
+  :host([hidden]) {
+    display: none !important;
+  }
+
   /* 2. Prevent mobile tap highlights and set base behavior */
   :host {
     -webkit-tap-highlight-color: transparent;

package/dist/styles/reset.js.map

@@ -1 +1 @@
-{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD7B,CAAC"}
+{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD7B,CAAC"}