@blukavantui/community 0.0.0-stage → 1.0.1

package/dist/grid-spec.d.ts

@@ -0,0 +1,37 @@
+/** Closed, read-only contract. No AG Grid options or engine API escape hatch. */
+export type Row = Record<string, string | number | boolean | null>;
+export type ColumnType = 'Text' | 'Number' | 'Currency' | 'Date' | 'DateTime' | 'Boolean';
+export interface BasicColumn {
+    Field: string;
+    Header?: string;
+    Type?: ColumnType;
+    Width?: number;
+    MinWidth?: number;
+    IsSortable?: boolean;
+    IsFilterable?: boolean;
+}
+export interface GridBasicOptions {
+    Columns: BasicColumn[];
+    Rows: Row[];
+    RowKeyField?: string;
+    Height?: string;
+    PageSize?: number;
+    EnablePagination?: boolean;
+    EnableSelection?: boolean;
+    Locale?: string;
+    Currency?: string;
+    TimeZone?: string;
+    AccessibleLabel?: string;
+    ExtendedClass?: string;
+}
+export interface GridBasicEvents {
+    Ready?: () => void;
+    RowClicked?: (row: Row) => void;
+    SelectionChanged?: (row: Row | null) => void;
+    Error?: (message: string) => void;
+}
+export type NormalizedOptions = Required<GridBasicOptions>;
+export declare function normalizeOptions(input: GridBasicOptions): NormalizedOptions;
+/** Date-only values never shift across zones. Invalid values display as blank. */
+export declare function parseDate(value: unknown, instant?: boolean): Date | null;
+export declare function formatValue(value: unknown, type: ColumnType, p: NormalizedOptions): string;

package/dist/grid.css

@@ -0,0 +1,12 @@
+/* Community grid only: no editing, saved-view, detail-row or command drawer rules. */
+.blu-grid-basic{width:100%;min-width:0;font-family:var(--blu-font-family,system-ui)}
+.blu-grid-basic .blu-grid-basic__number{text-align:right;font-variant-numeric:tabular-nums}
+.blu-grid-basic .ag-paging-panel{gap:16px;min-height:52px;padding:10px 16px;font-size:13px;border-top:1px solid var(--bluui-border,#dce3ed)}
+.blu-grid-basic .ag-paging-button{min-width:28px;min-height:28px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px}
+.blu-grid-basic .ag-paging-button:not(.ag-disabled):hover{background:var(--bluui-surface-muted,#f4f6fa)}
+.blu-grid-basic .ag-paging-button:focus-visible{outline:2px solid var(--bluui-primary,#5144ed);outline-offset:2px}
+@media(max-width:520px){.blu-grid-basic .ag-paging-panel{gap:8px;flex-wrap:wrap;justify-content:center}.blu-grid-basic .ag-paging-row-summary-panel{margin:0}}
+@media(prefers-reduced-motion:reduce){.blu-grid-basic *{transition:none!important}}
+
+/* Service Studio caption is hidden once the owned grid has initialized. */
+.blu-community-block:has([data-blu-community-ready]) > .blu-community-preview { display: none; }

package/dist/grid.d.ts

@@ -0,0 +1 @@
+export * from './grid-basic.js';

package/dist/grid.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk-H5IEGCAK.js";export{o as createGridBasic};

package/dist/hero-section.css

@@ -0,0 +1,41 @@
+/* BluUI_Core → hero-section — component-owned stylesheet. */
+/* BluUI rich content: scoped defaults shared by standalone Blocks. */
+.blu-rich { box-sizing:border-box;min-width:0;color:var(--bluui-text,#172033);font-family:var(--bluui-font,Inter,system-ui,sans-serif); }
+.blu-rich *, .blu-rich *::before, .blu-rich *::after { box-sizing:border-box; }
+.blu-rich [hidden] { display:none!important; }
+.blu-rich img { display:block;max-width:100%; }
+.blu-rich figure { margin:0; }
+.blu-rich button,.blu-rich a,.blu-rich input { font:inherit; }
+.blu-rich-button { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid var(--bluui-control-border,#94a3b8);border-radius:999px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#172033);cursor:pointer;text-decoration:none; }
+.blu-rich-button:hover { background:var(--bluui-surface-muted,#f1f5f9); }
+.blu-rich-button:disabled { opacity:.45;cursor:default; }
+.blu-rich :is(button,a,input,[tabindex]):focus-visible { outline:3px solid var(--bluui-primary,#4f46e5);outline-offset:4px; }
+.blu-rich-error { color:var(--bluui-color-danger-text,#b91c1c);padding:12px;border:1px solid currentColor;border-radius:8px; }
+.blu-rich-eyebrow { margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; }
+.blu-rich-title { color:inherit;margin:0 0 20px;font-size:clamp(28px,3.4vw,56px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance; }
+.blu-rich-description { font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:0 0 24px;max-width:62ch;white-space:pre-line; }
+.blu-rich-link { display:inline-flex;gap:12px;align-items:center;min-height:44px;color:inherit;font-weight:650;text-decoration:none; }
+.blu-rich-link::after { content:'↗';font-size:1.25em; }
+.blu-rich-link:hover { text-decoration:underline; }
+.blu-rich-bridge { display:contents!important; }
+.blu-rich-enlarged { display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto; }
+.blu-component-preview { display:none;-servicestudio-display:block;-servicestudio-padding:24px;-servicestudio-background:#eef2ff;-servicestudio-border:1px dashed #a5b4fc;-servicestudio-color:#312e81; }
+@media(prefers-reduced-motion:reduce){.blu-rich *, .blu-rich *::before, .blu-rich *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }}
+
+/* The full-width photograph covers the entire hero at every breakpoint. */
+.blu-rich.blu-hero-section { position:relative;isolation:isolate;width:100%;background:#13212b;color:#fff; }
+.blu-hero-section>.blu-rich-body { position:relative;min-height:var(--blu-hero-height,640px);display:flex;flex-direction:column; }
+.blu-hero-section__image { position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover; }
+.blu-hero-section__shade { position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,12,23,max(.64,var(--blu-hero-overlay,.55))),rgba(4,12,23,max(.64,calc(var(--blu-hero-overlay,.55)*.6)))); }
+.blu-hero-section__navigation { width:100%;max-width:1440px;margin:0 auto;padding:28px clamp(24px,6vw,96px); }
+.blu-hero-section__navigation:empty { display:none; }
+.blu-hero-section__inner { width:100%;max-width:1440px;flex:1;margin:auto;padding:clamp(64px,8vw,120px) clamp(24px,6vw,96px);display:flex;align-items:center; }
+.blu-hero-section__copy { min-width:0;max-width:100%;overflow-wrap:anywhere; }
+.blu-hero-section__copy { max-width:900px; }.blu-hero-section .blu-rich-title { color:#fff;white-space:pre-line;font-size:clamp(42px,6.3vw,94px);font-weight:650;line-height:1.02;letter-spacing:-.055em; }.blu-hero-section .blu-rich-description { max-width:54ch;color:#f1f5f9; }.blu-hero-section .blu-common-slot--actions { margin-top:30px; }
+.blu-hero-section[data-align=center] .blu-hero-section__inner { justify-content:center;text-align:center; }.blu-hero-section[data-align=center] .blu-rich-description { margin-inline:auto; }.blu-hero-section[data-vertical=bottom] .blu-hero-section__inner { align-items:flex-end; }.blu-hero-section[data-width=narrow] .blu-hero-section__copy { max-width:660px; }
+.blu-hero-section :is(button,a):focus-visible { outline-color:#fff; }
+@media(max-width:600px){.blu-hero-section>.blu-rich-body{min-height:min(var(--blu-hero-height,640px),780px)}.blu-hero-section__navigation{padding:22px 24px}.blu-hero-section__inner{padding:64px 24px}.blu-hero-section .blu-rich-title{font-size:44px}}
+
+/* White copy remains readable over the lightest photograph. The shade keeps
+   a 64% floor; OverlayOpacity can request stronger shading. */
+.blu-hero-section .blu-rich-eyebrow { color:#f1f5f9; }

package/dist/hero-section.d.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/hero-section.js';
+export type * from './types.js';

package/dist/hero-section.js

@@ -0,0 +1 @@
+import{a}from"./chunk-CZXYS6CY.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{a as createHeroSection};

package/dist/image-compare.css

@@ -0,0 +1,35 @@
+/* BluUI_Core → image-compare — component-owned stylesheet. */
+/* BluUI rich content: scoped defaults shared by standalone Blocks. */
+.blu-rich { box-sizing:border-box;min-width:0;color:var(--bluui-text,#172033);font-family:var(--bluui-font,Inter,system-ui,sans-serif); }
+.blu-rich *, .blu-rich *::before, .blu-rich *::after { box-sizing:border-box; }
+.blu-rich [hidden] { display:none!important; }
+.blu-rich img { display:block;max-width:100%; }
+.blu-rich figure { margin:0; }
+.blu-rich button,.blu-rich a,.blu-rich input { font:inherit; }
+.blu-rich-button { display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid var(--bluui-control-border,#94a3b8);border-radius:999px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#172033);cursor:pointer;text-decoration:none; }
+.blu-rich-button:hover { background:var(--bluui-surface-muted,#f1f5f9); }
+.blu-rich-button:disabled { opacity:.45;cursor:default; }
+.blu-rich :is(button,a,input,[tabindex]):focus-visible { outline:3px solid var(--bluui-primary,#4f46e5);outline-offset:4px; }
+.blu-rich-error { color:var(--bluui-color-danger-text,#b91c1c);padding:12px;border:1px solid currentColor;border-radius:8px; }
+.blu-rich-eyebrow { margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; }
+.blu-rich-title { color:inherit;margin:0 0 20px;font-size:clamp(28px,3.4vw,56px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance; }
+.blu-rich-description { font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:0 0 24px;max-width:62ch;white-space:pre-line; }
+.blu-rich-link { display:inline-flex;gap:12px;align-items:center;min-height:44px;color:inherit;font-weight:650;text-decoration:none; }
+.blu-rich-link::after { content:'↗';font-size:1.25em; }
+.blu-rich-link:hover { text-decoration:underline; }
+.blu-rich-bridge { display:contents!important; }
+.blu-rich-enlarged { display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto; }
+.blu-component-preview { display:none;-servicestudio-display:block;-servicestudio-padding:24px;-servicestudio-background:#eef2ff;-servicestudio-border:1px dashed #a5b4fc;-servicestudio-color:#312e81; }
+@media(prefers-reduced-motion:reduce){.blu-rich *, .blu-rich *::before, .blu-rich *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }}
+
+/* A native range and step buttons provide alternatives to dragging. */
+.blu-image-compare__stage { position:relative;overflow:hidden;touch-action:none;border-radius:14px;background:var(--bluui-surface-muted,#f1f5f9); }
+.blu-image-compare__stage>img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none; }
+.blu-image-compare__after { clip-path:inset(0 calc(100% - var(--blu-compare-position)) 0 0); }
+.blu-image-compare__divider { position:absolute;top:0;bottom:0;left:var(--blu-compare-position);width:3px;background:#fff;box-shadow:0 0 4px #0008;pointer-events:none; }
+.blu-image-compare__divider>span { position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:#172033;font-size:24px;box-shadow:0 2px 20px #0004; }
+.blu-image-compare__label { position:absolute;top:16px;padding:6px 12px;border-radius:20px;background:#101827c9;color:#fff;font-size:12px;pointer-events:none; }
+.blu-image-compare__label--before { right:16px; }.blu-image-compare__label--after { left:16px; }
+.blu-image-compare__controls { display:flex;align-items:center;gap:16px;margin-top:16px; }.blu-image-compare__controls input { flex:1;min-width:40px;accent-color:var(--bluui-primary,#4f46e5);height:44px; }.blu-image-compare__controls output { min-width:4ch;text-align:end;font-variant-numeric:tabular-nums; }
+.blu-image-compare[data-orientation=vertical] .blu-image-compare__after { clip-path:inset(0 0 calc(100% - var(--blu-compare-position)) 0); }
+.blu-image-compare[data-orientation=vertical] .blu-image-compare__divider { left:0;right:0;top:var(--blu-compare-position);bottom:auto;width:auto;height:3px; }

package/dist/image-compare.d.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/image-compare.js';
+export type * from './types.js';

package/dist/image-compare.js

@@ -0,0 +1 @@
+import{a}from"./chunk-SEJUHKS5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{a as createImageCompare};

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+export * from './theme.js';
+export * from './button.js';
+export * from './badge.js';
+export * from './chip.js';
+export * from './card.js';
+export * from './breadcrumbs.js';
+export * from './page-header.js';
+export * from './sidebar.js';
+export * from './skeleton.js';
+export * from './tree-select.js';
+export * from './command-palette.js';
+export * from './upload-manager.js';
+export * from './splitter.js';
+export * from './tree-view.js';
+export * from './transfer-list.js';
+export * from './timeline.js';
+export * from './modal.js';
+export * from './drawer.js';
+export * from './notification.js';
+export * from './pagination.js';
+export * from './cascader.js';
+export * from './statistic.js';
+export * from './qr-code.js';
+export * from './tour.js';
+export * from './empty-state.js';
+export * from './descriptions.js';
+export * from './sparkline.js';
+export * from './app-layout.js';
+export * from './page-layout.js';
+export * from './dashboard-canvas.js';
+export * from './notification-center.js';
+export * from './dashboard-panel.js';
+export * from './video-player.js';
+export * from './video-lightbox.js';
+export * from './media-image.js';
+export * from './media-card.js';
+export * from './image-compare.js';
+export * from './text-highlight.js';
+export * from './content-carousel.js';
+export * from './profile-card.js';
+export * from './quote-card.js';
+export * from './collection-layout.js';
+export * from './hero-section.js';
+export * from './split-section.js';
+export * from './logo-cloud.js';
+export * from './chat.js';
+export * from './chat-widget.js';
+export * from './float-button.js';
+export * from './date-picker.js';
+export * from './time-picker.js';
+export * from './date-time-picker.js';
+export * from './date-range-picker.js';
+export * from './font-provider.js';
+export * from './shape-mask.js';
+export * from './chip-group.js';
+export * from './grid-basic.js';

package/dist/index.js

@@ -0,0 +1 @@
+import{a as Y}from"./chunk-4RM3B4L7.js";import{a as Z}from"./chunk-NB5PGEDY.js";import{a as Q}from"./chunk-3ZS5YITP.js";import{a as R}from"./chunk-SEJUHKS5.js";import{a as S}from"./chunk-WHA6UO5X.js";import{a as T}from"./chunk-KR3UUTB2.js";import{a as U}from"./chunk-VBRSAI3K.js";import{a as V}from"./chunk-IHKCC6WJ.js";import{a as W}from"./chunk-75BQYII5.js";import{a as X}from"./chunk-CZXYS6CY.js";import{a as E}from"./chunk-RGTLYBOY.js";import{a as G}from"./chunk-J7BV4KHG.js";import{a as H}from"./chunk-W4SW4RWX.js";import{a as K}from"./chunk-BLDXIO7P.js";import{a as M}from"./chunk-KBOMPMSI.js";import{a as N}from"./chunk-U4ZP73V4.js";import{a as O}from"./chunk-W27NAI62.js";import{a as P}from"./chunk-IIKSMXQE.js";import{a as L}from"./chunk-MBC4UVTS.js";import{a as _}from"./chunk-T45UAWNI.js";import{a as $}from"./chunk-7HXX66DB.js";import{a as oo}from"./chunk-6EJIIQNF.js";import{a as n}from"./chunk-H7ETPJVW.js";import{a as s}from"./chunk-MCVO25PZ.js";import{a as B}from"./chunk-NTFHNL7T.js";import{a as D}from"./chunk-AICXIQKD.js";import{a as eo}from"./chunk-XDYBNO4P.js";import{a as fo}from"./chunk-2TCNAQC6.js";import{a as mo}from"./chunk-CTLZIWMX.js";import{a as j}from"./chunk-MZBB5ROJ.js";import{a as u}from"./chunk-6EHKOVZK.js";import{a as v}from"./chunk-GK3INPAZ.js";import{a as w,b as y,c as z,d as A}from"./chunk-UEOCR2C3.js";import{a as F}from"./chunk-LGJVLEAH.js";import{a as I}from"./chunk-XIOI5PKM.js";import{a as J}from"./chunk-Y4TCT2K6.js";import{a as to}from"./chunk-3LWXPCWY.js";import{a as i}from"./chunk-C3CLLZH2.js";import{a as k}from"./chunk-4USJBOSC.js";import{a as q}from"./chunk-GEG3TNB4.js";import{a as C}from"./chunk-2MQNFEGJ.js";import{a as ro}from"./chunk-MHHJZYXW.js";import"./chunk-MSMNEIWA.js";import"./chunk-UUZ4HU7L.js";import"./chunk-2HFI6CC6.js";import{a as po}from"./chunk-6XOMFIPU.js";import{a as d}from"./chunk-U73BNLZ3.js";import{a as g}from"./chunk-LJ4O6YTN.js";import{a as h}from"./chunk-SIU7DSOA.js";import{a as l}from"./chunk-K2P2BHV5.js";import{a as xo}from"./chunk-H5IEGCAK.js";import{a as o,b as r,c as e}from"./chunk-64LOE3FU.js";import"./chunk-7KMRDQZG.js";import"./chunk-Y4WEMSE4.js";import"./chunk-TIXCZTJ7.js";import"./chunk-RZ5YSY7Y.js";import{b as f,c as m,d as p,e as t,f as x,g as a,h as b,i as c}from"./chunk-O3MRWAI5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{f as buttonElement,I as createAppLayout,p as createBadge,d as createBreadcrumbs,m as createButton,x as createCard,C as createCascader,_ as createChat,$ as createChatWidget,t as createChip,b as createChipGroup,W as createCollectionLayout,j as createCommandPalette,T as createContentCarousel,K as createDashboardCanvas,M as createDashboardPanel,ro as createDatePicker,mo as createDateRangePicker,fo as createDateTimePicker,G as createDescriptions,v as createDrawer,c as createEmptyState,oo as createFloatButton,po as createFontProvider,xo as createGridBasic,X as createHeroSection,R as createImageCompare,Z as createLogoCloud,Q as createMediaCard,P as createMediaImage,u as createModal,w as createNotification,L as createNotificationCenter,g as createPageHeader,J as createPageLayout,B as createPagination,U as createProfileCard,E as createQRCode,V as createQuoteCard,to as createShapeMask,h as createSidebar,a as createSkeleton,H as createSparkline,Y as createSplitSection,l as createSplitter,D as createStatistic,S as createTextHighlight,eo as createTimePicker,s as createTimeline,F as createTour,q as createTransferList,i as createTreeSelect,n as createTreeView,k as createUploadManager,O as createVideoLightbox,N as createVideoPlayer,A as dismissNotification,r as getAppearance,e as mountAppearanceSelector,o as setAppearance,y as showNotification,z as updateNotification};