@blukavantui/community 1.0.1 → 1.2.0

package/dist/inputs.css

@@ -1215,7 +1215,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.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;}
@@ -1238,7 +1238,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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) 72px 32px;align-items:end;gap:6px;margin-top:0;}
+.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;}
@@ -1263,8 +1263,8 @@ Keep bulk commands together in a wrapping row between the panels. */
 /* 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-field>span {font-size:11px;margin-bottom:2px;}
-.blu-picker__calendar-nav .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.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;}
@@ -1281,7 +1281,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.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;}
@@ -1294,7 +1294,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.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;}
@@ -1317,7 +1317,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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) 72px 32px;align-items:end;gap:6px;margin-top:0;}
+.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;}
@@ -1342,8 +1342,8 @@ Keep bulk commands together in a wrapping row between the panels. */
 /* 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-field>span {font-size:11px;margin-bottom:2px;}
-.blu-picker__calendar-nav .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.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;}
@@ -1360,7 +1360,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.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;}
@@ -1373,7 +1373,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.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;}
@@ -1396,7 +1396,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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) 72px 32px;align-items:end;gap:6px;margin-top:0;}
+.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;}
@@ -1421,8 +1421,8 @@ Keep bulk commands together in a wrapping row between the panels. */
 /* 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-field>span {font-size:11px;margin-bottom:2px;}
-.blu-picker__calendar-nav .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.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;}
@@ -1439,7 +1439,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.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;}
@@ -1452,7 +1452,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {display:block;margin-bottom:5px;color:var(--bluui-text,#182230);font-weight:600;}
+.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;}
@@ -1475,7 +1475,7 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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) 72px 32px;align-items:end;gap:6px;margin-top:0;}
+.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;}
@@ -1500,8 +1500,8 @@ Keep bulk commands together in a wrapping row between the panels. */
 /* 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-field>span {font-size:11px;margin-bottom:2px;}
-.blu-picker__calendar-nav .blu-picker__select-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;}
+.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;}
@@ -1518,7 +1518,70 @@ Keep bulk commands together in a wrapping row between the panels. */
 .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-field>span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
+.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;}
+
+/* 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/inputs.d.ts

@@ -6,3 +6,11 @@ export * from './date-picker.js';
 export * from './time-picker.js';
 export * from './date-time-picker.js';
 export * from './date-range-picker.js';
+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';

package/dist/inputs.js

@@ -1 +1 @@
-import{a as p}from"./chunk-XDYBNO4P.js";import{a as t}from"./chunk-2TCNAQC6.js";import{a as x}from"./chunk-CTLZIWMX.js";import{a as o}from"./chunk-C3CLLZH2.js";import{a as r}from"./chunk-4USJBOSC.js";import{a as e}from"./chunk-GEG3TNB4.js";import{a as f}from"./chunk-2MQNFEGJ.js";import{a as m}from"./chunk-MHHJZYXW.js";import"./chunk-O3MRWAI5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{f as createCascader,m as createDatePicker,x as createDateRangePicker,t as createDateTimePicker,p as createTimePicker,e as createTransferList,o as createTreeSelect,r as createUploadManager};
+import{a as f}from"./chunk-2MQNFEGJ.js";import"./chunk-KVOA55NE.js";import"./chunk-V4ZQLQ7L.js";import"./chunk-Y4AXWTAD.js";import"./chunk-WGSTNXAQ.js";import{a as o}from"./chunk-C3CLLZH2.js";import{a as r}from"./chunk-4USJBOSC.js";import{a as e}from"./chunk-GEG3TNB4.js";import{a as m}from"./chunk-2BSBXDOT.js";import{a as p}from"./chunk-EPPETNK6.js";import{a as t}from"./chunk-W3H7XTA7.js";import{a as x}from"./chunk-XVMJG26X.js";import"./chunk-O3MRWAI5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import{a as i}from"./chunk-MYVLBALF.js";import"./chunk-RYD6RHRX.js";import{a as j}from"./chunk-UN2SLVFG.js";import"./chunk-HO6CYWED.js";import"./chunk-RWBLICYX.js";import"./chunk-YCLR3IE3.js";import{a as g,b as h}from"./chunk-AL2ETLJV.js";import"./chunk-FNX33PDD.js";import"./chunk-IO22GWON.js";import"./chunk-EPZGLHPD.js";import{a,b,c,d}from"./chunk-TZSX4OTV.js";import"./chunk-EOKNLCNS.js";import"./chunk-SDMH2EVD.js";export{f as createCascader,a as createCheckbox,m as createDatePicker,x as createDateRangePicker,t as createDateTimePicker,j as createFormField,c as createRadioButton,d as createRadioGroup,i as createSelect,b as createSwitch,h as createTextArea,g as createTextInput,p as createTimePicker,e as createTransferList,o as createTreeSelect,r as createUploadManager};

package/dist/layout.css

@@ -842,3 +842,66 @@ No If widget is needed; consumer content remains mounted with its state. */
 .blu-shape-mask__media .blu-common-slot--content>div {height:100%;}
 .blu-advanced-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 @media(prefers-reduced-motion:reduce){.blu-shape-mask__media{animation:none!important;transition:none!important;}}
+
+/* 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/layout.d.ts

@@ -6,3 +6,6 @@ export * from './splitter.js';
 export * from './app-layout.js';
 export * from './page-layout.js';
 export * from './shape-mask.js';
+export * from './columns2.js';
+export * from './columns3.js';
+export * from './columns4.js';

package/dist/layout.js

@@ -1 +1 @@
-import{a as p}from"./chunk-XIOI5PKM.js";import{a as t}from"./chunk-Y4TCT2K6.js";import{a as x}from"./chunk-3LWXPCWY.js";import"./chunk-MSMNEIWA.js";import{a as r}from"./chunk-U73BNLZ3.js";import{a as e}from"./chunk-LJ4O6YTN.js";import{a as f}from"./chunk-SIU7DSOA.js";import{a as m}from"./chunk-K2P2BHV5.js";import{f as o}from"./chunk-O3MRWAI5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{p as createAppLayout,r as createBreadcrumbs,o as createCard,e as createPageHeader,t as createPageLayout,x as createShapeMask,f as createSidebar,m as createSplitter};
+import"./chunk-7CEOCZ5L.js";import{a as m}from"./chunk-K2P2BHV5.js";import{a as p}from"./chunk-XIOI5PKM.js";import{a as t}from"./chunk-Y4TCT2K6.js";import{a as x}from"./chunk-3LWXPCWY.js";import"./chunk-MSMNEIWA.js";import{a as r}from"./chunk-U73BNLZ3.js";import{a as e}from"./chunk-LJ4O6YTN.js";import{a as f}from"./chunk-KBWB4OIF.js";import{f as o}from"./chunk-O3MRWAI5.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-BN3PDE5G.js";import"./chunk-VJVFHL6P.js";import"./chunk-IJ62ILKE.js";import{b as a,c as b,d as c}from"./chunk-UN2SLVFG.js";import"./chunk-EOKNLCNS.js";import"./chunk-SDMH2EVD.js";export{p as createAppLayout,r as createBreadcrumbs,o as createCard,a as createColumns2,b as createColumns3,c as createColumns4,e as createPageHeader,t as createPageLayout,x as createShapeMask,f as createSidebar,m as createSplitter};

package/dist/modal.js

@@ -1 +1 @@
-import{a}from"./chunk-6EHKOVZK.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{a as createModal};
+import"./chunk-DRZM2AL3.js";import{a}from"./chunk-HVR2UDFX.js";import"./chunk-MEEQNPGM.js";import"./chunk-5TEIXA4R.js";import"./chunk-SDMH2EVD.js";export{a as createModal};

package/dist/motion/action-feedback.d.ts

@@ -0,0 +1,14 @@
+import type { MotionController } from './controller.js';
+export interface ActionMessages {
+    pending: string;
+    success: string;
+    error: string;
+}
+export type ActionResult = 'success' | 'error' | 'busy' | 'cancelled';
+/** Feedback follows an actual action promise. No simulated success, timed reset,
+ * duplicated live region or overlapping action. The caller owns data and controls. */
+export declare function createActionFeedback(status: HTMLElement, motion: MotionController): {
+    readonly pending: boolean;
+    run(action: () => unknown | Promise<unknown>, messages: ActionMessages): Promise<ActionResult>;
+    destroy(): void;
+};

package/dist/motion/border-glow.d.ts

@@ -0,0 +1,12 @@
+export interface BorderGlowOptions {
+    /** One slow circuit in milliseconds, 4–60 seconds. Default: 12 seconds. */
+    duration?: number;
+    paused?: boolean;
+}
+/** Decorative, noninteractive border only. CSS honors the motion scope and OS.
+ * Pause automatically while outside the viewport or in a hidden document. */
+export declare function createBorderGlow(element: HTMLElement, options?: BorderGlowOptions): {
+    element: HTMLSpanElement;
+    update(next: BorderGlowOptions): void;
+    destroy(): void;
+};

package/dist/motion/button.d.ts

@@ -0,0 +1,11 @@
+import type { ButtonOptions, ButtonEvents, Component } from '../types.js';
+/** Draft web API; deliberately separate from the shared native Button until review. */
+export interface MotionButtonOptions extends ButtonOptions {
+    LoadingLabel?: string;
+    SpinnerPosition?: 'Leading' | 'Trailing';
+    /** Reserve space for known result labels to avoid shifting surrounding controls. */
+    ReserveLabels?: string[];
+    /** App-owned completion/failure message, announced outside the busy button. */
+    StatusText?: string;
+}
+export declare function createMotionButton(host: HTMLElement, initial: MotionButtonOptions, events?: ButtonEvents): Component<MotionButtonOptions>;

package/dist/motion/component-settings.d.ts

@@ -0,0 +1,51 @@
+import type { MotionEasing } from './effects.js';
+import type { MotionController, MotionMode, MotionOptions, MotionTarget } from './controller.js';
+/** Local 1.2 component contract. Omitted values inherit collection defaults. */
+export interface ComponentMotionSettings {
+    mode?: 'inherit' | 'reduced' | 'off';
+    /** Override finite component transitions. Does not change spinner speed. Zero is instant. */
+    duration?: number;
+    easing?: MotionEasing;
+}
+export interface ComponentMotionHandle {
+    /** Replace this component's overrides; omit settings to inherit again. */
+    setMotion(settings?: ComponentMotionSettings): void;
+}
+export declare function validateComponentMotion(settings: ComponentMotionSettings): ComponentMotionSettings;
+/** Shared presentation state for WAAPI adapters and chart engines. */
+export declare function createComponentMotionState(root: HTMLElement, parent: {
+    readonly mode: MotionMode;
+}, initial?: ComponentMotionSettings): {
+    mode: () => MotionMode;
+    resolveOptions: (options?: MotionOptions) => MotionOptions;
+    readonly settings: {
+        mode?: "inherit" | "reduced" | "off";
+        /** Override finite component transitions. Does not change spinner speed. Zero is instant. */
+        duration?: number;
+        easing?: MotionEasing;
+    };
+    update(next: ComponentMotionSettings): void;
+    destroy(): void;
+};
+/** Minimal controller contract also usable from a native lifecycle adapter. */
+export interface TransitionMotion {
+    readonly mode: MotionMode;
+    animate(target: MotionTarget, frames: Keyframe[], options: {
+        duration: number;
+        easing?: MotionEasing;
+    }, reduced?: 'fade' | 'instant'): Promise<unknown>;
+    cancel(target: MotionTarget): void;
+}
+export declare function createTransitionMotionScope(root: HTMLElement, parent: TransitionMotion, initial?: ComponentMotionSettings): {
+    motion: TransitionMotion;
+    update(next: ComponentMotionSettings): void;
+    destroy(): void;
+};
+/** An owned view of a shared controller, including portal exit decorations.
+ * No second system-preference listener or component event interception is needed.
+ */
+export declare function createComponentMotionScope(root: HTMLElement, parent: MotionController, initial?: ComponentMotionSettings): {
+    motion: MotionController;
+    update: (next: ComponentMotionSettings) => void;
+    destroy: () => void;
+};

package/dist/motion/controller.d.ts

@@ -0,0 +1,33 @@
+import type { MotionEffect, MotionPhase, MotionEasing, MotionOrigin } from './effects.js';
+export type { MotionEffect, MotionPhase, MotionEasing } from './effects.js';
+export type MotionPreference = 'system' | 'reduced' | 'off';
+export type MotionMode = 'full' | 'reduced' | 'off';
+export type MotionResult = 'finished' | 'cancelled';
+export type MotionTarget = HTMLElement | SVGElement;
+export interface MotionOptions {
+    phase?: MotionPhase;
+    duration?: number;
+    delay?: number;
+    easing?: MotionEasing;
+    /** Scale/rotation anchor. Does not move or position the target itself. */
+    origin?: MotionOrigin;
+}
+export interface MotionController {
+    readonly mode: MotionMode;
+    readonly preference: MotionPreference;
+    setPreference(preference: MotionPreference): void;
+    /** Component-scoped timing resolver, used by bounded visual-cleanup deadlines. */
+    resolveOptions?(options?: MotionOptions): MotionOptions;
+    play(element: HTMLElement, effect?: MotionEffect, options?: MotionOptions): Promise<MotionResult>;
+    /** Custom frames use instant reduced motion unless a fade is explicitly requested. */
+    animate(element: MotionTarget, frames: Keyframe[], options?: MotionOptions, reduced?: 'instant' | 'fade'): Promise<MotionResult>;
+    /** Numeric interpolation shares cancellation and preference handling with other effects. */
+    tween(element: MotionTarget, from: number, to: number, render: (value: number) => void, options?: MotionOptions): Promise<MotionResult>;
+    cancel(element: MotionTarget): void;
+    destroy(): void;
+}
+export declare function resolveMotionMode(preference: MotionPreference, systemReduced: boolean): MotionMode;
+export declare function boundedTime(value: number | undefined, fallback: number, maximum?: number): number;
+export declare function createMotionController(scope: HTMLElement, initial?: MotionPreference): MotionController;
+/** Solve cubic-bezier x before sampling y, so numeric motion matches CSS timing. */
+export declare function easeProgress(progress: number, easing: MotionEasing): number;

package/dist/motion/effects.d.ts

@@ -0,0 +1,30 @@
+/** Shared preset definitions: used by the controller and the CSS generator. */
+export declare const motionEffects: readonly ["fade", "slide-up", "slide-down", "slide-left", "slide-right", "zoom-in", "zoom-out", "rotate-left", "rotate-right", "flip-x", "flip-y", "pop", "bounce", "wipe-up", "wipe-down", "wipe-left", "wipe-right", "circle-reveal", "blur-clear"];
+export declare const motionOrigins: {
+    readonly center: "50% 50%";
+    readonly top: "50% 0%";
+    readonly bottom: "50% 100%";
+    readonly left: "0% 50%";
+    readonly right: "100% 50%";
+    readonly 'top-left': "0% 0%";
+    readonly 'top-right': "100% 0%";
+    readonly 'bottom-left': "0% 100%";
+    readonly 'bottom-right': "100% 100%";
+};
+export type MotionOrigin = keyof typeof motionOrigins;
+export type MotionPreset = typeof motionEffects[number];
+export type MotionEffect = MotionPreset | 'scale';
+export type MotionPhase = 'enter' | 'exit';
+export declare const motionEasings: {
+    readonly standard: "cubic-bezier(.2,.8,.2,1)";
+    readonly 'ease-in': "cubic-bezier(.42,0,1,1)";
+    readonly 'ease-out': "cubic-bezier(0,0,.58,1)";
+    readonly 'ease-in-out': "cubic-bezier(.42,0,.58,1)";
+    readonly linear: "linear";
+    readonly spring: "cubic-bezier(.34,1.25,.64,1)";
+};
+export type MotionEasing = keyof typeof motionEasings;
+/** Names describe movement: slide-left enters from the right and exits toward the left. */
+export declare function motionFrames(effect: MotionEffect, phase?: MotionPhase, distance?: string): Keyframe[];
+export declare function motionClass(effect: MotionPreset, phase?: MotionPhase): string;
+export declare function motionEasingClass(easing: MotionEasing): string;

package/dist/motion/feedback.d.ts

@@ -0,0 +1,6 @@
+import type { MotionController, MotionOptions } from './controller.js';
+export declare function playFeedback(element: HTMLElement, motion: MotionController, effect: 'highlight' | 'nudge', options?: MotionOptions): Promise<import("./controller.js").MotionResult>;
+/** Decorative feedback only: does not call click, prevent native activation, or alter button state. */
+export declare function createPressFeedback(element: HTMLElement, motion: MotionController): {
+    destroy(): void;
+};

package/dist/motion/loading.d.ts

@@ -0,0 +1,9 @@
+import type { Component } from '../types.js';
+export interface LoadingIndicatorOptions {
+    Label: string;
+    Variant?: 'Spinner' | 'Dots' | 'Bar';
+    /** Real completion percentage, 0–100. Omit when the amount of work is unknown. */
+    Progress?: number;
+}
+export declare function normalizeProgress(value: number | undefined): number | undefined;
+export declare function createLoadingIndicator(host: HTMLElement, initial: LoadingIndicatorOptions): Component<LoadingIndicatorOptions>;

package/dist/motion/optional.d.ts

@@ -0,0 +1,35 @@
+import type { MotionController, MotionOptions, MotionResult } from './controller.js';
+/** Responds to an actual click; never synthesizes activation or changes focus. */
+export declare function createRipple(element: HTMLElement, motion: MotionController, options?: MotionOptions & {
+    listen?: boolean;
+}): {
+    element: HTMLSpanElement;
+    play: (point?: {
+        clientX: number;
+        clientY: number;
+    }) => void;
+    destroy(): void;
+};
+export interface ShimmerOptions {
+    duration?: number;
+    paused?: boolean;
+}
+/** Attach to a decorative skeleton only. The caller owns busy/status semantics. */
+export declare function createShimmer(element: HTMLElement, options?: ShimmerOptions): {
+    element: HTMLSpanElement;
+    update(next: ShimmerOptions): void;
+    destroy(): void;
+};
+export type MotionIcon = 'chevron' | 'plus-minus' | 'menu-close' | 'save-check';
+/** Owns an empty decorative icon slot only. Labels and aria-expanded/pressed belong to the control. */
+export declare function createIconTransition(host: HTMLElement, motion: MotionController, kind: MotionIcon, initial?: boolean): {
+    element: SVGSVGElement;
+    setActive(next: boolean, options?: MotionOptions): Promise<MotionResult>;
+    destroy(): void;
+};
+/** Persistent selection decoration; never replaces a focus outline. */
+export declare function createEmphasis(element: HTMLElement, motion: MotionController, kind?: 'underline' | 'border'): {
+    element: HTMLSpanElement;
+    setActive(next: boolean, options?: MotionOptions): Promise<MotionResult>;
+    destroy(): void;
+};

package/dist/motion/photo.d.ts

@@ -0,0 +1,7 @@
+import type { MotionController, MotionResult } from './controller.js';
+import { type TransitionOptions } from './structure.js';
+/** A persistent crop change inside an overflow-hidden frame; does not fade the photo away. */
+export declare function createPhotoZoom(image: HTMLImageElement, motion: MotionController, maximum?: number): {
+    setZoomed(zoomed: boolean, options?: TransitionOptions): Promise<MotionResult>;
+    destroy(): void;
+};

package/dist/motion/presence.d.ts

@@ -0,0 +1,12 @@
+import type { MotionController, MotionEffect, MotionOptions, MotionResult } from './controller.js';
+export interface PresenceOptions extends Omit<MotionOptions, 'phase'> {
+    effect?: MotionEffect;
+    /** Required when hiding an element that currently contains keyboard focus. */
+    focusFallback?: HTMLElement;
+}
+/** Owns hidden/inert for a mounted element. Use for panels, cards and menus; no router dependency. */
+export declare function createMotionPresence(element: HTMLElement, motion: MotionController): {
+    show(options?: PresenceOptions): Promise<MotionResult>;
+    hide(options?: PresenceOptions): Promise<MotionResult>;
+    destroy(): void;
+};

package/dist/motion/scene.d.ts

@@ -0,0 +1,10 @@
+import type { MotionController, MotionResult } from './controller.js';
+import { type TransitionOptions } from './structure.js';
+export declare function createCrossfade(host: HTMLElement, motion: MotionController): {
+    show(next: HTMLElement, options?: TransitionOptions): Promise<MotionResult>;
+    destroy(): void;
+};
+export declare function createSharedElementTransition(host: HTMLElement, motion: MotionController): {
+    show(next: HTMLElement, options?: TransitionOptions): Promise<MotionResult>;
+    destroy(): void;
+};

package/dist/motion/screen.d.ts

@@ -0,0 +1,6 @@
+import type { MotionController, MotionResult } from './controller.js';
+/** Enhance an already-rendered container. The host owns visibility, DOM and navigation. */
+export declare function createScreenMotion(scope: HTMLElement, motion: MotionController): {
+    enter(element: HTMLElement, key: string): Promise<MotionResult>;
+    destroy(): void;
+};