@trebired/frontend 26.1.2 → 27.0.0

package/dist/surface/components/index.js

@@ -26,11 +26,6 @@ function Card(props) {
     const isInteractive = interactive ?? Boolean(href);
     return (_jsx(Tag, { ...rest, className: classNames(surfaceClass(frontendClassName("card"), { tone }), className), href: Tag === "a" ? href : undefined, ...frontendDataAttrs({ "card": "" }), ...frontendDataAttrs({ "interactive": isInteractive ? "true" : undefined }), ...frontendDataAttrs({ "soft-redirect": softRedirect === true ? "" : undefined }), children: _jsx(HeadingScope, { children: children }) }));
 }
-function Frame(props) {
-    const { children, className, ratio, style, ...rest } = props;
-    const ratioStyle = ratio ? { [`--${FRONTEND_PREFIX}-surf-frame-root-ratio`]: ratio } : undefined;
-    return (_jsx("div", { ...rest, className: classNames(frontendClassName("frame"), className), style: ratioStyle ? { ...ratioStyle, ...style } : style, children: children }));
-}
 function BrandCanvas(props) {
     const { action, caption, children, className, clearSpace, guides = true, height, spec, style, tone, ...rest } = props;
     const stageStyle = {};
@@ -40,39 +35,6 @@ function BrandCanvas(props) {
         stageStyle[`--${FRONTEND_PREFIX}-surf-brand-canvas-stage-min-h`] = height;
     return (_jsxs("figure", { ...rest, className: classNames(surfaceClass(frontendClassName("brand-canvas"), { tone }), className), style: Object.keys(stageStyle).length > 0 ? { ...stageStyle, ...style } : style, ...frontendDataAttrs({ "brand-canvas-guides": guides ? "true" : undefined }), children: [_jsxs("div", { className: frontendElementClass("brand-canvas", "stage"), ...frontendDataAttrs({ dark: tone === "inverse" ? "" : undefined }), children: [_jsx("div", { className: frontendElementClass("brand-canvas", "clear"), children: _jsx("div", { className: frontendElementClass("brand-canvas", "art"), children: children }) }), clearSpace && guides ? (_jsxs(_Fragment, { children: [_jsx("span", { className: frontendElementClass("brand-canvas", "measure"), ...frontendDataAttrs({ "brand-canvas-measure": "block" }), children: clearSpace }), _jsx("span", { className: frontendElementClass("brand-canvas", "measure"), ...frontendDataAttrs({ "brand-canvas-measure": "inline" }), children: clearSpace })] })) : null] }), caption || spec || action ? (_jsxs("figcaption", { className: frontendElementClass("brand-canvas", "caption"), children: [caption ? _jsx("span", { children: caption }) : null, spec || action ? (_jsxs("span", { className: frontendElementClass("brand-canvas", "caption-end"), children: [spec ? _jsx("span", { className: frontendElementClass("brand-canvas", "spec"), children: spec }) : null, action] })) : null] })) : null] }));
 }
-function Tag(props) {
-    const { children, className, tone, ...rest } = props;
-    return (_jsx("span", { ...rest, className: classNames(surfaceClass(frontendClassName("tag"), { tone }), className), children: children }));
-}
-function CardHeader(props) {
-    const { children, className, padding, ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames(frontendElementClass("card", "header"), className), ...frontendDataAttrs({ "card-padding": padding }), children: children }));
-}
-function CardBody(props) {
-    const { children, className, padding, ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames(frontendElementClass("card", "body"), className), ...frontendDataAttrs({ "card-padding": padding }), children: children }));
-}
-function CardFooter(props) {
-    const { children, className, padding, ...rest } = props;
-    return (_jsx("div", { ...rest, className: classNames(frontendElementClass("card", "footer"), className), ...frontendDataAttrs({ "card-padding": padding }), children: children }));
-}
-function PinnedSplit(props) {
-    const { aside, asideSide = "start", asideWidth, children, className, style, top, ...rest } = props;
-    const vars = {};
-    if (asideWidth)
-        vars[`--${FRONTEND_PREFIX}-surf-pinned-aside-width`] = asideWidth;
-    if (top)
-        vars[`--${FRONTEND_PREFIX}-surf-pinned-aside-top`] = top;
-    return (_jsxs("div", { ...rest, className: classNames(frontendClassName("pinned-split"), className), style: Object.keys(vars).length > 0 ? { ...vars, ...style } : style, ...frontendDataAttrs({ "pinned-aside": asideSide }), children: [_jsx("div", { className: frontendElementClass("pinned-split", "aside"), children: aside }), _jsx("div", { className: frontendElementClass("pinned-split", "body"), children: children })] }));
-}
-function TrackList(props) {
-    const { as: Tag = "ol", children, className, ...rest } = props;
-    return (_jsx(Tag, { ...rest, className: classNames(frontendClassName("track"), className), children: children }));
-}
-function TrackItem(props) {
-    const { children, className, marker, ...rest } = props;
-    return (_jsxs("li", { ...rest, className: classNames(frontendElementClass("track", "item"), className), children: [_jsx("span", { "aria-hidden": "true", className: frontendElementClass("track", "mark"), children: marker }), _jsx("div", { className: frontendElementClass("track", "body"), children: children })] }));
-}
 function HairlinePanel(props) {
     const { as: Tag = "div", children, className, min, style, ...rest } = props;
     const minStyle = min ? { [`--${FRONTEND_PREFIX}-surf-hairline-root-min`]: min } : undefined;
@@ -82,40 +44,6 @@ function HairlineCell(props) {
     const { align, as: Tag = "div", children, className, interactive, invert, ...rest } = props;
     return (_jsx(Tag, { ...rest, className: classNames(frontendElementClass("hairline", "cell"), className), ...frontendDataAttrs({ "hairline-align": align === "center" ? "center" : undefined }), ...frontendDataAttrs({ "hairline-interactive": interactive ? "true" : undefined }), ...frontendDataAttrs({ "hairline-invert": invert ? "true" : undefined }), ...frontendDataAttrs({ "tone": invert ? "dark" : "light" }), children: children }));
 }
-function PageBand(props) {
-    const { as: Tag = "section", children, className, tone, ...rest } = props;
-    return (_jsx(Tag, { ...rest, className: classNames(surfaceClass(frontendClassName("band"), { tone }), className), children: _jsx(HeadingScope, { children: children }) }));
-}
-function IconTile(props) {
-    const { children, className, glyph, size, tone, ...rest } = props;
-    return (_jsx("span", { ...rest, "aria-hidden": true, className: classNames(surfaceClass(frontendClassName("tile"), { size, tone }), className), ...frontendDataAttrs({ "tile-glyph": glyph }), children: children }));
-}
-function AccentRule(props) {
-    const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames(frontendClassName("rule"), className), children: children });
-}
-function ActionRow(props) {
-    const { arrow, as, children, className, href, interactive, softRedirect, value, ...rest } = props;
-    const Tag = as || (href ? "a" : "div");
-    const isInteractive = interactive ?? Boolean(href);
-    return (_jsxs(Tag, { ...rest, className: classNames(frontendClassName("action-row"), className), href: Tag === "a" ? href : undefined, ...frontendDataAttrs({ "interactive": isInteractive ? "true" : undefined }), ...frontendDataAttrs({ "soft-redirect": softRedirect === true ? "" : undefined }), children: [children, value === undefined ? null : (_jsx("span", { className: frontendElementClass("action-row", "body"), children: _jsx("span", { className: frontendElementClass("action-row", "value"), children: value }) })), arrow === undefined ? null : (_jsx("span", { "aria-hidden": true, className: frontendElementClass("action-row", "arrow"), children: arrow }))] }));
-}
-function FrameCover(props) {
-    const { className, ...rest } = props;
-    return _jsx("img", { ...rest, alt: rest.alt || "", className: classNames(frontendElementClass("frame", "cover"), className) });
-}
-function FrameScrim(props) {
-    const { className, ...rest } = props;
-    return _jsx("div", { ...rest, "aria-hidden": true, className: classNames(frontendElementClass("frame", "scrim"), className) });
-}
-function FrameCaption(props) {
-    const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames(frontendElementClass("frame", "caption"), className), children: children });
-}
-function FrameAction(props) {
-    const { children, className, ...rest } = props;
-    return _jsx("div", { ...rest, className: classNames(frontendElementClass("frame", "action"), className), children: children });
-}
 function CanvasPanel(props) {
     const { actions, children, className, fullscreenId, subtitle, title, ...rest } = props;
     const body = (_jsxs("div", { ...rest, className: classNames(frontendClassName("canvas-panel"), className), ...frontendDataAttrs({ "canvas-panel": "" }), children: [_jsx(CanvasPanelHeader, { actions: actions, fullscreenId: fullscreenId, subtitle: subtitle, title: title }), _jsx("div", { className: frontendElementClass("canvas-panel", "body"), children: children })] }));
@@ -126,5 +54,5 @@ function CanvasPanelHeader(props) {
         return null;
     return (_jsxs("div", { className: classNames(frontendElementClass("canvas-panel", "header"), frontendClassName("card")), children: [_jsxs("div", { className: frontendElementClass("canvas-panel", "titles"), children: [props.title ? _jsx("span", { className: frontendElementClass("canvas-panel", "title"), children: props.title }) : null, props.subtitle ? _jsx("span", { className: frontendElementClass("canvas-panel", "subtitle"), children: props.subtitle }) : null] }), _jsxs("div", { className: frontendElementClass("canvas-panel", "actions"), children: [props.actions, props.fullscreenId ? _jsx(FullscreenOpenButton, { fullscreenId: props.fullscreenId, children: "Open" }) : null, props.fullscreenId ? _jsx(FullscreenCloseButton, { fullscreenId: props.fullscreenId, children: "Close" }) : null] })] }));
 }
-export { AccentRule, ActionRow, BrandCanvas, Button, CanvasPanel, Card, CardBody, CardFooter, CardHeader, FrameAction, FrameCaption, Frame, FrameCover, FrameScrim, HairlineCell, HairlinePanel, IconTile, PageBand, PinnedSplit, Tag, TrackItem, TrackList, };
+export { BrandCanvas, Button, CanvasPanel, Card, HairlineCell, HairlinePanel, };
 //# sourceMappingURL=index.js.map

package/dist/surface/components/index.js.map

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

package/dist/surface/styles/index.scss

@@ -1,10 +1,8 @@
 @use "@trebired/bundler/namespace" as ns;
-@use "./blocks";
 @use "./brand-canvas";
 @use "./hairline";
 @use "./layout";
 @use "./motif";
-@use "./track";
 #{ns.class("button")} {
   #{ns.css-var("surf-btn-current-icon")}: var(
     #{ns.css-var("surf-btn-slot-icon")},

package/dist/surface/styles/layout.scss

@@ -65,106 +65,6 @@ html:not(#{ns.data("parsed")}) #{ns.class("glow")}::after {
   z-index: 1;
 }
 
-#{ns.class("card")} > #{ns.class("frame")}:first-child {
-  width: auto;
-  margin: calc(var(#{ns.css-var("surf-card-root-padding")}, 12px) * -1);
-  margin-block-end: 0;
-  border-start-start-radius: inherit;
-  border-start-end-radius: inherit;
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-  border-block-start: 0;
-  border-inline: 0;
-}
-
-#{ns.class("frame")} {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  aspect-ratio: var(#{ns.css-var("surf-frame-root-ratio")}, 16 / 10);
-  border: var(
-    #{ns.css-var("surf-frame-root-border")},
-    var(--border-width, 1px) solid var(#{ns.css-var("border")}, #000)
-  );
-  border-radius: var(
-    #{ns.css-var("surf-frame-root-radius")},
-    var(--radius-lg, var(#{ns.css-var("radius")}, 0))
-  );
-  background: var(#{ns.css-var("surf-frame-root-bg")}, var(#{ns.css-var("surface-muted")}, #eee));
-}
-
-#{ns.element-class("frame", "badge")} {
-  position: absolute;
-  inset-block-start: var(#{ns.css-var("surf-frame-badge-offset")}, 1rem);
-  inset-inline-start: var(#{ns.css-var("surf-frame-badge-offset")}, 1rem);
-  z-index: 1;
-}
-
-#{ns.element-class("frame", "cover")} {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: var(#{ns.css-var("surf-frame-cover-position")}, 50% 50%);
-  transition: transform var(#{ns.css-var("surf-frame-cover-duration")}, 700ms) ease;
-}
-
-#{ns.element-class("frame", "scrim")} {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  background: var(
-    #{ns.css-var("surf-frame-scrim-bg")},
-    linear-gradient(to top, color-mix(in srgb, var(#{ns.css-var("text")}, #000) 65%, transparent), transparent 60%)
-  );
-  pointer-events: none;
-}
-
-#{ns.element-class("frame", "caption")} {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline: 0;
-  z-index: 2;
-  display: grid;
-  gap: var(#{ns.css-var("surf-frame-caption-gap")}, var(#{ns.css-var("gap-xs2")}, 4px));
-  padding: var(#{ns.css-var("surf-frame-caption-padding")}, var(#{ns.css-var("gap-sm")}, 12px));
-  color: var(#{ns.css-var("surf-frame-caption-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-frame-caption-bg")}, transparent);
-}
-
-#{ns.element-class("frame", "action")} {
-  position: absolute;
-  inset-block-end: var(#{ns.css-var("surf-frame-action-offset")}, 1rem);
-  inset-inline-end: var(#{ns.css-var("surf-frame-action-offset")}, 1rem);
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(#{ns.css-var("surf-frame-action-size")}, 3rem);
-  height: var(#{ns.css-var("surf-frame-action-size")}, 3rem);
-  border-radius: var(#{ns.css-var("surf-frame-action-radius")}, var(#{ns.css-var("radius")}, 0));
-  color: var(#{ns.css-var("surf-frame-action-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-frame-action-bg")}, var(#{ns.css-var("page")}, #fff));
-  transition:
-  color var(#{ns.css-var("tone-change")}), background-color var(#{ns.css-var("transition-fast")}, 180ms) ease;
-}
-
-#{ns.element-class("frame", "action")} #{ns.class("icon-glyph")} {
-  font-size: var(#{ns.css-var("surf-frame-action-glyph")}, 1.5rem);
-}
-
-#{ns.class("card")}#{ns.data("interactive", "true")}:hover #{ns.element-class("frame", "action")} {
-  color: var(#{ns.css-var("surf-frame-action-state-hover-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-frame-action-state-hover-bg")}, var(#{ns.css-var("focus")}, #000));
-}
-
-#{ns.class("card")}#{ns.data("interactive", "true")}:hover #{ns.element-class("frame", "cover")} {
-  transform: scale(var(#{ns.css-var("surf-frame-cover-state-hover-scale")}, 1.05));
-}
-
 #{ns.class("logo")} {
   display: inline-flex;
   flex: 0 1 auto;

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/frontend",
-  "version": "26.1.2",
+  "version": "27.0.0",
   "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
   "type": "module",
   "private": false,

package/dist/surface/styles/blocks.scss

@@ -1,174 +0,0 @@
-@use "@trebired/bundler/namespace" as ns;
-
-#{ns.class("band")} {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-block: var(#{ns.css-var("surf-band-root-py")}, clamp(2.5rem, 5vw, 4rem));
-  padding-inline: var(#{ns.css-var("surf-band-root-px")}, clamp(1rem, 3vw, 2rem));
-  color: var(#{ns.css-var("surf-band-root-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-band-root-bg")}, var(#{ns.css-var("page")}, #fff));
-}
-
-#{ns.class("band")} > * {
-  width: min(var(#{ns.css-var("surf-band-root-max")}, 80rem), 100%);
-  min-width: 0;
-}
-
-#{ns.class("band")}--muted {
-  color: var(#{ns.css-var("surf-band-tone-muted-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-band-tone-muted-bg")}, var(#{ns.css-var("surface-muted")}, #eee));
-}
-
-#{ns.class("band")}--inverse {
-  #{ns.css-var("text-muted")}: var(
-    #{ns.css-var("surf-band-tone-inverse-text-muted")},
-    color-mix(in srgb, currentColor 62%, transparent)
-  );
-  color: var(#{ns.css-var("surf-band-tone-inverse-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-band-tone-inverse-bg")}, var(#{ns.css-var("ink")}, #000));
-}
-
-#{ns.class("tile")} {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  width: var(#{ns.css-var("surf-tile-root-size")}, 3rem);
-  height: var(#{ns.css-var("surf-tile-root-size")}, 3rem);
-  border-radius: var(#{ns.css-var("surf-tile-root-radius")}, var(#{ns.css-var("radius")}, 0));
-  color: var(#{ns.css-var("surf-tile-root-color")}, currentColor);
-  background: var(#{ns.css-var("surf-tile-root-bg")}, transparent);
-  transition: background-color var(#{ns.css-var("transition-fast")}, 180ms) ease,
-  color var(#{ns.css-var("transition-fast")}, 180ms) ease;
-}
-
-#{ns.class("tile")} #{ns.class("icon-glyph")} {
-  font-size: var(#{ns.css-var("surf-tile-root-glyph")}, 1.5rem);
-}
-
-#{ns.class("tile")}--sm {
-  #{ns.css-var("surf-tile-root-size")}: var(#{ns.css-var("surf-tile-sizes-sm-size")}, 2.5rem);
-  #{ns.css-var("surf-tile-root-glyph")}: var(#{ns.css-var("surf-tile-sizes-sm-glyph")}, 1rem);
-}
-
-#{ns.class("tile")}--lg {
-  #{ns.css-var("surf-tile-root-size")}: var(#{ns.css-var("surf-tile-sizes-lg-size")}, 4rem);
-  #{ns.css-var("surf-tile-root-glyph")}: var(#{ns.css-var("surf-tile-sizes-lg-glyph")}, 1.75rem);
-}
-
-#{ns.class("tile")}--muted {
-  color: var(#{ns.css-var("surf-tile-tone-muted-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-tile-tone-muted-bg")}, var(#{ns.css-var("surface-muted")}, #eee));
-}
-
-#{ns.class("tile")}--inverse {
-  color: var(#{ns.css-var("surf-tile-tone-inverse-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-tile-tone-inverse-bg")}, var(#{ns.css-var("text")}, #000));
-}
-
-#{ns.class("tile")}--accent {
-  color: var(#{ns.css-var("surf-tile-tone-accent-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-tile-tone-accent-bg")}, var(#{ns.css-var("focus")}, #000));
-}
-
-#{ns.class("tile")}#{ns.data("tile-glyph", "accent")} {
-  color: var(#{ns.css-var("surf-tile-slot-glyph-accent")}, var(#{ns.css-var("focus")}, #000));
-}
-
-#{ns.class("rule")} {
-  border-inline-start: var(#{ns.css-var("surf-rule-root-width")}, 4px)
-  solid var(#{ns.css-var("surf-rule-root-color")}, currentColor);
-  padding-inline-start: var(#{ns.css-var("surf-rule-root-gap")}, 0.75rem);
-}
-
-#{ns.class("action-row")} {
-  display: flex;
-  align-items: center;
-  gap: var(#{ns.css-var("surf-action-row-root-gap")}, var(#{ns.css-var("gap-sm")}, 12px));
-  min-width: 0;
-  padding: var(#{ns.css-var("surf-action-row-root-padding")}, var(#{ns.css-var("gap-sm")}, 12px));
-  color: var(#{ns.css-var("surf-action-row-root-color")}, inherit);
-  background: var(#{ns.css-var("surf-action-row-root-bg")}, transparent);
-  transition: background-color var(#{ns.css-var("transition-fast")}, 180ms) ease,
-  color var(#{ns.css-var("transition-fast")}, 180ms) ease;
-}
-
-#{ns.element-class("action-row", "body")} {
-  display: grid;
-  flex: 1;
-  gap: var(#{ns.css-var("surf-action-row-body-gap")}, var(#{ns.css-var("gap-xs2")}, 4px));
-  min-width: 0;
-}
-
-#{ns.element-class("action-row", "value")} {
-  overflow-wrap: break-word;
-  color: var(#{ns.css-var("surf-action-row-value-color")}, inherit);
-  font-size: min(
-    var(#{ns.css-var("surf-action-row-value-font-size")}, 1.25rem),
-    max(0.85rem, 4.2vw)
-  );
-  font-weight: var(#{ns.css-var("surf-action-row-value-font-weight")}, 700);
-  transition: color var(#{ns.css-var("transition-fast")}, 180ms) ease;
-}
-
-#{ns.element-class("action-row", "arrow")} {
-  flex: 0 0 auto;
-  color: var(#{ns.css-var("surf-action-row-arrow-color")}, var(#{ns.css-var("text-muted")}, #666));
-  transition: color var(#{ns.css-var("transition-fast")}, 180ms) ease;
-}
-
-#{ns.element-class("action-row", "arrow")} #{ns.class("icon-glyph")} {
-  font-size: var(#{ns.css-var("surf-action-row-arrow-glyph")}, 1.25rem);
-}
-
-@media (hover: hover) and (pointer: fine) {
-  #{ns.class("action-row")}#{ns.data("interactive", "true")}:hover {
-    #{ns.css-var("text-muted")}: var(
-      #{ns.css-var("surf-action-row-state-hover-text-muted")},
-      color-mix(in srgb, currentColor 72%, transparent)
-    );
-    color: var(#{ns.css-var("surf-action-row-state-hover-color")}, inherit);
-    background: var(#{ns.css-var("surf-action-row-state-hover-bg")}, transparent);
-  }
-
-  #{ns.class("action-row")}#{ns.data("interactive", "true")}:hover
-  #{ns.element-class("action-row", "value")},
-  #{ns.class("action-row")}#{ns.data("interactive", "true")}:hover
-  #{ns.element-class("action-row", "arrow")} {
-    color: var(#{ns.css-var("surf-action-row-state-hover-color")}, inherit);
-  }
-}
-
-#{ns.class("tile")}--surface {
-  color: var(#{ns.css-var("surf-tile-tone-surface-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-tile-tone-surface-bg")}, var(#{ns.css-var("surface")}, #fff));
-}
-
-#{ns.class("tag")} {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  gap: var(#{ns.css-var("surf-tag-root-gap")}, var(#{ns.css-var("gap-xs2")}, 4px));
-  padding: var(#{ns.css-var("surf-tag-root-padding")}, 0.5rem 0.75rem);
-  border-radius: var(#{ns.css-var("surf-tag-root-radius")}, var(#{ns.css-var("radius")}, 0));
-  color: var(#{ns.css-var("surf-tag-root-color")}, var(#{ns.css-var("text")}, #000));
-  background: var(#{ns.css-var("surf-tag-root-bg")}, var(#{ns.css-var("surface-muted")}, #eee));
-  font-size: var(#{ns.css-var("surf-tag-root-font-size")}, 0.75rem);
-  font-weight: var(#{ns.css-var("surf-tag-root-font-weight")}, 700);
-  letter-spacing: var(#{ns.css-var("surf-tag-root-letter-spacing")}, normal);
-  line-height: 1;
-  text-transform: var(#{ns.css-var("surf-tag-root-text-transform")}, none);
-  white-space: nowrap;
-}
-
-#{ns.class("tag")}--inverse {
-  color: var(#{ns.css-var("surf-tag-tone-inverse-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-tag-tone-inverse-bg")}, var(#{ns.css-var("text")}, #000));
-}
-
-#{ns.class("tag")}--accent {
-  color: var(#{ns.css-var("surf-tag-tone-accent-color")}, var(#{ns.css-var("page")}, #fff));
-  background: var(#{ns.css-var("surf-tag-tone-accent-bg")}, var(#{ns.css-var("focus")}, #000));
-}

package/dist/surface/styles/track.scss

@@ -1,91 +0,0 @@
-@use "@trebired/bundler/namespace" as ns;
-
-#{ns.class("pinned-split")} {
-  display: grid;
-  gap: var(#{ns.css-var("surf-pinned-root-gap")}, var(#{ns.css-var("gap-lg")}, 40px));
-  align-items: start;
-}
-
-#{ns.element-class("pinned-split", "aside")} {
-  min-width: 0;
-}
-
-#{ns.element-class("pinned-split", "body")} {
-  min-width: 0;
-}
-
-@media (min-width: 900px) {
-  #{ns.class("pinned-split")} {
-    grid-template-columns: var(#{ns.css-var("surf-pinned-aside-width")}, minmax(0, 20rem)) minmax(0, 1fr);
-  }
-
-  #{ns.element-class("pinned-split", "aside")} {
-    position: sticky;
-    top: var(#{ns.css-var("surf-pinned-aside-top")}, 7rem);
-  }
-
-  #{ns.data("pinned-aside", "end")} {
-    grid-template-columns: minmax(0, 1fr) var(#{ns.css-var("surf-pinned-aside-width")}, minmax(0, 20rem));
-  }
-
-  #{ns.data("pinned-aside", "end")} #{ns.element-class("pinned-split", "aside")} {
-    order: 2;
-  }
-}
-
-#{ns.class("track")} {
-  display: grid;
-  gap: var(#{ns.css-var("surf-track-root-gap")}, var(#{ns.css-var("gap-lg")}, 40px));
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-#{ns.element-class("track", "item")} {
-  position: relative;
-  display: grid;
-  grid-template-columns: var(#{ns.css-var("surf-track-mark-size")}, 2.5rem) minmax(0, 1fr);
-  gap: var(#{ns.css-var("surf-track-item-gap")}, var(#{ns.css-var("gap-md")}, 24px));
-  align-items: start;
-}
-
-#{ns.element-class("track", "item")}::before {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-start: calc(var(#{ns.css-var("surf-track-mark-size")}, 2.5rem) / 2);
-  width: var(#{ns.css-var("border-width")}, 1px);
-  background: var(#{ns.css-var("border")}, currentColor);
-  content: "";
-  translate: -50% 0;
-}
-
-#{ns.element-class("track", "item")}:last-child::before {
-  inset-block-end: auto;
-  height: var(#{ns.css-var("surf-track-mark-size")}, 2.5rem);
-}
-
-#{ns.element-class("track", "mark")} {
-  position: relative;
-  z-index: 1;
-  display: grid;
-  width: var(#{ns.css-var("surf-track-mark-size")}, 2.5rem);
-  height: var(#{ns.css-var("surf-track-mark-size")}, 2.5rem);
-  place-items: center;
-  border: var(#{ns.css-var("border-width")}, 1px) solid var(#{ns.css-var("border")}, currentColor);
-  border-radius: 50%;
-  color: var(#{ns.css-var("text")}, currentColor);
-  background: var(#{ns.css-var("page")}, canvas);
-  font-size: var(#{ns.css-var("surf-track-mark-font-size")}, 0.8rem);
-}
-
-#{ns.element-class("track", "body")} {
-  display: grid;
-  gap: var(#{ns.css-var("surf-track-body-gap")}, var(#{ns.css-var("gap-xs")}, 8px));
-  min-width: 0;
-  padding-block-end: var(#{ns.css-var("surf-track-body-pb")}, var(#{ns.css-var("gap-sm")}, 12px));
-}
-
-#{ns.element-class("track", "body")} > * {
-  min-width: 0;
-  overflow-wrap: break-word;
-}