barua-ui 0.4.0 → 0.4.2

package/css/components/nav.css

@@ -522,6 +522,11 @@
   }
 
   /* Dropdown wrapper (CSS-only open via <details>) */
+  /* A menu used as a listbox can hold a long list — twenty blocks of a serial,
+     every region — so it scrolls inside itself rather than running off the
+     card or the screen. */
+  .b-menu[role="listbox"] { max-block-size: min(18rem, 50dvh); overflow-y: auto; overscroll-behavior: contain; }
+
   .b-dropdown { position: relative; display: inline-block; }
   .b-dropdown > summary { list-style: none; cursor: pointer; }
   .b-dropdown > summary::-webkit-details-marker { display: none; }

package/css/liquid.css

@@ -41,7 +41,7 @@
 
   /* ---- Chrome: bars, sidebars, rails, status ------------------------------- */
   [data-glass="liquid"] :is(.b-topnav, .b-bottomnav, .b-mobile-header,
-    .b-mobile-toolbar, .b-statusbar) {
+    .b-mobile-toolbar, .b-statusbar, .b-marketing-nav) {
     background: light-dark(rgba(250, 251, 254, 0.45), rgba(20, 20, 26, 0.45));
     -webkit-backdrop-filter: var(--b-glass-heavy);
     backdrop-filter: var(--b-glass-heavy);
@@ -198,6 +198,17 @@
   }
 
   /* ---- Feedback ------------------------------------------------------------------ */
+  [data-glass="liquid"] .b-spinner {
+    border-color: var(--b-lg-border);
+    border-top-color: var(--b-color-accent);
+    box-shadow: var(--b-glass-edge);
+  }
+  [data-glass="liquid"] .b-btn.is-loading::after { border-color: var(--b-lg-border); border-top-color: currentColor; }
+  [data-glass="liquid"] .b-btn--primary.is-loading::after { border-color: rgba(255, 255, 255, 0.35); border-top-color: #fff; }
+
+  /* ---- Media ------------------------------------------------------------------------- */
+  [data-glass="liquid"] .b-poster__frame { box-shadow: var(--b-glass-edge); }
+  [data-glass="liquid"] .b-billboard__actions .b-badge { background: var(--b-lg-pane); box-shadow: var(--b-glass-edge); }
   [data-glass="liquid"] .b-alert {
     -webkit-backdrop-filter: var(--b-glass-light);
     backdrop-filter: var(--b-glass-light);

package/css/utilities.css

@@ -174,6 +174,9 @@
   /* A row inside a sideways scroll area is meant to overflow: it keeps its
      content's width instead of squeezing every item to fit. */
   .b-scroll-area--x > .b-hstack { width: max-content; min-width: 100%; }
+  /* …and is scrolled by thumb or wheel, so it carries no scrollbar of its own. */
+  .b-scroll-area--x:has(> .b-hstack) { scrollbar-width: none; }
+  .b-scroll-area--x:has(> .b-hstack)::-webkit-scrollbar { display: none; }
   .b-scroll-area--y { overflow: hidden auto; }
   .b-scroll-area--fade {
     mask-image: linear-gradient(to bottom, transparent, black var(--b-space-4),

package/dist/index.cjs

@@ -1281,6 +1281,7 @@ var iconNames = [
   "doc",
   "download",
   "drop",
+  "film",
   "filter",
   "flame",
   "folder",
@@ -1320,6 +1321,7 @@ var iconNames = [
   "star",
   "sun",
   "trash",
+  "tv",
   "warning",
   "waveform",
   "wifi"
@@ -1360,6 +1362,10 @@ var GLYPHS = {
   ] }),
   "download": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 3.5v9M6.5 9.5l3.5 3 3.5-3M4 16.5h12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
   "drop": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 2.8C7.7 6 5.5 8.6 5.5 11.4a4.5 4.5 0 0 0 9 0c0-2.8-2.2-5.4-4.5-8.6Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }),
+  "film": /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 8.5h13V15a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 15V8.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m3.5 8.5 1-3.4 11.6 1.7-.6 1.7M7.6 5.6 6.6 8.2M11.2 6.1l-1 2.4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
   "filter": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 5.5h13M6 10h8M8.5 14.5h3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }),
   "flame": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 3c-2.5 3-4.5 5.2-4.5 7.4a4.5 4.5 0 0 0 9 0C14.5 8.2 12.5 6 10 3Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }),
   "folder": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 5.5A1.5 1.5 0 0 1 5 4h3l1.5 2H15a1.5 1.5 0 0 1 1.5 1.5V14a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 14V5.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }) }),
@@ -1471,6 +1477,10 @@ var GLYPHS = {
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 1.5v2m0 13v2M18.5 10h-2m-13 0h-2m14.5-6-1.4 1.4M4.9 15.1 3.5 16.5m0-13 1.4 1.4m10.2 10.2 1.4 1.4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] }),
   "trash": /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 6h12M8 6V4.5h4V6M6.5 6l.5 10h6l.5-10M8.5 9v4M11.5 9v4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+  "tv": /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("rect", { x: "3", y: "6", width: "14", height: "9.5", rx: "1.8", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M7 17.5h6M7.5 2.5 10 5l2.5-2.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
   "warning": /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 3.5 18 17H2L10 3.5Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M10 8.5V12M10 14.5h.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })