@birdycom/omniaui-blocks 0.11.0 → 0.11.2

package/dist/parts/site-portfolio-grid.css

@@ -1,23 +1,23 @@
-/* File: packages/blocks/src/parts/site-portfolio-grid.css
-   Map: section -> head (title left, "all projects" link right) -> card grid -> two-column variant
-   Portfolio grid block: a heading and a grid of project-card components. */
-
-.oc-block-portfolio-head {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  justify-content: space-between;
-  gap: 1rem 2rem;
-  margin-block-end: 2rem;
-}
-.oc-block-portfolio-head .oc-display { margin-block-end: 0; }
-.oc-block-portfolio-lead { margin: 0.75rem 0 0; color: var(--oc-muted-foreground); max-inline-size: 36rem; }
-
-.oc-block-portfolio-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--oc-portfolio-min, 18rem)), 1fr));
-  gap: 1.5rem;
-}
-
-/* Two columns: bigger cards (fewer, more important projects). */
-.oc-block-portfolio--two { --oc-portfolio-min: 26rem; }
+/* File: packages/blocks/src/parts/site-portfolio-grid.css
+   Map: section -> head (title left, "all projects" link right) -> card grid -> two-column variant
+   Portfolio grid block: a heading and a grid of project-card components. */
+
+.oc-block-portfolio-head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 1rem 2rem;
+  margin-block-end: 2rem;
+}
+.oc-block-portfolio-head .oc-display { margin-block-end: 0; }
+.oc-block-portfolio-lead { margin: 0.75rem 0 0; color: var(--oc-muted-foreground); max-inline-size: 36rem; }
+
+.oc-block-portfolio-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--oc-portfolio-min, 18rem)), 1fr));
+  gap: 1.5rem;
+}
+
+/* Two columns: bigger cards (fewer, more important projects). */
+.oc-block-portfolio--two { --oc-portfolio-min: 26rem; }

package/dist/parts/site-profile-header.css

@@ -1,77 +1,77 @@
-/* File: packages/blocks/src/parts/site-profile-header.css
-   Map: section -> banner -> bar (overhanging avatar, info, actions) -> tab bar -> compact variant
-   Profile header block: banner, an avatar that overlaps the banner edge, name + meta, actions and link tabs.
-   Banner image: style="--oc-profile-banner: url(...)" (default: an accent gradient). */
-
-.oc-block-profile {
-  container-type: inline-size;
-  max-inline-size: var(--oc-block-max-width, 1200px);
-  margin-inline: auto;
-}
-
-.oc-block-profile-banner {
-  aspect-ratio: 6 / 1;
-  min-block-size: 7rem;
-  border-radius: var(--oc-block-radius, 16px);
-  background:
-    var(--oc-profile-banner, radial-gradient(circle at 85% 30%, color-mix(in oklch, var(--color-white-50) 25%, transparent), transparent 40%)),
-    linear-gradient(120deg, var(--oc-accent-from), var(--oc-accent-to));
-  background-size: cover;
-  background-position: center;
-}
-
-.oc-block-profile-bar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  gap: 1rem 1.25rem;
-  padding-inline: clamp(1rem, 3vw, 1.5rem);
-}
-
-/* The avatar component, made bigger and pulled up over the banner edge. */
-.oc-block-profile-avatar.oc-avatar {
-  width: 6.5rem;
-  height: 6.5rem;
-  margin-block-start: -3.25rem;
-  border: 4px solid var(--oc-background);
-  font-size: 2rem;
-}
-
-.oc-block-profile-info { flex: 1 1 16rem; min-inline-size: 0; padding-block-start: 0.75rem; }
-.oc-block-profile-name { margin: 0; font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 700; letter-spacing: -0.02em; }
-.oc-block-profile-meta { margin: 0.2rem 0 0; color: var(--oc-muted-foreground); font-size: 0.9rem; }
-.oc-block-profile-bio { margin: 0.5rem 0 0; color: var(--oc-muted-foreground); font-size: 0.95rem; max-inline-size: 44rem; }
-.oc-block-profile-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
-
-/* Tab bar: links; the current one gets aria-current="page". Scrolls sideways on small screens. */
-.oc-block-profile-tabs {
-  display: flex;
-  gap: 0.25rem;
-  margin-block-start: 1.25rem;
-  padding-inline: clamp(1rem, 3vw, 1.5rem);
-  border-block-end: 1px solid var(--oc-border);
-  overflow-x: auto;
-  scrollbar-width: none;
-}
-.oc-block-profile-tab {
-  padding: 0.75rem 1rem;
-  border-block-end: 2px solid transparent;
-  color: var(--oc-muted-foreground);
-  font-size: 0.92rem;
-  font-weight: 500;
-  text-decoration: none;
-  white-space: nowrap;
-  transition: color var(--oc-transition-fast, 150ms), border-color var(--oc-transition-fast, 150ms);
-}
-.oc-block-profile-tab:hover { color: var(--oc-foreground); }
-.oc-block-profile-tab[aria-current="page"] { border-block-end-color: var(--oc-brand-1); color: var(--oc-foreground); }
-.oc-block-profile-tab:focus-visible { outline: 2px solid var(--oc-ring); outline-offset: -2px; }
-
-/* Compact: low banner and a smaller avatar. */
-.oc-block-profile--compact .oc-block-profile-banner { aspect-ratio: 10 / 1; min-block-size: 4.5rem; }
-.oc-block-profile--compact .oc-block-profile-avatar.oc-avatar { width: 4.5rem; height: 4.5rem; margin-block-start: -2.25rem; font-size: 1.4rem; }
-
-/* Narrow: the actions go below the info, full width. */
-@container (max-width: 34rem) {
-  .oc-block-profile-actions { flex-basis: 100%; }
-}
+/* File: packages/blocks/src/parts/site-profile-header.css
+   Map: section -> banner -> bar (overhanging avatar, info, actions) -> tab bar -> compact variant
+   Profile header block: banner, an avatar that overlaps the banner edge, name + meta, actions and link tabs.
+   Banner image: style="--oc-profile-banner: url(...)" (default: an accent gradient). */
+
+.oc-block-profile {
+  container-type: inline-size;
+  max-inline-size: var(--oc-block-max-width, 1200px);
+  margin-inline: auto;
+}
+
+.oc-block-profile-banner {
+  aspect-ratio: 6 / 1;
+  min-block-size: 7rem;
+  border-radius: var(--oc-block-radius, 16px);
+  background:
+    var(--oc-profile-banner, radial-gradient(circle at 85% 30%, color-mix(in oklch, var(--color-white-50) 25%, transparent), transparent 40%)),
+    linear-gradient(120deg, var(--oc-accent-from), var(--oc-accent-to));
+  background-size: cover;
+  background-position: center;
+}
+
+.oc-block-profile-bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 1rem 1.25rem;
+  padding-inline: clamp(1rem, 3vw, 1.5rem);
+}
+
+/* The avatar component, made bigger and pulled up over the banner edge. */
+.oc-block-profile-avatar.oc-avatar {
+  width: 6.5rem;
+  height: 6.5rem;
+  margin-block-start: -3.25rem;
+  border: 4px solid var(--oc-background);
+  font-size: 2rem;
+}
+
+.oc-block-profile-info { flex: 1 1 16rem; min-inline-size: 0; padding-block-start: 0.75rem; }
+.oc-block-profile-name { margin: 0; font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 700; letter-spacing: -0.02em; }
+.oc-block-profile-meta { margin: 0.2rem 0 0; color: var(--oc-muted-foreground); font-size: 0.9rem; }
+.oc-block-profile-bio { margin: 0.5rem 0 0; color: var(--oc-muted-foreground); font-size: 0.95rem; max-inline-size: 44rem; }
+.oc-block-profile-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
+
+/* Tab bar: links; the current one gets aria-current="page". Scrolls sideways on small screens. */
+.oc-block-profile-tabs {
+  display: flex;
+  gap: 0.25rem;
+  margin-block-start: 1.25rem;
+  padding-inline: clamp(1rem, 3vw, 1.5rem);
+  border-block-end: 1px solid var(--oc-border);
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.oc-block-profile-tab {
+  padding: 0.75rem 1rem;
+  border-block-end: 2px solid transparent;
+  color: var(--oc-muted-foreground);
+  font-size: 0.92rem;
+  font-weight: 500;
+  text-decoration: none;
+  white-space: nowrap;
+  transition: color var(--oc-transition-fast, 150ms), border-color var(--oc-transition-fast, 150ms);
+}
+.oc-block-profile-tab:hover { color: var(--oc-foreground); }
+.oc-block-profile-tab[aria-current="page"] { border-block-end-color: var(--oc-brand-1); color: var(--oc-foreground); }
+.oc-block-profile-tab:focus-visible { outline: 2px solid var(--oc-ring); outline-offset: -2px; }
+
+/* Compact: low banner and a smaller avatar. */
+.oc-block-profile--compact .oc-block-profile-banner { aspect-ratio: 10 / 1; min-block-size: 4.5rem; }
+.oc-block-profile--compact .oc-block-profile-avatar.oc-avatar { width: 4.5rem; height: 4.5rem; margin-block-start: -2.25rem; font-size: 1.4rem; }
+
+/* Narrow: the actions go below the info, full width. */
+@container (max-width: 34rem) {
+  .oc-block-profile-actions { flex-basis: 100%; }
+}

package/package.json

@@ -1,55 +1,55 @@
-{
-  "name": "@birdycom/omniaui-blocks",
-  "version": "0.11.0",
-  "description": "OmniaUI blocks: ready-made page sections (hero, features, pricing, stats, CTA, auth, sidebars, dashboards) composed from OmniaCSS utilities and OmniaUI components.",
-  "type": "module",
-  "license": "MIT",
-  "author": "Serge Cools (Birdycom)",
-  "homepage": "https://omniaui.eu",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Birdycom/OmniaUI.git",
-    "directory": "packages/blocks"
-  },
-  "bugs": {
-    "url": "https://github.com/Birdycom/OmniaUI/issues"
-  },
-  "keywords": [
-    "css",
-    "blocks",
-    "sections",
-    "landing-page",
-    "omniaui"
-  ],
-  "exports": {
-    ".": "./dist/blocks.css",
-    "./min": "./dist/blocks.min.css",
-    "./blocks/*": "./blocks/*",
-    "./manifest.json": "./manifest.json",
-    "./package.json": "./package.json",
-    "./pro.json": "./pro.json"
-  },
-  "style": "./dist/blocks.css",
-  "files": [
-    "dist",
-    "blocks",
-    "manifest.json",
-    "pro.json",
-    "README.md",
-    "LICENSE"
-  ],
-  "peerDependencies": {
-    "@birdycom/omniaui": "^0.11.0"
-  },
-  "unpkg": "./dist/blocks.min.css",
-  "jsdelivr": "./dist/blocks.min.css",
-  "sideEffects": [
-    "*.css"
-  ],
-  "engines": {
-    "node": ">=22"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@birdycom/omniaui-blocks",
+  "version": "0.11.2",
+  "description": "OmniaUI blocks: ready-made page sections (hero, features, pricing, stats, CTA, auth, sidebars, dashboards) composed from OmniaCSS utilities and OmniaUI components.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Serge Cools (Birdycom)",
+  "homepage": "https://omniaui.eu",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Birdycom/OmniaUI.git",
+    "directory": "packages/blocks"
+  },
+  "bugs": {
+    "url": "https://github.com/Birdycom/OmniaUI/issues"
+  },
+  "keywords": [
+    "css",
+    "blocks",
+    "sections",
+    "landing-page",
+    "omniaui"
+  ],
+  "exports": {
+    ".": "./dist/blocks.css",
+    "./min": "./dist/blocks.min.css",
+    "./blocks/*": "./blocks/*",
+    "./manifest.json": "./manifest.json",
+    "./package.json": "./package.json",
+    "./pro.json": "./pro.json"
+  },
+  "style": "./dist/blocks.css",
+  "files": [
+    "dist",
+    "blocks",
+    "manifest.json",
+    "pro.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "peerDependencies": {
+    "@birdycom/omniaui": "^0.11.2"
+  },
+  "unpkg": "./dist/blocks.min.css",
+  "jsdelivr": "./dist/blocks.min.css",
+  "sideEffects": [
+    "*.css"
+  ],
+  "engines": {
+    "node": ">=22"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}