@blukavantui/community 0.0.0-stage → 1.1.0

package/dist/form-layout/select.d.ts

@@ -0,0 +1,3 @@
+import type { SelectOptions, FieldEvents, FieldComponent } from './types.js';
+/** A styled listbox backed by a form-associated select; the native menu is never shown. */
+export declare function createSelect(host: HTMLElement, initial: SelectOptions, events?: FieldEvents<string>): FieldComponent<SelectOptions, string>;

package/dist/form-layout/shared.d.ts

@@ -0,0 +1,21 @@
+import type { FieldOptions } from './types.js';
+export declare function el<K extends keyof HTMLElementTagNameMap>(tag: K, cls?: string, text?: string): HTMLElementTagNameMap[K];
+export declare function uid(): string;
+export declare function attr(node: Element, name: string, value?: string | number | boolean): void;
+export declare function frame(host: HTMLElement, options: FieldOptions, group?: boolean): {
+    root: HTMLDivElement | HTMLFieldSetElement;
+    label: HTMLLabelElement | HTMLLegendElement;
+    body: HTMLDivElement;
+    description: HTMLDivElement;
+    error: HTMLDivElement;
+    id: string;
+    paint: (p: FieldOptions, controls: HTMLElement[]) => void;
+};
+export declare function lifecycle(root: HTMLElement, reset: () => void): {
+    signal: AbortSignal;
+    check(): void;
+    destroy(): void;
+};
+export declare function common(control: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, p: FieldOptions): void;
+export declare function bound(value: number | undefined, fallback: number, min: number, max: number): number;
+export declare function imageUrl(value: string): string;

package/dist/form-layout/table.d.ts

@@ -0,0 +1,20 @@
+import type { TableOptions, TableEvents } from './types.js';
+export declare function tableRows<Row extends object>(options: TableOptions<Row>): {
+    rows: Row[];
+    page: number;
+    pages: number;
+    total: number;
+    start: number;
+    end: number;
+};
+/** Semantic HTML table, client-side sorting/paging, no grid engine or editing model. */
+export declare function createTable<Row extends object>(host: HTMLElement, initial: TableOptions<Row>, events?: TableEvents<Row>): {
+    element: HTMLDivElement;
+    update: (patch: Partial<TableOptions<Row>>) => void;
+    getState: () => {
+        Page: number;
+        SortKey: Extract<keyof Row, string> | undefined;
+        SortDirection: "Ascending" | "Descending";
+    };
+    destroy(): void;
+};

package/dist/form-layout/text.d.ts

@@ -0,0 +1,3 @@
+import type { TextInputOptions, TextInputEvents, TextAreaOptions, FieldEvents, FieldComponent } from './types.js';
+export declare function createTextInput(host: HTMLElement, initial?: TextInputOptions, events?: TextInputEvents): FieldComponent<TextInputOptions, string>;
+export declare function createTextArea(host: HTMLElement, initial?: TextAreaOptions, events?: FieldEvents<string>): FieldComponent<TextAreaOptions, string>;

package/dist/form-layout/types.d.ts

@@ -0,0 +1,151 @@
+/** Local Community additions. Not present in the published 1.0.1 package. */
+export type FieldSize = 'Small' | 'Medium' | 'Large';
+export interface FieldOptions {
+    Id?: string;
+    Name?: string;
+    Label?: string;
+    Description?: string;
+    Error?: string;
+    Required?: boolean;
+    Disabled?: boolean;
+    ReadOnly?: boolean;
+    Size?: FieldSize;
+    ExtendedClass?: string;
+}
+export interface FieldEvents<T> {
+    Change?: (value: T) => void;
+    Blur?: () => void;
+}
+export interface FieldComponent<P, T> {
+    element: HTMLElement;
+    control: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+    update(patch: Partial<P>): void;
+    getValue(): T;
+    reset(): void;
+    focus(): void;
+    validate(): boolean;
+    destroy(): void;
+}
+export type Adornment = {
+    Kind: 'Text';
+    Text: string;
+} | {
+    Kind: 'Icon';
+    Text: string;
+    Label?: string;
+} | {
+    Kind: 'Image';
+    Src: string;
+    Alt: string;
+} | {
+    Kind: 'Action';
+    Text: string;
+    Label: string;
+    Key: string;
+};
+export interface TextInputOptions extends FieldOptions {
+    Value?: string;
+    Type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+    Placeholder?: string;
+    MaxLength?: number;
+    Autocomplete?: string;
+    Leading?: Adornment;
+    Trailing?: Adornment;
+    Clearable?: boolean;
+    RevealPassword?: boolean;
+}
+export interface TextInputEvents extends FieldEvents<string> {
+    Action?: (key: string, value: string) => void;
+}
+export interface TextAreaOptions extends FieldOptions {
+    Value?: string;
+    Placeholder?: string;
+    Rows?: number;
+    MaxLength?: number;
+    AutoGrow?: boolean;
+    MaxHeight?: number;
+    ShowCount?: boolean;
+}
+export interface CheckboxOptions extends FieldOptions {
+    Checked?: boolean;
+    Indeterminate?: boolean;
+    Value?: string;
+}
+export interface SwitchOptions extends FieldOptions {
+    Checked?: boolean;
+    OnText?: string;
+    OffText?: string;
+}
+export interface RadioButtonOptions extends FieldOptions {
+    Checked?: boolean;
+    Value: string;
+}
+export interface Choice {
+    Value: string;
+    Label: string;
+    Description?: string;
+    Disabled?: boolean;
+}
+export interface RadioGroupOptions extends FieldOptions {
+    Value?: string;
+    Options: Choice[];
+    Direction?: 'Horizontal' | 'Vertical';
+}
+export interface SelectOptions extends FieldOptions {
+    Value?: string;
+    Options: Choice[];
+    Placeholder?: string;
+    Clearable?: boolean;
+    Searchable?: boolean;
+}
+export interface FormFieldOptions extends FieldOptions {
+    Control?: HTMLElement;
+}
+export interface ColumnsOptions {
+    Ratio?: 'Equal' | 'OneThirdTwoThirds' | 'TwoThirdsOneThird' | 'OneQuarterThreeQuarters' | 'ThreeQuartersOneQuarter' | 'WideCenter';
+    /** Match column heights within a row and stretch a single content wrapper. Stacked rows keep natural height. */
+    EqualHeight?: boolean;
+    Gap?: number;
+    Align?: 'Start' | 'Center' | 'End' | 'Stretch';
+    StackAt?: 'Small' | 'Medium' | 'Large';
+    ExtendedClass?: string;
+}
+export interface ColumnsComponent {
+    element: HTMLElement;
+    columns: HTMLElement[];
+    update(patch: Partial<ColumnsOptions>): void;
+    destroy(): void;
+}
+export interface TableColumn<Row extends object> {
+    Key: Extract<keyof Row, string>;
+    Header: string;
+    Sortable?: boolean;
+    Align?: 'Left' | 'Center' | 'Right';
+    Format?: (value: Row[Extract<keyof Row, string>], row: Row) => string;
+}
+export interface TableAction<Row> {
+    Key: string;
+    Label: string;
+    Disabled?: boolean | ((row: Row) => boolean);
+}
+export interface TableOptions<Row extends object> {
+    Columns: TableColumn<Row>[];
+    Rows: Row[];
+    Caption: string;
+    RowKey?: Extract<keyof Row, string>;
+    Actions?: TableAction<Row>[];
+    Loading?: boolean;
+    EmptyMessage?: string;
+    PageSize?: number;
+    Page?: number;
+    SortKey?: Extract<keyof Row, string>;
+    SortDirection?: 'Ascending' | 'Descending';
+    Density?: 'Compact' | 'Comfortable';
+    Striped?: boolean;
+    ExtendedClass?: string;
+}
+export interface TableEvents<Row> {
+    RowAction?: (key: string, row: Row) => void;
+    SortChanged?: (key: Extract<keyof Row, string>, direction: 'Ascending' | 'Descending') => void;
+    PageChanged?: (page: number) => void;
+}

package/dist/form-layout.css

@@ -0,0 +1,62 @@
+/* Community Form & Layout Essentials — local draft; no OutSystems UI selectors. */
+.blu-field,.blu-columns,.blu-table{box-sizing:border-box;min-width:0;color:var(--bluui-text,#182230);font-family:var(--blu-font-family,Inter,system-ui,sans-serif);font-size:14px}
+.blu-field *,.blu-columns *,.blu-table *{box-sizing:border-box}
+.blu-field [hidden],.blu-table [hidden]{display:none!important}
+.blu-field{--blu-field-height:42px;--blu-field-padding:12px;display:flex;flex-direction:column;gap:7px;border:0;padding:0;margin:0;min-inline-size:0}
+.blu-field--small{--blu-field-height:34px;--blu-field-padding:9px;font-size:13px}.blu-field--large{--blu-field-height:50px;--blu-field-padding:15px;font-size:16px}
+.blu-field__label{font-weight:600;line-height:1.5;padding:0;margin:0 0 2px}.blu-field__body{min-width:0}
+.blu-field__help,.blu-choice__description,.blu-field__count{font-size:12px;color:var(--bluui-text-muted,#5c6b80);line-height:1.5}.blu-field__error{color:var(--bluui-color-error-text,#b42318);font-size:12px;line-height:1.5}.blu-field__count{text-align:end;margin-top:5px;font-variant-numeric:tabular-nums}
+.blu-text,.blu-textarea,.blu-select__trigger{border:1px solid var(--bluui-control-border,#7b8799);border-radius:var(--blu-radius-md,8px);background:var(--bluui-surface,#fff);color:inherit;transition:border-color .12s,box-shadow .12s}
+.blu-text{display:flex;align-items:center;gap:8px;min-height:var(--blu-field-height);padding:0 var(--blu-field-padding)}
+.blu-text__input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:inherit;padding:9px 0!important;font:inherit;line-height:1.5;height:auto}
+.blu-text__input::placeholder,.blu-textarea::placeholder{color:var(--bluui-text-muted,#5c6b80);opacity:1}
+.blu-text:focus-within,.blu-textarea:focus-visible,.blu-select__trigger:focus-visible{border-color:var(--bluui-primary,#4f46e5);outline:2px solid var(--bluui-primary,#4f46e5);outline-offset:2px}
+.blu-text__adornment{display:inline-flex;flex:none;gap:6px;align-items:center;color:var(--bluui-text-muted,#5c6b80);white-space:nowrap}.blu-text__adornment img{width:24px;height:24px;object-fit:contain;border-radius:4px}
+.blu-text__action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--bluui-primary,#4f46e5);font:inherit;font-size:12px;font-weight:600;min-width:26px;min-height:30px;cursor:pointer;white-space:nowrap;padding:3px}
+.blu-text__action:hover{background:var(--bluui-hover,#f0f2f7)}
+.blu-field button:focus-visible,.blu-table button:focus-visible,.blu-table__scroll:focus-visible{outline:2px solid var(--bluui-primary,#4f46e5);outline-offset:3px}
+.blu-textarea{display:block;width:100%;min-height:var(--blu-field-height);padding:10px var(--blu-field-padding);font:inherit;line-height:1.6}
+.blu-field[data-invalid=true] .blu-text,.blu-field[data-invalid=true] .blu-textarea,.blu-field[data-invalid=true] .blu-select__trigger{border-color:var(--bluui-color-error-text,#b42318)}
+.blu-field[data-disabled=true]{opacity:.6}.blu-field input:disabled,.blu-field textarea:disabled,.blu-field button:disabled{cursor:not-allowed}
+.blu-field input[readonly],.blu-field textarea[readonly]{cursor:default}
+.blu-choice{display:flex;align-items:center;position:relative;gap:10px;min-height:32px;cursor:pointer;line-height:1.5}.blu-choice__input{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;opacity:0}
+.blu-choice__mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:19px;height:19px;border:1.5px solid var(--bluui-control-border,#7b8799);border-radius:5px;background:var(--bluui-surface,#fff);color:var(--bluui-on-primary,#fff)}
+.blu-choice__input:checked+.blu-choice__mark,.blu-choice__input:indeterminate+.blu-choice__mark{background:var(--bluui-primary,#4f46e5);border-color:var(--bluui-primary,#4f46e5)}
+.blu-choice--checkbox .blu-choice__input:checked+.blu-choice__mark:after{content:'';width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
+.blu-choice__input:indeterminate+.blu-choice__mark:after{content:'';width:9px;height:2px;background:currentColor;transform:none;border:0}
+.blu-choice__input:focus-visible+.blu-choice__mark{outline:2px solid var(--bluui-primary,#4f46e5);outline-offset:3px}
+.blu-choice:has(input:disabled){opacity:.6;cursor:not-allowed}.blu-field[data-disabled=true] .blu-choice:has(input:disabled){opacity:1}
+.blu-choice--radio .blu-choice__mark{border-radius:50%}.blu-choice--radio .blu-choice__input:checked+.blu-choice__mark:after{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
+.blu-choice--switch .blu-choice__mark{width:38px;height:22px;border-radius:20px;background:var(--bluui-control-border,#7b8799);padding:2px;justify-content:flex-start}
+.blu-choice--switch .blu-choice__mark:after{content:'';height:16px;width:16px;background:#fff;border-radius:50%;transition:transform .15s}
+.blu-choice--switch .blu-choice__input:checked+.blu-choice__mark:after{transform:translateX(14px)}.blu-choice--switch .blu-choice__input:checked+.blu-choice__mark{background:var(--bluui-primary,#4f46e5)}
+.blu-choice__state{margin-inline-start:auto;font-size:12px;color:var(--bluui-text-muted,#5c6b80)}.blu-choice__description{display:block}
+.blu-radio-group{display:flex;flex-direction:column;gap:10px}.blu-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:12px 24px}
+.blu-select{position:relative;display:flex;gap:5px}.blu-select__native{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);pointer-events:none}
+.blu-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:var(--blu-field-height);width:100%;padding:9px var(--blu-field-padding);font:inherit;text-align:start;cursor:pointer}
+.blu-select__trigger:after{content:'';width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);flex-shrink:0}.blu-select__trigger[data-placeholder=true]{color:var(--bluui-text-muted,#5c6b80)}
+.blu-select__popup{box-sizing:border-box;position:absolute;inset:calc(100% + 6px) 0 auto;z-index:1000;max-height:320px;overflow:auto;margin:0;padding:6px;border:1px solid var(--bluui-border-strong,#b8c4d4);border-radius:10px;background:var(--bluui-surface,#fff);box-shadow:var(--bluui-menu-shadow,0 10px 30px #17203326);color:var(--bluui-text,#182230);font:inherit}
+.blu-select__search{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--bluui-control-border,#7b8799);border-radius:6px;background:var(--bluui-surface,#fff);color:inherit;font:inherit;margin-bottom:5px;outline-offset:2px}
+.blu-select__option{padding:9px 10px;border-radius:5px;cursor:pointer;line-height:1.5}.blu-select__option[aria-selected=true]{font-weight:600;color:var(--bluui-primary,#4f46e5)}.blu-select__option[data-active=true]{background:var(--bluui-selected,#e9e6ff)}.blu-select__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}
+.blu-columns{display:grid;grid-template-columns:var(--blu-columns-tracks,1fr 1fr);gap:var(--blu-columns-gap,24px)}.blu-columns__column{min-width:0;display:flex;flex-direction:column;gap:20px}
+@media(max-width:479px){.blu-columns--stack-small{grid-template-columns:minmax(0,1fr)}}
+@media(max-width:767px){.blu-columns--stack-medium{grid-template-columns:minmax(0,1fr)}}
+@media(max-width:1023px){.blu-columns--stack-large{grid-template-columns:minmax(0,1fr)}}
+.blu-table{border:1px solid var(--bluui-border,#e2e8f0);border-radius:12px;background:var(--bluui-surface,#fff);overflow:hidden}
+.blu-table__scroll{overflow:auto}.blu-table table{width:100%;border-collapse:collapse;font:inherit;text-align:start}.blu-table caption{text-align:start;padding:18px;font-weight:600;font-size:15px}
+.blu-table th{font-size:12px;color:var(--bluui-text-muted,#5c6b80);background:var(--bluui-surface-muted,#f7f8fb);font-weight:600;white-space:nowrap}
+.blu-table th,.blu-table td{padding:14px 18px;border-top:1px solid var(--bluui-border,#e2e8f0);line-height:1.5}
+.blu-table[data-density=Compact] th,.blu-table[data-density=Compact] td{padding:8px 12px}
+.blu-table[data-striped=true] tbody tr:nth-child(even){background:var(--bluui-surface-muted,#f7f8fb)}
+.blu-table__sort{font:inherit;font-weight:600;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:12px}
+.blu-table__empty{text-align:center!important;height:140px;color:var(--bluui-text-muted,#5c6b80)}
+.blu-table__footer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--bluui-border,#e2e8f0);font-size:12px;flex-wrap:wrap}.blu-table__footer>span{margin-inline-end:auto;color:var(--bluui-text-muted,#5c6b80)}
+.blu-table-button{border:1px solid var(--bluui-border-strong,#b8c4d4);border-radius:6px;padding:6px 10px;background:var(--bluui-surface,#fff);font:inherit;font-size:12px;color:var(--bluui-text,#182230);cursor:pointer;min-height:30px;white-space:nowrap}.blu-table-button:hover{background:var(--bluui-hover,#f0f2f7)}.blu-table-button:disabled{opacity:.5;cursor:not-allowed}.blu-table__actions{display:flex;gap:6px}
+@media(prefers-reduced-motion:reduce){.blu-field *{transition:none!important}}
+@media(forced-colors:active){.blu-choice__mark{forced-color-adjust:none;border-color:ButtonText;background:Canvas;color:HighlightText}.blu-choice__input:checked+.blu-choice__mark,.blu-choice__input:indeterminate+.blu-choice__mark{background:Highlight;border-color:Highlight}.blu-select__option[data-active=true]{outline:2px solid Highlight}.blu-choice--switch .blu-choice__mark:after{background:ButtonText}.blu-choice--switch .blu-choice__input:checked+.blu-choice__mark:after{background:HighlightText}}
+
+/* Equal height is row-scoped; stacked columns retain their content height. */
+.blu-columns.blu-columns--equal-height{align-items:stretch}
+.blu-columns--equal-height > .blu-columns__column > :only-child{flex:1 1 auto}
+.blu-columns--equal-height > .blu-columns__column > [data-placeholder]{display:flex;flex-direction:column}
+.blu-columns--equal-height > .blu-columns__column > [data-placeholder] > :only-child{flex:1 1 auto}

package/dist/form-layout.d.ts

@@ -0,0 +1,12 @@
+export * from './checkbox.js';
+export * from './text-input.js';
+export * from './text-area.js';
+export * from './radio-button.js';
+export * from './radio-group.js';
+export * from './switch.js';
+export * from './select.js';
+export * from './form-field.js';
+export * from './columns2.js';
+export * from './columns3.js';
+export * from './columns4.js';
+export * from './table.js';

package/dist/form-layout.js

@@ -0,0 +1 @@
+import"./chunk-5ENZVZGF.js";import{a as l}from"./chunk-IZJN3EF7.js";import"./chunk-FNX33PDD.js";import"./chunk-IO22GWON.js";import"./chunk-EPZGLHPD.js";import{a as g}from"./chunk-MYVLBALF.js";import"./chunk-RYD6RHRX.js";import"./chunk-BN3PDE5G.js";import"./chunk-VJVFHL6P.js";import"./chunk-IJ62ILKE.js";import{a as h,b as i,c as j,d as k}from"./chunk-UN2SLVFG.js";import"./chunk-HO6CYWED.js";import{a,b,c,d}from"./chunk-GXHANADL.js";import"./chunk-RWBLICYX.js";import"./chunk-YCLR3IE3.js";import{a as e,b as f}from"./chunk-AL2ETLJV.js";import"./chunk-EOKNLCNS.js";export{a as createCheckbox,i as createColumns2,j as createColumns3,k as createColumns4,h as createFormField,c as createRadioButton,d as createRadioGroup,g as createSelect,b as createSwitch,l as createTable,f as createTextArea,e as createTextInput};

package/dist/grid-basic.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-basic.d.ts

@@ -0,0 +1,10 @@
+import { type GridBasicOptions, type GridBasicEvents } from './grid-spec.js';
+export type { BasicColumn, ColumnType, Row, GridBasicOptions, GridBasicEvents } from './grid-spec.js';
+export interface GridBasic {
+    readonly element: HTMLElement;
+    /** Validated input update. The underlying grid API is intentionally private. */
+    update(patch: Partial<GridBasicOptions>): void;
+    clearSelection(): void;
+    destroy(): void;
+}
+export declare function createGridBasic(host: HTMLElement, input: GridBasicOptions, events?: GridBasicEvents): GridBasic;

package/dist/grid-basic.js

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

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,57 @@
+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';
+export * from './form-layout.js';

package/dist/index.js

@@ -0,0 +1 @@
+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 Y}from"./chunk-4RM3B4L7.js";import{a as Z}from"./chunk-NB5PGEDY.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 Q}from"./chunk-3ZS5YITP.js";import{a as R}from"./chunk-SEJUHKS5.js";import{a as S}from"./chunk-WHA6UO5X.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 E}from"./chunk-RGTLYBOY.js";import{a as G}from"./chunk-J7BV4KHG.js";import{a as H}from"./chunk-W4SW4RWX.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 L}from"./chunk-MBC4UVTS.js";import{a as _}from"./chunk-T45UAWNI.js";import{a as $}from"./chunk-7HXX66DB.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-3PNBQVYS.js";import{a as eo}from"./chunk-JVE6CXCJ.js";import{a as fo}from"./chunk-OPMD7QNV.js";import{a as mo}from"./chunk-XWXEH3SW.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 I}from"./chunk-XIOI5PKM.js";import{a as J}from"./chunk-Y4TCT2K6.js";import{a as to}from"./chunk-3LWXPCWY.js";import"./chunk-7KMRDQZG.js";import"./chunk-Y4WEMSE4.js";import"./chunk-TIXCZTJ7.js";import"./chunk-RZ5YSY7Y.js";import"./chunk-MSMNEIWA.js";import"./chunk-UUZ4HU7L.js";import"./chunk-2HFI6CC6.js";import{a as xo}from"./chunk-H5IEGCAK.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";import{a as o,b as r,c as e}from"./chunk-64LOE3FU.js";import"./chunk-5ENZVZGF.js";import{a as so}from"./chunk-IZJN3EF7.js";import"./chunk-FNX33PDD.js";import"./chunk-IO22GWON.js";import"./chunk-EPZGLHPD.js";import{a as jo}from"./chunk-MYVLBALF.js";import"./chunk-RYD6RHRX.js";import"./chunk-BN3PDE5G.js";import"./chunk-VJVFHL6P.js";import"./chunk-IJ62ILKE.js";import{a as ko,b as lo,c as no,d as qo}from"./chunk-UN2SLVFG.js";import"./chunk-HO6CYWED.js";import{a as ao,b as bo,c as co,d as go}from"./chunk-GXHANADL.js";import"./chunk-RWBLICYX.js";import"./chunk-YCLR3IE3.js";import{a as ho,b as io}from"./chunk-AL2ETLJV.js";import"./chunk-EOKNLCNS.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,ao as createCheckbox,t as createChip,b as createChipGroup,W as createCollectionLayout,lo as createColumns2,no as createColumns3,qo as createColumns4,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,ko as createFormField,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,co as createRadioButton,go as createRadioGroup,jo as createSelect,to as createShapeMask,h as createSidebar,a as createSkeleton,H as createSparkline,Y as createSplitSection,l as createSplitter,D as createStatistic,bo as createSwitch,so as createTable,io as createTextArea,S as createTextHighlight,ho as createTextInput,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};