@blukavantui/community 0.0.0-stage → 1.1.0

package/dist/data.d.ts

@@ -0,0 +1,10 @@
+export * from './tree-view.js';
+export * from './timeline.js';
+export * from './pagination.js';
+export * from './statistic.js';
+export * from './qr-code.js';
+export * from './descriptions.js';
+export * from './sparkline.js';
+export * from './dashboard-canvas.js';
+export * from './dashboard-panel.js';
+export * from './table.js';

package/dist/data.js

@@ -0,0 +1 @@
+import{a as x}from"./chunk-BLDXIO7P.js";import{a}from"./chunk-KBOMPMSI.js";import{a as o}from"./chunk-H7ETPJVW.js";import{a as r}from"./chunk-MCVO25PZ.js";import{a as e}from"./chunk-NTFHNL7T.js";import{a as f}from"./chunk-AICXIQKD.js";import{a as m}from"./chunk-RGTLYBOY.js";import{a as p}from"./chunk-J7BV4KHG.js";import{a as t}from"./chunk-W4SW4RWX.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";import{a as b}from"./chunk-IZJN3EF7.js";import"./chunk-EOKNLCNS.js";export{x as createDashboardCanvas,a as createDashboardPanel,p as createDescriptions,e as createPagination,m as createQRCode,t as createSparkline,f as createStatistic,b as createTable,r as createTimeline,o as createTreeView};

package/dist/date-picker.css

@@ -0,0 +1,78 @@
+.blu-date-picker-block .blu-component-preview,.blu-time-picker-block .blu-component-preview,.blu-date-time-picker-block .blu-component-preview,.blu-date-range-picker-block .blu-component-preview {display:none;}
+/* Shared by the four pickers. Each native Block includes its own complete copy. */
+.blu-advanced-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker,.blu-picker *,.blu-picker__dialog,.blu-picker__dialog * {box-sizing:border-box;}
+.blu-picker {max-width:100%;min-width:0;color:var(--bluui-text,#182230);font:14px/1.5 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));}
+.blu-picker [hidden],.blu-picker__dialog [hidden] {display:none!important;}
+.blu-picker__fields {display:flex;flex-wrap:wrap;gap:12px;}
+.blu-picker__field {flex:1 1 180px;min-width:0;}
+.blu-picker__field label,.blu-picker__select-caption {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.blu-picker__input {display:block;width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;}
+.blu-picker__field-control {position:relative;}
+.blu-picker__field-control>.blu-picker__input {padding-right:38px;}
+.blu-picker__field-icon {position:absolute;right:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--bluui-text-muted,#526174);pointer-events:none;}
+.blu-picker__field-icon svg {display:block;width:100%;height:100%;}
+.blu-picker__input::placeholder {color:var(--bluui-text-muted,#526174);opacity:1;}
+.blu-picker__input:disabled {opacity:.65;cursor:not-allowed;}
+.blu-picker__input[readonly] {background:var(--bluui-surface-muted,#f1f3f7);}
+.blu-picker__input[aria-invalid=true] {border-color:var(--bluui-color-error-solid,#b42318);}
+.blu-picker__hint,.blu-picker__help {color:var(--bluui-text-muted,#526174);font-size:12px;margin:8px 0;overflow-wrap:anywhere;}
+.blu-picker__actions,.blu-picker__presets {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
+.blu-picker__button {appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;max-width:100%;padding:8px 13px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;white-space:normal;cursor:pointer;}
+.blu-picker__button:hover:not(:disabled),.blu-picker__day:hover:not([aria-disabled=true]) {background:var(--bluui-surface-muted,#edf0f7);}
+.blu-picker__button--primary {background:var(--bluui-color-primary-solid,#4f46e5);border-color:var(--bluui-color-primary-solid,#4f46e5);color:var(--bluui-color-primary-contrast,#fff);}
+.blu-picker__button--primary:hover:not(:disabled) {background:var(--bluui-color-primary-solid,#4f46e5);filter:brightness(.94);}
+.blu-picker__button:disabled {opacity:.55;cursor:not-allowed;}
+.blu-picker__input:focus-visible,.blu-picker__button:focus-visible,.blu-picker__day:focus-visible {outline:3px solid var(--bluui-focus,#6156df);outline-offset:3px;}
+.blu-picker__error {color:var(--bluui-color-error-text,#a32218);font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin-top:8px;}
+.blu-picker__dialog {position:fixed;inset:auto;width:344px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;border:1px solid var(--bluui-border,#dce2eb);border-radius:12px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:13px/1.35 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));box-shadow:0 12px 32px #10162726,0 2px 6px #10162714;scroll-padding:12px;z-index:1000;}
+.blu-picker__dialog::backdrop {background:transparent;pointer-events:none;}
+.blu-picker__dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
+.blu-picker__dialog-head h2 {font-size:16px;line-height:1.4;font-family:var(--blu-font-heading-family,inherit);margin:0;overflow-wrap:anywhere;}
+.blu-picker__calendar-nav {display:grid;grid-template-columns:32px minmax(0,1fr) 88px 32px;align-items:end;gap:6px;margin-top:0;}
+.blu-picker__calendar-nav>.blu-picker__button {height:36px;padding:2px;font-size:22px;}
+.blu-picker__select-field {min-width:0;}
+.blu-picker__caption {font-size:15px;text-align:center;margin:16px 0 8px;}
+.blu-picker__calendar {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;}
+.blu-picker__calendar th {height:20px;text-align:center;font-size:11px;font-weight:500;color:var(--bluui-text-muted,#526174);padding:0;}
+.blu-picker__calendar td {padding:0;text-align:center;height:32px;border:0;}
+.blu-picker__day {appearance:none;display:block;width:100%;min-width:24px;min-height:32px;padding:4px 0;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;}
+.blu-picker__day[aria-current=date] {border-color:var(--bluui-control-border,#69788d);font-weight:700;}
+.blu-picker__day[data-between=true] {background:var(--bluui-color-primary-soft,#eef2ff);color:var(--bluui-color-primary-text,#3730a3);border-radius:0;}
+.blu-picker__day[data-selected=true] {background:var(--bluui-color-primary-solid,#4f46e5)!important;color:var(--bluui-color-primary-contrast,#fff);font-weight:700;}
+.blu-picker__day[aria-disabled=true] {color:var(--bluui-text-muted,#526174);text-decoration:line-through;cursor:not-allowed;}
+.blu-picker__time-area {display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;}
+.blu-picker__time-area>.blu-picker__select-field {flex:1 1 70px;}
+.blu-picker__selection {font-size:12px;min-height:1.35em;margin:4px 0;overflow-wrap:anywhere;}
+@media(forced-colors:active){.blu-picker__day[data-selected=true]{background:Highlight!important;color:HighlightText;border:2px solid Highlight}.blu-picker__day[data-between=true]{border-bottom:2px solid Highlight}.blu-picker__input,.blu-picker__button{border:1px solid ButtonText}.blu-picker__dialog{border:2px solid CanvasText}}
+
+.blu-picker__popup-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-top:6px;}
+.blu-picker__selection:empty,.blu-picker__error:empty {display:none;}
+.blu-picker__presets:empty {display:none;}
+.blu-picker__presets {margin:0 0 6px;}
+
+/* Compact popup controls; editable text stays at 16px to avoid iOS focus zoom. */
+.blu-picker__dialog .blu-picker__input {min-height:36px;padding:5px 7px;font-size:16px;line-height:1.2;}
+.blu-picker__dialog .blu-picker__button {min-height:34px;min-width:32px;padding:5px 9px;font-size:13px;line-height:1.25;}
+.blu-picker__dialog .blu-picker__select-caption {font-size:11px;margin-bottom:2px;}
+.blu-picker__calendar-nav .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog .blu-picker__error {margin-top:4px;font-size:12px;line-height:1.3;}
+@media(pointer:coarse){
+ .blu-picker__field-control>.blu-picker__input {font-size:16px;min-height:44px;}
+ .blu-picker__day {min-height:36px;}
+ .blu-picker__dialog .blu-picker__button {min-height:36px;}
+}
+/* Keep six calendar weeks and the footer visible in short phone viewports. */
+.blu-picker__dialog[data-compact=true] {padding:6px;font-size:12px;line-height:1.2;}
+.blu-picker__dialog[data-compact=true] .blu-picker__input {min-height:32px;padding:4px 5px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__button {min-height:30px;padding:4px 7px;font-size:12px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar-nav>.blu-picker__button {height:32px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar {border-spacing:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar th {height:18px;font-size:10px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar td {height:24px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__day {min-height:24px;padding:3px 0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area {margin:4px 0;gap:6px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker__dialog[data-compact=true] .blu-picker__selection {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__popup-actions {margin-top:4px;gap:4px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__presets {margin-bottom:4px;gap:4px;}

package/dist/date-picker.d.ts

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

package/dist/date-picker.js

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

package/dist/date-range-picker.css

@@ -0,0 +1,78 @@
+.blu-date-picker-block .blu-component-preview,.blu-time-picker-block .blu-component-preview,.blu-date-time-picker-block .blu-component-preview,.blu-date-range-picker-block .blu-component-preview {display:none;}
+/* Shared by the four pickers. Each native Block includes its own complete copy. */
+.blu-advanced-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker,.blu-picker *,.blu-picker__dialog,.blu-picker__dialog * {box-sizing:border-box;}
+.blu-picker {max-width:100%;min-width:0;color:var(--bluui-text,#182230);font:14px/1.5 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));}
+.blu-picker [hidden],.blu-picker__dialog [hidden] {display:none!important;}
+.blu-picker__fields {display:flex;flex-wrap:wrap;gap:12px;}
+.blu-picker__field {flex:1 1 180px;min-width:0;}
+.blu-picker__field label,.blu-picker__select-caption {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.blu-picker__input {display:block;width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;}
+.blu-picker__field-control {position:relative;}
+.blu-picker__field-control>.blu-picker__input {padding-right:38px;}
+.blu-picker__field-icon {position:absolute;right:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--bluui-text-muted,#526174);pointer-events:none;}
+.blu-picker__field-icon svg {display:block;width:100%;height:100%;}
+.blu-picker__input::placeholder {color:var(--bluui-text-muted,#526174);opacity:1;}
+.blu-picker__input:disabled {opacity:.65;cursor:not-allowed;}
+.blu-picker__input[readonly] {background:var(--bluui-surface-muted,#f1f3f7);}
+.blu-picker__input[aria-invalid=true] {border-color:var(--bluui-color-error-solid,#b42318);}
+.blu-picker__hint,.blu-picker__help {color:var(--bluui-text-muted,#526174);font-size:12px;margin:8px 0;overflow-wrap:anywhere;}
+.blu-picker__actions,.blu-picker__presets {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
+.blu-picker__button {appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;max-width:100%;padding:8px 13px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;white-space:normal;cursor:pointer;}
+.blu-picker__button:hover:not(:disabled),.blu-picker__day:hover:not([aria-disabled=true]) {background:var(--bluui-surface-muted,#edf0f7);}
+.blu-picker__button--primary {background:var(--bluui-color-primary-solid,#4f46e5);border-color:var(--bluui-color-primary-solid,#4f46e5);color:var(--bluui-color-primary-contrast,#fff);}
+.blu-picker__button--primary:hover:not(:disabled) {background:var(--bluui-color-primary-solid,#4f46e5);filter:brightness(.94);}
+.blu-picker__button:disabled {opacity:.55;cursor:not-allowed;}
+.blu-picker__input:focus-visible,.blu-picker__button:focus-visible,.blu-picker__day:focus-visible {outline:3px solid var(--bluui-focus,#6156df);outline-offset:3px;}
+.blu-picker__error {color:var(--bluui-color-error-text,#a32218);font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin-top:8px;}
+.blu-picker__dialog {position:fixed;inset:auto;width:344px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;border:1px solid var(--bluui-border,#dce2eb);border-radius:12px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:13px/1.35 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));box-shadow:0 12px 32px #10162726,0 2px 6px #10162714;scroll-padding:12px;z-index:1000;}
+.blu-picker__dialog::backdrop {background:transparent;pointer-events:none;}
+.blu-picker__dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
+.blu-picker__dialog-head h2 {font-size:16px;line-height:1.4;font-family:var(--blu-font-heading-family,inherit);margin:0;overflow-wrap:anywhere;}
+.blu-picker__calendar-nav {display:grid;grid-template-columns:32px minmax(0,1fr) 88px 32px;align-items:end;gap:6px;margin-top:0;}
+.blu-picker__calendar-nav>.blu-picker__button {height:36px;padding:2px;font-size:22px;}
+.blu-picker__select-field {min-width:0;}
+.blu-picker__caption {font-size:15px;text-align:center;margin:16px 0 8px;}
+.blu-picker__calendar {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;}
+.blu-picker__calendar th {height:20px;text-align:center;font-size:11px;font-weight:500;color:var(--bluui-text-muted,#526174);padding:0;}
+.blu-picker__calendar td {padding:0;text-align:center;height:32px;border:0;}
+.blu-picker__day {appearance:none;display:block;width:100%;min-width:24px;min-height:32px;padding:4px 0;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;}
+.blu-picker__day[aria-current=date] {border-color:var(--bluui-control-border,#69788d);font-weight:700;}
+.blu-picker__day[data-between=true] {background:var(--bluui-color-primary-soft,#eef2ff);color:var(--bluui-color-primary-text,#3730a3);border-radius:0;}
+.blu-picker__day[data-selected=true] {background:var(--bluui-color-primary-solid,#4f46e5)!important;color:var(--bluui-color-primary-contrast,#fff);font-weight:700;}
+.blu-picker__day[aria-disabled=true] {color:var(--bluui-text-muted,#526174);text-decoration:line-through;cursor:not-allowed;}
+.blu-picker__time-area {display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;}
+.blu-picker__time-area>.blu-picker__select-field {flex:1 1 70px;}
+.blu-picker__selection {font-size:12px;min-height:1.35em;margin:4px 0;overflow-wrap:anywhere;}
+@media(forced-colors:active){.blu-picker__day[data-selected=true]{background:Highlight!important;color:HighlightText;border:2px solid Highlight}.blu-picker__day[data-between=true]{border-bottom:2px solid Highlight}.blu-picker__input,.blu-picker__button{border:1px solid ButtonText}.blu-picker__dialog{border:2px solid CanvasText}}
+
+.blu-picker__popup-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-top:6px;}
+.blu-picker__selection:empty,.blu-picker__error:empty {display:none;}
+.blu-picker__presets:empty {display:none;}
+.blu-picker__presets {margin:0 0 6px;}
+
+/* Compact popup controls; editable text stays at 16px to avoid iOS focus zoom. */
+.blu-picker__dialog .blu-picker__input {min-height:36px;padding:5px 7px;font-size:16px;line-height:1.2;}
+.blu-picker__dialog .blu-picker__button {min-height:34px;min-width:32px;padding:5px 9px;font-size:13px;line-height:1.25;}
+.blu-picker__dialog .blu-picker__select-caption {font-size:11px;margin-bottom:2px;}
+.blu-picker__calendar-nav .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog .blu-picker__error {margin-top:4px;font-size:12px;line-height:1.3;}
+@media(pointer:coarse){
+ .blu-picker__field-control>.blu-picker__input {font-size:16px;min-height:44px;}
+ .blu-picker__day {min-height:36px;}
+ .blu-picker__dialog .blu-picker__button {min-height:36px;}
+}
+/* Keep six calendar weeks and the footer visible in short phone viewports. */
+.blu-picker__dialog[data-compact=true] {padding:6px;font-size:12px;line-height:1.2;}
+.blu-picker__dialog[data-compact=true] .blu-picker__input {min-height:32px;padding:4px 5px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__button {min-height:30px;padding:4px 7px;font-size:12px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar-nav>.blu-picker__button {height:32px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar {border-spacing:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar th {height:18px;font-size:10px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar td {height:24px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__day {min-height:24px;padding:3px 0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area {margin:4px 0;gap:6px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker__dialog[data-compact=true] .blu-picker__selection {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__popup-actions {margin-top:4px;gap:4px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__presets {margin-bottom:4px;gap:4px;}

package/dist/date-range-picker.d.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/date-range-picker.js';
+export type * from './types.js';

package/dist/date-range-picker.js

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

package/dist/date-time-picker.css

@@ -0,0 +1,78 @@
+.blu-date-picker-block .blu-component-preview,.blu-time-picker-block .blu-component-preview,.blu-date-time-picker-block .blu-component-preview,.blu-date-range-picker-block .blu-component-preview {display:none;}
+/* Shared by the four pickers. Each native Block includes its own complete copy. */
+.blu-advanced-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker,.blu-picker *,.blu-picker__dialog,.blu-picker__dialog * {box-sizing:border-box;}
+.blu-picker {max-width:100%;min-width:0;color:var(--bluui-text,#182230);font:14px/1.5 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));}
+.blu-picker [hidden],.blu-picker__dialog [hidden] {display:none!important;}
+.blu-picker__fields {display:flex;flex-wrap:wrap;gap:12px;}
+.blu-picker__field {flex:1 1 180px;min-width:0;}
+.blu-picker__field label,.blu-picker__select-caption {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.blu-picker__input {display:block;width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;}
+.blu-picker__field-control {position:relative;}
+.blu-picker__field-control>.blu-picker__input {padding-right:38px;}
+.blu-picker__field-icon {position:absolute;right:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--bluui-text-muted,#526174);pointer-events:none;}
+.blu-picker__field-icon svg {display:block;width:100%;height:100%;}
+.blu-picker__input::placeholder {color:var(--bluui-text-muted,#526174);opacity:1;}
+.blu-picker__input:disabled {opacity:.65;cursor:not-allowed;}
+.blu-picker__input[readonly] {background:var(--bluui-surface-muted,#f1f3f7);}
+.blu-picker__input[aria-invalid=true] {border-color:var(--bluui-color-error-solid,#b42318);}
+.blu-picker__hint,.blu-picker__help {color:var(--bluui-text-muted,#526174);font-size:12px;margin:8px 0;overflow-wrap:anywhere;}
+.blu-picker__actions,.blu-picker__presets {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
+.blu-picker__button {appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;max-width:100%;padding:8px 13px;border:1px solid var(--bluui-control-border,#69788d);border-radius:9px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:inherit;line-height:1.4;white-space:normal;cursor:pointer;}
+.blu-picker__button:hover:not(:disabled),.blu-picker__day:hover:not([aria-disabled=true]) {background:var(--bluui-surface-muted,#edf0f7);}
+.blu-picker__button--primary {background:var(--bluui-color-primary-solid,#4f46e5);border-color:var(--bluui-color-primary-solid,#4f46e5);color:var(--bluui-color-primary-contrast,#fff);}
+.blu-picker__button--primary:hover:not(:disabled) {background:var(--bluui-color-primary-solid,#4f46e5);filter:brightness(.94);}
+.blu-picker__button:disabled {opacity:.55;cursor:not-allowed;}
+.blu-picker__input:focus-visible,.blu-picker__button:focus-visible,.blu-picker__day:focus-visible {outline:3px solid var(--bluui-focus,#6156df);outline-offset:3px;}
+.blu-picker__error {color:var(--bluui-color-error-text,#a32218);font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin-top:8px;}
+.blu-picker__dialog {position:fixed;inset:auto;width:344px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;border:1px solid var(--bluui-border,#dce2eb);border-radius:12px;background:var(--bluui-surface,#fff);color:var(--bluui-text,#182230);font:13px/1.35 var(--blu-font-family,var(--bluui-font,system-ui,sans-serif));box-shadow:0 12px 32px #10162726,0 2px 6px #10162714;scroll-padding:12px;z-index:1000;}
+.blu-picker__dialog::backdrop {background:transparent;pointer-events:none;}
+.blu-picker__dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
+.blu-picker__dialog-head h2 {font-size:16px;line-height:1.4;font-family:var(--blu-font-heading-family,inherit);margin:0;overflow-wrap:anywhere;}
+.blu-picker__calendar-nav {display:grid;grid-template-columns:32px minmax(0,1fr) 88px 32px;align-items:end;gap:6px;margin-top:0;}
+.blu-picker__calendar-nav>.blu-picker__button {height:36px;padding:2px;font-size:22px;}
+.blu-picker__select-field {min-width:0;}
+.blu-picker__caption {font-size:15px;text-align:center;margin:16px 0 8px;}
+.blu-picker__calendar {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px;}
+.blu-picker__calendar th {height:20px;text-align:center;font-size:11px;font-weight:500;color:var(--bluui-text-muted,#526174);padding:0;}
+.blu-picker__calendar td {padding:0;text-align:center;height:32px;border:0;}
+.blu-picker__day {appearance:none;display:block;width:100%;min-width:24px;min-height:32px;padding:4px 0;border:1px solid transparent;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;}
+.blu-picker__day[aria-current=date] {border-color:var(--bluui-control-border,#69788d);font-weight:700;}
+.blu-picker__day[data-between=true] {background:var(--bluui-color-primary-soft,#eef2ff);color:var(--bluui-color-primary-text,#3730a3);border-radius:0;}
+.blu-picker__day[data-selected=true] {background:var(--bluui-color-primary-solid,#4f46e5)!important;color:var(--bluui-color-primary-contrast,#fff);font-weight:700;}
+.blu-picker__day[aria-disabled=true] {color:var(--bluui-text-muted,#526174);text-decoration:line-through;cursor:not-allowed;}
+.blu-picker__time-area {display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;}
+.blu-picker__time-area>.blu-picker__select-field {flex:1 1 70px;}
+.blu-picker__selection {font-size:12px;min-height:1.35em;margin:4px 0;overflow-wrap:anywhere;}
+@media(forced-colors:active){.blu-picker__day[data-selected=true]{background:Highlight!important;color:HighlightText;border:2px solid Highlight}.blu-picker__day[data-between=true]{border-bottom:2px solid Highlight}.blu-picker__input,.blu-picker__button{border:1px solid ButtonText}.blu-picker__dialog{border:2px solid CanvasText}}
+
+.blu-picker__popup-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-top:6px;}
+.blu-picker__selection:empty,.blu-picker__error:empty {display:none;}
+.blu-picker__presets:empty {display:none;}
+.blu-picker__presets {margin:0 0 6px;}
+
+/* Compact popup controls; editable text stays at 16px to avoid iOS focus zoom. */
+.blu-picker__dialog .blu-picker__input {min-height:36px;padding:5px 7px;font-size:16px;line-height:1.2;}
+.blu-picker__dialog .blu-picker__button {min-height:34px;min-width:32px;padding:5px 9px;font-size:13px;line-height:1.25;}
+.blu-picker__dialog .blu-picker__select-caption {font-size:11px;margin-bottom:2px;}
+.blu-picker__calendar-nav .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog .blu-picker__error {margin-top:4px;font-size:12px;line-height:1.3;}
+@media(pointer:coarse){
+ .blu-picker__field-control>.blu-picker__input {font-size:16px;min-height:44px;}
+ .blu-picker__day {min-height:36px;}
+ .blu-picker__dialog .blu-picker__button {min-height:36px;}
+}
+/* Keep six calendar weeks and the footer visible in short phone viewports. */
+.blu-picker__dialog[data-compact=true] {padding:6px;font-size:12px;line-height:1.2;}
+.blu-picker__dialog[data-compact=true] .blu-picker__input {min-height:32px;padding:4px 5px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__button {min-height:30px;padding:4px 7px;font-size:12px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar-nav>.blu-picker__button {height:32px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar {border-spacing:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar th {height:18px;font-size:10px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__calendar td {height:24px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__day {min-height:24px;padding:3px 0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area {margin:4px 0;gap:6px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__time-area .blu-picker__select-caption {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.blu-picker__dialog[data-compact=true] .blu-picker__selection {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.blu-picker__dialog[data-compact=true] .blu-picker__popup-actions {margin-top:4px;gap:4px;}
+.blu-picker__dialog[data-compact=true] .blu-picker__presets {margin-bottom:4px;gap:4px;}

package/dist/date-time-picker.d.ts

@@ -0,0 +1,2 @@
+export * from './component-factories/date-time-picker.js';
+export type * from './types.js';

package/dist/date-time-picker.js

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

package/dist/descriptions.css

@@ -0,0 +1,113 @@
+/* Shared controls used by this Block. Colors resolve through BluUITheme. */
+.blu-common-button{
+  appearance:none;
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  gap:8px;
+  min-height:36px;
+  padding:7px 13px;
+  border:1px solid var(--bluui-border,#dce3ed);
+  border-radius:8px;
+  background:var(--bluui-surface,#fff);
+  color:var(--bluui-text,#182333);
+  font:inherit;
+  font-size:13px;
+  font-weight:600;
+  line-height:1.4;
+  white-space:nowrap;
+  cursor:pointer;
+  text-decoration:none;
+  box-shadow:none
+}
+.blu-common-button:hover:not(:disabled){
+  background:var(--bluui-surface-muted,#f4f6fa);
+  border-color:var(--bluui-primary,#5144ed)
+}
+.blu-common-button--primary{
+  background:var(--bluui-color-primary-solid,#5144ed);
+  color:var(--bluui-color-primary-contrast,#fff);
+  border-color:transparent
+}
+.blu-common-button--primary:hover:not(:disabled){
+  background:var(--bluui-color-primary-solid,#5144ed);
+  filter:brightness(.93)
+}
+.blu-common-button:disabled{
+  opacity:.45;
+  cursor:not-allowed
+}
+.blu-common-button:focus-visible,.blu-pagination input:focus-visible,.blu-pagination select:focus-visible{
+  outline:3px solid var(--bluui-primary,#5144ed);
+  outline-offset:2px
+}
+.blu-common-muted{
+  color:var(--bluui-text-muted,#68758b);
+  font-size:14px
+}
+.blu-common-error{
+  color:var(--bluui-color-error-text,#b42318);
+  font-size:13px;
+  margin:8px 0
+}
+.blu-common-error[hidden]{
+  display:none!important
+}
+
+/* Real definition-list semantics, responsive columns and optional full-width values. */
+.blu-descriptions{
+  width:100%;
+  color:var(--bluui-text)
+}
+.blu-descriptions>h3{
+  font-size:17px;
+  margin:0 0 16px
+}
+.blu-descriptions__grid{
+  display:grid;
+  grid-template-columns:repeat(var(--blu-description-columns,2),minmax(0,1fr));
+  margin:0;
+  gap:0
+}
+.blu-descriptions__item{
+  grid-column:span var(--blu-description-span,1);
+  padding:16px;
+  min-width:0
+}
+.blu-descriptions__item dt{
+  font-size:12px;
+  font-weight:600;
+  color:var(--bluui-text-muted);
+  margin-bottom:7px
+}
+.blu-descriptions__item dd{
+  margin:0;
+  font-size:14px;
+  line-height:1.6;
+  white-space:pre-wrap;
+  overflow-wrap:anywhere;
+  color:var(--blu-common-color)
+}
+.blu-descriptions__item dd button{
+  margin-left:12px
+}
+.blu-descriptions--bordered{
+  border:1px solid var(--bluui-border);
+  border-radius:12px;
+  overflow:hidden
+}
+.blu-descriptions--bordered .blu-descriptions__item{
+  border-bottom:1px solid var(--bluui-border);
+  background:var(--bluui-surface-muted)
+}
+@media(max-width:640px){.blu-descriptions__grid{
+  grid-template-columns:minmax(0,1fr)
+}
+.blu-descriptions__item{
+  grid-column:span 1
+}}
+
+/* Hide the canvas-only caption once this instance has initialized. */
+.blu-descriptions-block:has([data-blu-ready]) > .blu-component-preview {
+  display: none;
+}

package/dist/descriptions.d.ts

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

package/dist/descriptions.js

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

package/dist/dom.d.ts

@@ -0,0 +1,7 @@
+import type { Component, Slot } from "./types.js";
+export declare function node<K extends keyof HTMLElementTagNameMap>(tag: K, className?: string, text?: string): HTMLElementTagNameMap[K];
+export declare function slot(parent: HTMLElement, content?: Slot): void;
+export declare function mountRoot(host: HTMLElement): HTMLDivElement;
+export declare function component<P extends object>(host: HTMLElement, initial: P, paint: (root: HTMLElement, props: P, update: (patch: Partial<P>) => void) => void): Component<P>;
+export declare function classes(base: string, extra?: string): string;
+export declare function safeUrl(value: string): string;

package/dist/draft-components.json

@@ -0,0 +1,77 @@
+{
+  "status": "local draft — not published; native models validated, compiled consumer testing pending",
+  "components": [
+    {
+      "name": "Checkbox",
+      "slug": "checkbox",
+      "factory": "createCheckbox",
+      "group": "inputs"
+    },
+    {
+      "name": "TextInput",
+      "slug": "text-input",
+      "factory": "createTextInput",
+      "group": "inputs"
+    },
+    {
+      "name": "TextArea",
+      "slug": "text-area",
+      "factory": "createTextArea",
+      "group": "inputs"
+    },
+    {
+      "name": "RadioButton",
+      "slug": "radio-button",
+      "factory": "createRadioButton",
+      "group": "inputs"
+    },
+    {
+      "name": "RadioGroup",
+      "slug": "radio-group",
+      "factory": "createRadioGroup",
+      "group": "inputs"
+    },
+    {
+      "name": "Switch",
+      "slug": "switch",
+      "factory": "createSwitch",
+      "group": "inputs"
+    },
+    {
+      "name": "Select",
+      "slug": "select",
+      "factory": "createSelect",
+      "group": "inputs"
+    },
+    {
+      "name": "FormField",
+      "slug": "form-field",
+      "factory": "createFormField",
+      "group": "inputs"
+    },
+    {
+      "name": "Columns2",
+      "slug": "columns2",
+      "factory": "createColumns2",
+      "group": "layout"
+    },
+    {
+      "name": "Columns3",
+      "slug": "columns3",
+      "factory": "createColumns3",
+      "group": "layout"
+    },
+    {
+      "name": "Columns4",
+      "slug": "columns4",
+      "factory": "createColumns4",
+      "group": "layout"
+    },
+    {
+      "name": "Table",
+      "slug": "table",
+      "factory": "createTable",
+      "group": "data"
+    }
+  ]
+}