@trebired/frontend 27.0.0 → 28.0.0

package/dist/layout/styles/outline.scss

@@ -4,13 +4,15 @@
   @return var(#{ns.css-var("shell-outline-" + $name)}, $fallback);
 }
 
-$anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset")}, 0px));
+$marker-motion: token("marker-duration", 320ms) token("marker-easing", cubic-bezier(0.22, 1, 0.36, 1));
+$anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("anchor-top")}, 0px));
 
 #{ns.class("page-outline")} {
   display: block;
 }
 
 #{ns.element-class("page-outline", "list")} {
+  position: relative;
   display: grid;
   gap: token("gap", var(#{ns.css-var("gap-xs")}, 8px));
   margin: 0;
@@ -22,7 +24,30 @@ $anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset
   );
 }
 
-#{ns.element-class("page-outline", "link")} {
+#{ns.element-class("page-outline", "list")}::before {
+  content: "";
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  width: token("marker-width", 2px);
+  height: var(#{ns.css-var("outline-marker-height")}, 0);
+  background: token("link-active-border-color", currentColor);
+  translate: 0 var(#{ns.css-var("outline-marker-top")}, 0);
+}
+
+#{ns.data("outline-ready", "true")}::before {
+  transition:
+  translate $marker-motion,
+  height $marker-motion;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  #{ns.data("outline-ready", "true")}::before {
+    transition: none;
+  }
+}
+
+#{ns.class("page-outline")} #{ns.element-class("page-outline", "link")} {
   display: block;
   max-width: token("max-width", 100%);
   padding-block: token("link-py", 0.15rem);
@@ -35,14 +60,13 @@ $anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset
   transition: color var(#{ns.css-var("tone-change")}), border-color var(#{ns.css-var("tone-change")});
 }
 
-#{ns.element-class("page-outline", "link")}:hover,
+#{ns.class("page-outline")} #{ns.element-class("page-outline", "link")}:hover,
 
-#{ns.element-class("page-outline", "link")}:focus-visible {
+#{ns.class("page-outline")} #{ns.element-class("page-outline", "link")}:focus-visible {
   color: token("link-hover-color", currentColor);
 }
 
-#{ns.element-class("page-outline", "link")}[aria-current="true"] {
-  border-inline-start-color: token("link-active-border-color", currentColor);
+#{ns.class("page-outline")} #{ns.element-class("page-outline", "link")}[aria-current="true"] {
   color: token("link-active-color", currentColor);
 }
 
@@ -56,8 +80,23 @@ $anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset
   display: none;
 }
 
+#{ns.element-class("page-outline-layout", "rail")}:has(> #{ns.element-class("page-outline-layout", "aside")}) {
+  display: block;
+}
+
+#{ns.element-class("page-outline-layout", "rail")} > #{ns.class("page-outline")} {
+  display: none;
+}
+
+#{ns.element-class("page-outline-layout", "aside")} {
+  display: grid;
+  gap: token("aside-gap", var(#{ns.css-var("gap-md")}, 24px));
+  grid-template-columns: minmax(0, 1fr);
+}
+
 #{ns.element-class("page-outline-layout", "content")} {
   min-width: 0;
+  padding-inline-start: token("layout-content-px", 0);
 }
 
 @media (min-width: 1024px) {
@@ -65,6 +104,23 @@ $anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset
     grid-template-columns: token("layout-column", 13rem) minmax(0, 1fr);
   }
 
+  #{ns.element-class("page-outline-layout", "content")} {
+    padding-inline-start: token(
+      "layout-content-px",
+      var(#{ns.css-var("typography-indent-size")}, var(#{ns.css-var("gap-md")}, 24px))
+    );
+  }
+
+  #{ns.element-class("page-outline-layout", "rail")} > #{ns.class("page-outline")} {
+    display: block;
+  }
+
+  #{ns.element-class("page-outline-layout", "rail")}:has(> #{ns.class("page-outline")}):has(> #{ns.element-class("page-outline-layout", "aside")}) {
+    display: grid;
+    align-content: start;
+    gap: token("aside-gap", var(#{ns.css-var("gap-lg")}, 32px));
+  }
+
   #{ns.element-class("page-outline-layout", "rail")} {
     position: sticky;
     display: block;
@@ -72,5 +128,73 @@ $anchor: var(#{ns.css-var("anchor-offset")}, var(#{ns.css-var("layout-top-offset
     inset-block-start: calc(#{$anchor} + token("offset", 1.5rem));
     overflow-y: auto;
     max-block-size: calc(100vh - #{$anchor} - token("offset", 1.5rem) * 2);
+    scrollbar-width: none;
+  }
+
+}
+
+$gutter: token("frame-gutter", var(#{ns.css-var("container-px")}, 24px));
+$measure: token("frame-measure", 72rem);
+$column: token("layout-column", 13rem);
+$gap: token("layout-gap", var(#{ns.css-var("gap-lg")}, 32px));
+
+#{ns.class("page-outline-layout--frame")} {
+  display: grid;
+  gap: 0;
+  grid-template-columns:
+  [full-start] minmax(#{$gutter}, 1fr)
+  [content-start] minmax(0, #{$measure}) [content-end]
+  minmax(#{$gutter}, 1fr) [full-end];
+}
+
+#{ns.class("page-outline-layout--frame")} > #{ns.element-class("page-outline-layout", "track")} {
+  grid-column: content-start / content-end;
+}
+
+$track: "#{ns.class("page-outline-layout--frame")} > #{ns.element-class("page-outline-layout", "track")}";
+
+#{$track}:has(#{ns.element-class("page-outline-layout", "aside")}) {
+  padding-block: token("frame-aside-py", var(#{ns.css-var("gap-lg")}, 32px));
+}
+
+#{ns.class("page-outline-layout--frame")} > #{ns.element-class("page-outline-layout", "content")},
+
+#{ns.class("page-outline-layout--frame")} #{ns.data("document")} {
+  display: contents;
+  padding-inline-start: 0;
+}
+
+#{ns.class("page-outline-layout--frame")} #{ns.class("document-chapter")} {
+  display: grid;
+  grid-column: full-start / full-end;
+  grid-template-columns: subgrid;
+}
+
+#{ns.class("page-outline-layout--frame")} #{ns.element-class("document-chapter", "inner")} {
+  min-width: 0;
+  grid-column: content-start / content-end;
+}
+
+$railed: "#{ns.class("page-outline-layout--frame")}:has(> #{ns.element-class("page-outline-layout", "track")})";
+
+@media (min-width: 1024px) {
+  #{$railed} {
+    grid-template-columns:
+    [full-start] minmax(#{$gutter}, 1fr)
+    [rail-start] #{$column} [rail-end]
+    #{$gap}
+    [content-start] minmax(0, calc(#{$measure} - #{$column} - #{$gap})) [content-end]
+    minmax(#{$gutter}, 1fr) [full-end];
+  }
+
+  #{$railed} {
+    position: relative;
+  }
+
+  #{$railed} > #{ns.element-class("page-outline-layout", "track")} {
+    position: absolute;
+    inset-block: 0;
+    grid-column: rail-start / rail-end;
+    padding-block: token("frame-offset", 0);
   }
 }

package/dist/layout/styles/{site-footer.scss → site/footer.scss}

@@ -1,5 +1,5 @@
 @use "@trebired/bundler/namespace" as ns;
-@use "./../../styles/utils/tone" as tone;
+@use "./../../../styles/utils/tone" as tone;
 
 #{ns.data("site-footer-root")} {
   display: contents;
@@ -94,18 +94,6 @@
   gap: var(#{ns.css-var("shell-footer-column-gap")}, var(#{ns.css-var("gap-sm")}, 12px));
 }
 
-#{ns.element-class("site-footer", "heading")} {
-  color: var(
-    #{ns.css-var("shell-footer-heading-color")},
-    color-mix(in srgb, var(#{ns.css-var("text")}, currentColor) 85%, transparent)
-  );
-  font-family: var(#{ns.css-var("shell-footer-heading-font-family")}, inherit);
-  font-size: var(#{ns.css-var("shell-footer-heading-font-size")}, 0.72rem);
-  font-weight: var(#{ns.css-var("shell-footer-heading-font-weight")}, 600);
-  letter-spacing: var(#{ns.css-var("shell-footer-heading-letter-spacing")}, normal);
-  text-transform: var(#{ns.css-var("shell-footer-heading-text-transform")}, uppercase);
-}
-
 #{ns.element-class("site-footer", "social")} {
   display: flex;
   flex-wrap: wrap;
@@ -145,23 +133,6 @@
   gap: var(#{ns.css-var("shell-footer-links-gap")}, var(#{ns.css-var("gap-sm")}, 12px));
 }
 
-#{ns.element-class("site-footer", "link")} {
-  color: var(
-    #{ns.css-var("shell-footer-link-color")},
-    color-mix(in srgb, currentColor 70%, transparent)
-  );
-}
-
-#{ns.element-class("site-footer", "link")}[aria-current="page"] {
-  color: var(#{ns.css-var("shell-footer-link-active-color")}, inherit);
-}
-
-#{ns.element-class("site-footer", "link")}:hover,
-
-#{ns.element-class("site-footer", "link")}:focus-visible {
-  color: var(#{ns.css-var("shell-footer-link-hover-color")}, var(#{ns.css-var("text")}, currentColor));
-}
-
 #{ns.element-class("site-footer", "note")} {
   display: flex;
   flex-wrap: wrap;

package/dist/layout/styles/{site-header.scss → site/header.scss}

@@ -1,5 +1,5 @@
 @use "@trebired/bundler/namespace" as ns;
-@use "./../../styles/utils/tone" as tone;
+@use "./../../../styles/utils/tone" as tone;
 
 @function token($name, $fallback) {
   @return var(#{ns.css-var("shell-header-" + $name)}, $fallback);
@@ -31,12 +31,17 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   background-color $tone-motion;
 }
 
+@mixin band($gutter) {
+  max-width: calc(#{token("max-width", 72rem)} + #{$gutter} * 2);
+  padding-inline: $gutter;
+}
+
 #{ns.element-class("site-header", "bar")} {
   width: 100%;
-  max-width: token("max-width", 72rem);
   box-sizing: border-box;
   margin-inline: auto;
-  padding-inline: 1.5rem;
+
+  @include band(token("bar-px", var(#{ns.css-var("container-px")}, 1.5rem)));
 }
 
 #{ns.element-class("site-header", "bar")} {
@@ -92,11 +97,10 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
 
 #{ns.element-class("site-header", "nav")} {
   gap: token("nav-gap", 0.25rem);
+  font-size: 0.875rem;
 }
 
-#{ns.element-class("site-header", "nav")} #{ns.element-class("site-header", "link")},
-
-#{ns.element-class("site-header", "nav")} #{ns.element-class("site-header", "nav-trigger")} {
+#{ns.element-class("site-header", "nav")} > * {
   white-space: nowrap;
 }
 
@@ -119,79 +123,18 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   display: flex;
 }
 
-#{ns.element-class("site-header", "link")} {
-  font-size: 0.875rem;
-  font-weight: token("link-font-weight", 500);
-  letter-spacing: token("link-letter-spacing", normal);
-  text-decoration: none;
-  text-transform: token("link-text-transform", none);
-  transition:
-  color var(#{ns.css-var("tone-change")}),
-  background-color var(#{ns.css-var("transition-fast")}, 160ms) ease;
-}
-
-#{ns.element-class("site-header", "link")} {
-  padding: token("link-padding", 0.5rem 0.75rem);
-  border-radius: token("link-radius", 0.5rem);
-}
-
 #{ns.element-class("site-header", "nav-trigger")},
 
 #{ns.class("button")}#{ns.element-class("site-header", "nav-trigger")} {
-  padding: token("link-padding", 0.5rem 0.75rem);
+  padding: 0;
   border: 0;
-  border-radius: token("link-radius", 0.5rem);
-  color: token("link-color", currentColor);
   background: transparent;
-  font-size: 0.875rem;
-  font-weight: token("link-font-weight", 500);
-  letter-spacing: token("link-letter-spacing", normal);
-  text-transform: token("link-text-transform", none);
+  font: inherit;
   transition:
   color var(#{ns.css-var("tone-change")}),
   background-color var(#{ns.css-var("transition-fast")}, 160ms) ease;
 }
 
-#{ns.class("button")}#{ns.element-class("site-header", "nav-trigger")}:hover,
-
-#{ns.class("button")}#{ns.element-class("site-header", "nav-trigger")}[aria-expanded="true"],
-
-#{ns.class("button")}#{ns.element-class("site-header", "nav-trigger")}[aria-current="true"] {
-  color: token("link-hover-color", var(#{ns.css-var("text")}, currentColor));
-  background: token("link-hover-bg", transparent);
-}
-
-#{ns.element-class("site-header", "link")}:hover {
-  color: token("link-hover-color", var(#{ns.css-var("text")}, currentColor));
-  background: token("link-hover-bg", transparent);
-}
-
-#{ns.element-class("site-header", "link")}[aria-current="page"] {
-  color: token("link-active-color", token("link-hover-color", var(#{ns.css-var("text")}, #000)));
-  background: token("link-active-bg", token("link-hover-bg", transparent));
-  font-weight: token("link-active-font-weight", token("link-font-weight", 500));
-  text-decoration: token("link-active-decoration", none);
-  text-decoration-color: token("link-active-decoration-color", currentColor);
-  text-underline-offset: token("link-active-underline-offset", 0.25rem);
-}
-
-#{ns.element-class("site-header", "nav-trigger")} #{ns.element-class("site-header", "link-label")} {
-  color: color-mix(in srgb, currentColor 78%, transparent);
-}
-
-#{ns.element-class("site-header", "nav-trigger")}:hover #{ns.element-class("site-header", "link-label")},
-
-#{ns.element-class("site-header", "nav-trigger")}[aria-expanded="true"] #{ns.element-class("site-header", "link-label")},
-
-#{ns.element-class("site-header", "nav-trigger")}[aria-current="true"] #{ns.element-class("site-header", "link-label")} {
-  color: currentColor;
-}
-
-#{ns.element-class("site-header", "link-label")} {
-  display: inline-block;
-  position: relative;
-}
-
 #{ns.element-class("site-header", "toggle")} {
   display: inline-flex;
   width: 3rem;
@@ -314,6 +257,6 @@ html:not(#{ns.data("header-tone")}) body:has(main > #{ns.data("dark")}:first-chi
 
 @media (min-width: 768px) {
   #{ns.element-class("site-header", "bar")} {
-    padding-inline: 1rem;
+    @include band(token("bar-px-wide", token("bar-px", var(#{ns.css-var("container-px")}, 1rem))));
   }
 }

package/dist/layout/styles/site/menu.scss

@@ -6,12 +6,17 @@
 
 $motion: token("motion-duration", 500ms) token("motion-easing", cubic-bezier(0.22, 1, 0.36, 1));
 $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.22, 1, 0.36, 1));
+@mixin band($gutter) {
+  max-width: calc(#{token("max-width", 72rem)} + #{$gutter} * 2);
+  padding-inline: $gutter;
+}
+
 #{ns.element-class("site-header", "menu-content")} {
   width: 100%;
-  max-width: token("max-width", 72rem);
   box-sizing: border-box;
   margin-inline: auto;
-  padding-inline: 1.5rem;
+
+  @include band(token("bar-px", var(#{ns.css-var("container-px")}, 1.5rem)));
 }
 
 #{ns.element-class("site-header", "menu-group")} {
@@ -57,12 +62,15 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
   text-transform: token("menu-group-label-text-transform", none);
 }
 
-#{ns.element-class("site-header", "menu")} #{ns.element-class("site-header", "link")} {
+#{ns.element-class("site-header", "menu-links")} > *,
+
+#{ns.element-class("site-header", "menu-group-links")} > * {
   width: 100%;
   padding-block: token("menu-link-py", 0);
 }
 
 #{ns.element-class("site-header", "menu")} {
+  font-size: 0.875rem;
   position: absolute;
   inset-inline: 0;
   inset-block-start: 100%;
@@ -137,7 +145,7 @@ $tone-motion: token("tone-duration", 320ms) token("tone-easing", cubic-bezier(0.
 
 @media (min-width: 768px) {
   #{ns.element-class("site-header", "menu-content")} {
-    padding-inline: 1rem;
+    @include band(token("bar-px-wide", token("bar-px", var(#{ns.css-var("container-px")}, 1rem))));
   }
 
   #{ns.element-class("site-header", "toggle")},

package/dist/live/components/index.d.ts

@@ -12,13 +12,16 @@ type LiveIslandMountProps = {
     children?: ReactNode;
     rootAttr?: string;
     rootId?: string;
+};
+type LiveIslandStateProps = {
     state?: unknown;
     stateId: string;
 };
 declare function LiveRegion(props: LiveRegionProps): import("react").JSX.Element;
 declare function LiveRefreshButton(props: LiveRefreshButtonProps): import("react").JSX.Element;
+declare function LiveIslandState(props: LiveIslandStateProps): import("react").JSX.Element;
 declare function LiveIslandMount(props: LiveIslandMountProps): import("react").JSX.Element;
 declare function live_island_mount(props: LiveIslandMountProps): import("react").JSX.Element;
-export { LiveIslandMount, LiveRefreshButton, LiveRegion, live_island_mount };
-export type { LiveIslandMountProps, LiveRefreshButtonProps, LiveRegionProps };
+export { LiveIslandMount, LiveIslandState, LiveRefreshButton, LiveRegion, live_island_mount };
+export type { LiveIslandMountProps, LiveIslandStateProps, LiveRefreshButtonProps, LiveRegionProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/live/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/live/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7E,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACnD,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAYzC;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAavD;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAwBnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,oBAAoB,+BAErD;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;AAC7E,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/live/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7E,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACnD,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AACF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAYzC;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAavD;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BASnD;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAcnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,oBAAoB,+BAErD;AAED,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;AAC9F,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}

package/dist/live/components/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames, dataBool, jsonScript } from "../../components/index.js";
 import { frontendClassName, frontendDataAttr, frontendDataAttrs } from "../../namespace/index.js";
 function LiveRegion(props) {
@@ -9,15 +9,17 @@ function LiveRefreshButton(props) {
     const { children, className, type = "button", url, ...rest } = props;
     return (_jsx("button", { ...rest, className: classNames(frontendClassName("button"), className), ...frontendDataAttrs({ "live-refresh": "" }), ...frontendDataAttrs({ "live-url": url }), type: type, children: children }));
 }
+function LiveIslandState(props) {
+    const state = props.state && typeof props.state === "object" ? props.state : {};
+    return (_jsx("script", { type: "application/json", id: String(props.stateId || "").trim(), dangerouslySetInnerHTML: { __html: jsonScript(state) } }));
+}
 function LiveIslandMount(props) {
     const rootAttr = String(props.rootAttr || frontendDataAttr("live-island-root")).trim() ||
         frontendDataAttr("live-island-root");
-    const stateId = String(props.stateId || "").trim();
-    const state = props.state && typeof props.state === "object" ? props.state : {};
-    return (_jsxs(_Fragment, { children: [_jsx("script", { type: "application/json", id: stateId, dangerouslySetInnerHTML: { __html: jsonScript(state) } }), _jsx("div", { id: String(props.rootId || "").trim() || undefined, [rootAttr]: "", ...frontendDataAttrs({ "live-island-root": "" }), ...frontendDataAttrs({ "live-island-hydrated": "false" }), children: props.children })] }));
+    return (_jsx("div", { id: String(props.rootId || "").trim() || undefined, [rootAttr]: "", ...frontendDataAttrs({ "live-island-root": "" }), ...frontendDataAttrs({ "live-island-hydrated": "false" }), children: props.children }));
 }
 function live_island_mount(props) {
     return _jsx(LiveIslandMount, { ...props });
 }
-export { LiveIslandMount, LiveRefreshButton, LiveRegion, live_island_mount };
+export { LiveIslandMount, LiveIslandState, LiveRefreshButton, LiveRegion, live_island_mount };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/live/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAoBvF,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClF,OAAO,CACL,KAAC,GAAG,OACA,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,KAC9D,iBAAiB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,KAC5C,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,YAErD,QAAQ,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,KACzD,iBAAiB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,KACzC,iBAAiB,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAC1C,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,QAAQ,GACd,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,EAAE;QACnE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GACX,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,OAAO,CACL,8BACA,iBACA,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,OAAO,EACX,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,GACpD,EACF,cACA,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS,EAC5C,CAAC,QAAQ,CAAC,EAAE,EAAE,KAChB,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,KAC7C,iBAAiB,CAAC,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,YAEzD,KAAK,CAAC,QAAQ,GACT,IACH,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA2B;IACpD,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/live/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAuBvF,SAAS,UAAU,CAAC,KAAsB;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClF,OAAO,CACL,KAAC,GAAG,OACA,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,KAC9D,iBAAiB,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,KAC5C,iBAAiB,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,YAErD,QAAQ,GACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA6B;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,OAAO,CACL,oBACI,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,KACzD,iBAAiB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,KACzC,iBAAiB,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAC1C,IAAI,EAAE,IAAI,YAET,QAAQ,GACA,CACV,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,OAAO,CACL,iBACA,IAAI,EAAC,kBAAkB,EACvB,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EACtC,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,GACpD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAA2B;IAClD,MAAM,QAAQ,GACd,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,EAAE;QACnE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACvC,OAAO,CACL,cACA,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS,EAC5C,CAAC,QAAQ,CAAC,EAAE,EAAE,KAChB,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,KAC7C,iBAAiB,CAAC,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,YAEzD,KAAK,CAAC,QAAQ,GACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA2B;IACpD,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/live/lazy.d.ts

@@ -0,0 +1,4 @@
+import type { BindRoot } from "./../dom/index.js";
+import { type LiveSubscribe } from "./index.js";
+export declare function bind(scope: BindRoot, subscribe?: LiveSubscribe): void;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/live/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/live/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAgC,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9E,wBAAgB,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,aAAa,QAG9D"}

package/dist/live/lazy.js

@@ -0,0 +1,6 @@
+import { bindLiveCards, bindLiveLists } from "./index.js";
+export function bind(scope, subscribe) {
+    bindLiveCards(scope, { subscribe });
+    bindLiveLists(scope, { subscribe });
+}
+//# sourceMappingURL=lazy.js.map

package/dist/live/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../../src/live/lazy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAsB,MAAM,YAAY,CAAC;AAE9E,MAAM,UAAU,IAAI,CAAC,KAAe,EAAE,SAAyB;IAC7D,aAAa,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IACpC,aAAa,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;AACtC,CAAC"}

package/dist/logs/lazy.d.ts

@@ -0,0 +1,3 @@
+import type { BindRoot } from "./../dom/index.js";
+export declare function bind(scope: BindRoot): void;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/logs/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/logs/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,wBAAgB,IAAI,CAAC,KAAK,EAAE,QAAQ,QAEnC"}

package/dist/logs/lazy.js

@@ -0,0 +1,5 @@
+import { bindLogsRuntime } from "./index.js";
+export function bind(scope) {
+    bindLogsRuntime(scope);
+}
+//# sourceMappingURL=lazy.js.map

package/dist/logs/lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../../src/logs/lazy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,UAAU,IAAI,CAAC,KAAe;IAClC,eAAe,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}

package/dist/namespace/index.d.ts

@@ -3,6 +3,7 @@ type FrontendCssVarName = `--${string}`;
 type FrontendDataAttrName = `data-${string}`;
 type FrontendDataAttrs = Record<FrontendDataAttrName, FrontendNamespaceValue | null | undefined>;
 declare const FRONTEND_PREFIX = "tbf";
+declare const FRONTEND_CONTAINER_PREFIX = "tbfm";
 declare function frontendClassName(name: string): string;
 declare function frontendElementClass(block: string, element: string): string;
 declare function frontendClassNames(...names: string[]): string;
@@ -15,5 +16,5 @@ declare function frontendCssVarRef(name: string, fallback?: string): string;
 declare function frontendEventName(name: string): string;
 declare function frontendMarkerName(name: string): string;
 declare function frontendToken(name: string): string;
-export { FRONTEND_PREFIX, frontendClassName, frontendClassNames, frontendCssVar, frontendCssVarRef, frontendDataAttr, frontendDataAttrs, frontendDataSelector, frontendElementClass, frontendEventName, frontendMarkerName, frontendModifierClass, frontendToken, };
+export { FRONTEND_CONTAINER_PREFIX, FRONTEND_PREFIX, frontendClassName, frontendClassNames, frontendCssVar, frontendCssVarRef, frontendDataAttr, frontendDataAttrs, frontendDataSelector, frontendElementClass, frontendEventName, frontendMarkerName, frontendModifierClass, frontendToken, };
 //# sourceMappingURL=index.d.ts.map

package/dist/namespace/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/namespace/index.ts"],"names":[],"mappings":"AAeA,KAAK,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACxD,KAAK,kBAAkB,GAAG,KAAK,MAAM,EAAE,CAAC;AACxC,KAAK,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAC7C,KAAK,iBAAiB,GAAG,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,GAAC,IAAI,GAAC,SAAS,CAAC,CAAC;AAE7F,QAAA,MAAM,eAAe,QAAmB,CAAC;AAEzC,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,iBAAS,kBAAkB,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAEtD;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB,CAE5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAC,IAAI,GAAC,SAAS,CAAC,GAAG,iBAAiB,CAE1G;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAErF;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,CAExD;AAED,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIhD;AAED,iBAAS,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3C;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/namespace/index.ts"],"names":[],"mappings":"AAeA,KAAK,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACxD,KAAK,kBAAkB,GAAG,KAAK,MAAM,EAAE,CAAC;AACxC,KAAK,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAC7C,KAAK,iBAAiB,GAAG,MAAM,CAAC,oBAAoB,EAAE,sBAAsB,GAAC,IAAI,GAAC,SAAS,CAAC,CAAC;AAE7F,QAAA,MAAM,eAAe,QAAmB,CAAC;AAEzC,QAAA,MAAM,yBAAyB,SAAyB,CAAC;AAEzD,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,iBAAS,kBAAkB,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAEtD;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,oBAAoB,CAE5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAC,IAAI,GAAC,SAAS,CAAC,GAAG,iBAAiB,CAE1G;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAErF;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,CAExD;AAED,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAElE;AAED,iBAAS,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE/C;AAED,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIhD;AAED,iBAAS,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3C;AAED,OAAO,EACL,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,GACd,CAAC"}

package/dist/namespace/index.js

@@ -1,6 +1,7 @@
 import { NAMESPACE_PREFIX, className, cssVar, cssVarRef, dataAttr, dataAttrs, dataSelector, elementClass, eventName, modifierClass, token, } from "./generated.js";
 import { frontendCssTokenName } from "./css-var.js";
 const FRONTEND_PREFIX = NAMESPACE_PREFIX;
+const FRONTEND_CONTAINER_PREFIX = `${NAMESPACE_PREFIX}m`;
 function frontendClassName(name) {
     return className(name);
 }
@@ -40,5 +41,5 @@ function frontendMarkerName(name) {
 function frontendToken(name) {
     return token(name);
 }
-export { FRONTEND_PREFIX, frontendClassName, frontendClassNames, frontendCssVar, frontendCssVarRef, frontendDataAttr, frontendDataAttrs, frontendDataSelector, frontendElementClass, frontendEventName, frontendMarkerName, frontendModifierClass, frontendToken, };
+export { FRONTEND_CONTAINER_PREFIX, FRONTEND_PREFIX, frontendClassName, frontendClassNames, frontendCssVar, frontendCssVarRef, frontendDataAttr, frontendDataAttrs, frontendDataSelector, frontendElementClass, frontendEventName, frontendMarkerName, frontendModifierClass, frontendToken, };
 //# sourceMappingURL=index.js.map

package/dist/namespace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/namespace/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,aAAa,EACb,KAAK,GACN,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAEzC,SAAS,iBAAiB,CAAC,IAAY;IACrC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAa,EAAE,OAAe;IAC1D,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACtC,CAAC;AAED,SAAS,kBAAkB,CAAC,GAAG,KAAe;IAC5C,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxE,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,QAAgB;IAC5D,OAAO,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAY;IACpC,OAAO,QAAQ,CAAC,IAAI,CAAyB,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA4D;IACrF,OAAO,SAAS,CAAC,KAAK,CAAsB,CAAC;AAC/C,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY,EAAE,KAAiC;IAC3E,OAAO,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAuB,CAAC;AAClE,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY,EAAE,QAAiB;IACxD,OAAO,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY;IACrC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAY;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IACvE,OAAO,GAAG,eAAe,IAAI,MAAM,EAAE,CAAC;AACxC,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,GACd,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/namespace/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,aAAa,EACb,KAAK,GACN,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOpD,MAAM,eAAe,GAAG,gBAAgB,CAAC;AAEzC,MAAM,yBAAyB,GAAG,GAAG,gBAAgB,GAAG,CAAC;AAEzD,SAAS,iBAAiB,CAAC,IAAY;IACrC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAa,EAAE,OAAe;IAC1D,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACtC,CAAC;AAED,SAAS,kBAAkB,CAAC,GAAG,KAAe;IAC5C,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxE,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAa,EAAE,QAAgB;IAC5D,OAAO,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAY;IACpC,OAAO,QAAQ,CAAC,IAAI,CAAyB,CAAC;AAChD,CAAC;AAED,SAAS,iBAAiB,CAAC,KAA4D;IACrF,OAAO,SAAS,CAAC,KAAK,CAAsB,CAAC;AAC/C,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY,EAAE,KAAiC;IAC3E,OAAO,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAuB,CAAC;AAClE,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY,EAAE,QAAiB;IACxD,OAAO,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY;IACrC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAY;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IACvE,OAAO,GAAG,eAAe,IAAI,MAAM,EAAE,CAAC;AACxC,CAAC;AAED,SAAS,aAAa,CAAC,IAAY;IACjC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC;AAED,OAAO,EACL,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,GACd,CAAC"}

package/dist/primitives/styles/_controls.scss

@@ -319,7 +319,10 @@
         #{ns.css-var("ui-btn-variants-chrome-state-hover-bg")},
         color-mix(in srgb, currentColor 8%, transparent)
       );
-      border-color: var(#{ns.css-var("ui-btn-variants-chrome-state-hover-border")}, currentColor);
+      border-color: var(
+        #{ns.css-var("ui-btn-variants-chrome-state-hover-border")},
+        color-mix(in srgb, currentColor 42%, transparent)
+      );
       color: var(#{ns.css-var("ui-btn-variants-chrome-state-hover-color")}, currentColor);
     }
   }

package/dist/primitives/styles/_display.scss

@@ -61,35 +61,6 @@
   min-height: 0;
 }
 
-#{ns.class("text-link")} {
-  color: var(
-    #{ns.css-var("ui-link-root-color")},
-    var(--text-color-muted, var(#{ns.css-var("text-muted")}, var(#{ns.css-var("text")}, currentColor)))
-  );
-  font-weight: var(#{ns.css-var("ui-link-root-font-weight")}, inherit);
-  text-decoration-line: var(#{ns.css-var("ui-link-root-decoration-line")}, underline);
-  text-decoration-color: var(#{ns.css-var("ui-link-root-decoration-color")}, currentColor);
-  text-decoration-style: var(#{ns.css-var("ui-link-root-decoration-style")}, solid);
-  text-decoration-thickness: var(#{ns.css-var("ui-link-root-decoration-thickness")}, 1px);
-  text-underline-offset: var(#{ns.css-var("ui-link-root-underline-offset")}, 3px);
-  transition: var(
-    #{ns.css-var("ui-link-root-transition")},
-    color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease),
-    text-decoration-color var(#{ns.css-var("transition-fast")}, 180ms) var(#{ns.css-var("transition-easing")}, ease)
-  );
-}
-
-#{ns.class("text-link")}:hover,
-
-#{ns.class("text-link")}:focus {
-  color: var(#{ns.css-var("ui-link-state-hover-color")}, var(--text-color, var(#{ns.css-var("text")}, currentColor)));
-  text-decoration-color: var(#{ns.css-var("ui-link-state-hover-decoration-color")}, currentColor);
-  text-decoration-style: var(
-    #{ns.css-var("ui-link-state-hover-decoration-style")},
-    var(#{ns.css-var("ui-link-root-decoration-style")}, solid)
-  );
-}
-
 #{ns.data("table")} {
   width: 100%;
   border-collapse: collapse;