@birdycom/omniaui-blocks 0.0.0-stage → 0.11.0

package/manifest.json

@@ -0,0 +1,418 @@
+{
+  "items": [
+    {
+      "name": "app-header",
+      "file": "blocks/app-header.html",
+      "description": "Top bar with sidebar toggle, module navigation and user actions",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "app-shell",
+      "file": "blocks/app-shell.html",
+      "description": "Application layout: sidebar, header bar, breadcrumb strip and scrolling content",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "auth",
+      "file": "blocks/auth.html",
+      "description": "Sign-in card",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "auth-split",
+      "file": "blocks/auth-split.html",
+      "description": "Sign-in with a brand panel (logo, quote) next to the form",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "cta",
+      "file": "blocks/cta.html",
+      "description": "Call to action banner",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "data-table",
+      "file": "blocks/data-table.html",
+      "description": "Card with title, actions, search toolbar, sortable table, bulk bar and pagination footer",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "features",
+      "file": "blocks/features.html",
+      "description": "Feature grid with icons",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "footer",
+      "file": "blocks/footer.html",
+      "description": "Multi-column site footer",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "forgot-password",
+      "file": "blocks/forgot-password.html",
+      "description": "Forgot password. Request a reset link: e-mail field, submit and a back link.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "form-page",
+      "file": "blocks/form-page.html",
+      "description": "Collapsible form sections in a grid with a sticky action bar",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "hero",
+      "file": "blocks/hero.html",
+      "description": "Centered hero with badge, headline, text and actions",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "hero-code",
+      "file": "blocks/hero-code.html",
+      "description": "Landing hero: eyebrow, display title with a gradient word, lead text, gradient and glass buttons, and a code window surrounded by floating icon tiles",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "hero-split",
+      "file": "blocks/hero-split.html",
+      "description": "Hero with text left and visual right",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "login-01",
+      "file": "blocks/login-01.html",
+      "description": "Login 01: Simple card. Centered sign-in card with e-mail, password and a link to sign up.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "login-02",
+      "file": "blocks/login-02.html",
+      "description": "Login 02: Split with image panel. Two columns: image/brand panel with a quote and the form on the other side; the panel hides when the block is narrow.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "login-03",
+      "file": "blocks/login-03.html",
+      "description": "Login 03: Muted background with social buttons. Card on a muted page with social sign-in buttons above the e-mail form.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "module-header",
+      "file": "blocks/module-header.html",
+      "description": "Page header with icon tile, title, intro, meta badges and action row",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "otp-01",
+      "file": "blocks/otp-01.html",
+      "description": "OTP 01: Simple card. Verification card: six-digit code, verify button and a resend link.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "otp-02",
+      "file": "blocks/otp-02.html",
+      "description": "OTP 02: Split layout. Verification form beside a brand panel (container-query split).",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "page-hero",
+      "file": "blocks/page-hero.html",
+      "description": "Page header (the oc-hero used on every docs page): eyebrow, title, text, actions",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "pricing",
+      "file": "blocks/pricing.html",
+      "description": "Pricing cards with a featured plan",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "process",
+      "file": "blocks/process.html",
+      "description": "Numbered steps (the numbers come from a CSS counter) and an endless, pausable marquee of technologies",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "product-grid",
+      "file": "blocks/product-grid.html",
+      "description": "Grid of product cards",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "reset-password",
+      "file": "blocks/reset-password.html",
+      "description": "Reset password. Choose a new password: password with reveal, confirmation, a rules hint and submit.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "showcase",
+      "file": "blocks/showcase.html",
+      "description": "Portfolio cards with a browser frame around the screenshot - for case studies and client work",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "sidebar-01",
+      "file": "blocks/sidebar-01.html",
+      "description": "Sidebar 01: Simple with grouped navigation. The base layout: brand header, two labelled groups and a user footer.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "sidebar-02",
+      "file": "blocks/sidebar-02.html",
+      "description": "Sidebar 02: Collapsible groups. Each group label is a native details element; click a label to fold the group.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "sidebar-03",
+      "file": "blocks/sidebar-03.html",
+      "description": "Sidebar 03: With submenus. Menu items with nested lists that stay visible, guided by a vertical line.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "sidebar-04",
+      "file": "blocks/sidebar-04.html",
+      "description": "Sidebar 04: Floating. The sidebar floats as a rounded, shadowed panel over a muted page.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "sidebar-05",
+      "file": "blocks/sidebar-05.html",
+      "description": "Sidebar 05: Collapsible submenus. Menu items that expand a submenu with details and summary.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "signup-01",
+      "file": "blocks/signup-01.html",
+      "description": "Signup 01: Simple card. Create-account card with name, e-mail, password and confirmation.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "signup-02",
+      "file": "blocks/signup-02.html",
+      "description": "Signup 02: Split with image panel. Registration form next to a brand panel with a quote; the panel hides on narrow containers.",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "site-footer",
+      "file": "blocks/site-footer.html",
+      "description": "Brand column with a short text, three link columns and a bottom bar",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "site-header",
+      "file": "blocks/site-header.html",
+      "description": "Sticky header that turns into frosted glass once you scroll (scroll-driven animation) with a gradient call-to-action",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "spotlight",
+      "file": "blocks/spotlight.html",
+      "description": "Large highlighted panel for a flagship product: accent badge with a pulsing dot, big title with icon tile, copy, call-to-action and a module list",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "stats",
+      "file": "blocks/stats.html",
+      "description": "Key figures row",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "stats-counter",
+      "file": "blocks/stats-counter.html",
+      "description": "Key figures that count up when they scroll into view (CSS only)",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "team-list",
+      "file": "blocks/team-list.html",
+      "description": "Member rows with avatar, role badge and a row action menu",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "two-factor",
+      "file": "blocks/two-factor.html",
+      "description": "Authenticator setup: QR, copyable key, OTP code and recovery codes",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "wizard-dialog",
+      "file": "blocks/wizard-dialog.html",
+      "description": "Modal wizard: stepper rail on the left, step content and navigation footer",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "about-timeline",
+      "file": "blocks/about-timeline.html",
+      "description": "About section: picture with a badge next to the company story and a year timeline",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "contact-grid",
+      "file": "blocks/contact-grid.html",
+      "description": "Contact section with info cards for e-mail, phone, address and opening hours",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "faq",
+      "file": "blocks/faq.html",
+      "description": "FAQ section: eyebrow, title, lead and an exclusive accordion on native details name (no JavaScript)",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "hero-orbit",
+      "file": "blocks/hero-orbit.html",
+      "description": "Landing hero with a code window and product marks that slowly orbit around it",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "portfolio-grid",
+      "file": "blocks/portfolio-grid.html",
+      "description": "Portfolio section: heading with an \"all projects\" link and a grid of project cards",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    },
+    {
+      "name": "profile-header",
+      "file": "blocks/profile-header.html",
+      "description": "Channel / profile header: banner, overhanging avatar, name, meta, actions and a tab bar",
+      "requires": [
+        "@birdycom/omniaui-blocks",
+        "@birdycom/omniaui"
+      ]
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,55 @@
 {
   "name": "@birdycom/omniaui-blocks",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "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"
+  }
+}

package/pro.json

@@ -0,0 +1,140 @@
+{
+  "items": [
+    {
+      "name": "calendar-01",
+      "description": "Calendar 01: Single month. Card with one month and a selected day."
+    },
+    {
+      "name": "calendar-02",
+      "description": "Calendar 02: Two months with a range. Two adjacent months with a selected date range and a summary line."
+    },
+    {
+      "name": "calendar-03",
+      "description": "Calendar 03: Date and time slots. Booking layout: a month on the left, a list of time slots for the selected day on the right."
+    },
+    {
+      "name": "calendar-04",
+      "description": "Calendar 04: Presets. Calendar with quick presets (today, tomorrow, next week) as buttons below."
+    },
+    {
+      "name": "calendar-05",
+      "description": "Calendar 05: Date picker in a form. Form with a date-picker field (button trigger plus a calendar popover) and a native time input."
+    },
+    {
+      "name": "charts",
+      "description": "Charts gallery. Nine chart cards in pure CSS and SVG: bar, line (one and two series), area, stacked area, donut, radial, horizontal bars and a sparkline."
+    },
+    {
+      "name": "dashboard-01",
+      "description": "Dashboard 01: Sidebar, KPIs, chart and data table. Complete dashboard page: app shell with sidebar, KPI cards, an area chart card and a data table."
+    },
+    {
+      "name": "dashboard-stats",
+      "description": "KPI cards with label, value, trend and note"
+    },
+    {
+      "name": "hub-launcher",
+      "description": "Grid of launcher cards for modules or settings sections"
+    },
+    {
+      "name": "login-04",
+      "description": "Login 04: Form with image on the right. Reversed split layout: form on the left, image panel on the right, three social buttons."
+    },
+    {
+      "name": "login-05",
+      "description": "Login 05: Magic link, minimal. No card and no password: one e-mail field that sends a sign-in link, with a social fallback."
+    },
+    {
+      "name": "onboarding-checklist",
+      "description": "Setup card with progress and a checklist of actions"
+    },
+    {
+      "name": "otp-03",
+      "description": "OTP 03: Four digits with back link. Four-digit PIN on a muted page, with a back link and a resend hint."
+    },
+    {
+      "name": "settings-page",
+      "description": "Section navigation next to stacked settings sections with rows and a danger zone"
+    },
+    {
+      "name": "sidebar-06",
+      "description": "Sidebar 06: User footer with dropdown menu. The footer user opens an account menu (popover, no JavaScript)."
+    },
+    {
+      "name": "sidebar-07",
+      "description": "Sidebar 07: Collapsible to icons. A checkbox and :has() collapse the sidebar to an icon rail. Click the panel icon in the bar."
+    },
+    {
+      "name": "sidebar-08",
+      "description": "Sidebar 08: Inset with secondary navigation. The page sits in a rounded inset card; the sidebar blends into the page background and carries a secondary nav."
+    },
+    {
+      "name": "sidebar-09",
+      "description": "Sidebar 09: Double sidebar (rail and panel). An icon rail selects the section; the second sidebar lists that section."
+    },
+    {
+      "name": "sidebar-10",
+      "description": "Sidebar 10: Team switcher header. A header button opens a popover menu to switch between workspaces."
+    },
+    {
+      "name": "sidebar-11",
+      "description": "Sidebar 11: File tree. Nested folders from details elements, using the submenu guide lines as tree lines."
+    },
+    {
+      "name": "sidebar-12",
+      "description": "Sidebar 12: Calendar sidebar. A date calendar and a calendar list inside the sidebar, for planner and agenda apps."
+    },
+    {
+      "name": "sidebar-13",
+      "description": "Sidebar 13: Sidebar in a dialog. A settings dialog with a sidebar for its sections; opens with invoker commands, no JavaScript."
+    },
+    {
+      "name": "sidebar-14",
+      "description": "Sidebar 14: Right sidebar. The sidebar sits on the right edge (oc-sidebar--right)."
+    },
+    {
+      "name": "sidebar-15",
+      "description": "Sidebar 15: Left and right sidebars. Navigation on the left, an inspector panel on the right."
+    },
+    {
+      "name": "sidebar-16",
+      "description": "Sidebar 16: Sticky header. The bar stays pinned while the page content scrolls underneath."
+    },
+    {
+      "name": "signup-03",
+      "description": "Signup 03: Muted background with social buttons. Sign-up card on a muted page: social buttons, divider, e-mail form and legal line."
+    },
+    {
+      "name": "status-page",
+      "description": "Split 404 / 403 / 500 page: big status code panel next to a card with title, text, detail and actions"
+    },
+    {
+      "name": "watch-layout",
+      "description": "Video page: 16:9 player column with title, channel and description, plus an \"Up next\" list"
+    },
+    {
+      "name": "form-builder",
+      "description": "Admin form builder: field cards you can reorder, a palette of field types and a dialog per field"
+    },
+    {
+      "name": "masonry-gallery",
+      "description": "Project gallery: masonry grid with captions, a CSS-only category filter and the lightbox"
+    },
+    {
+      "name": "media-manager",
+      "description": "Admin media manager: documents, videos and photos of one item with upload, reorder, select and delete"
+    },
+    {
+      "name": "services-tabs",
+      "description": "Services section: one tab per service with a hero image or video, text, key points and documents (no JavaScript)"
+    },
+    {
+      "name": "cms-dashboard",
+      "description": "CMS admin home: dark sidebar with sections, top bar with page title and user, flash message, content tiles and recent changes"
+    },
+    {
+      "name": "chat-inbox",
+      "description": "Split chat inbox: searchable conversation list with unread dots and the selected message thread with a composer"
+    }
+  ]
+}