{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "bld8", "homepage": "https://ui.bld8.dev", "items": [ { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-styles", "type": "registry:ui", "title": "BLD8 styles and licences", "description": "BLD8 styles and licences with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [], "registryDependencies": [], "files": [ { "path": "registry/bld8/styles.css", "content": "@import './tokens.css';\n@import './tailwind.css';\n/* These advanced controls share the same tokens, focus and motion as the core. */\n.bui-input[data-density=\"compact\"] { padding:.45rem .7rem; min-height:34px; font-size:.8125rem; }\n.bui-date-field { display:flex; align-items:center; gap:6px; min-width:0; }\n.bui-select-clear { display:grid; place-items:center; flex-shrink:0; border:0; width:32px; height:32px; color:var(--bui-muted); background:transparent; cursor:pointer; }\n.bui-select-clear:focus-visible { outline:2px solid var(--bui-focus); outline-offset:2px; }\n.bui-date-field>.bui-input { flex:1; min-width:0; }\n.bui-date-trigger { display:flex; align-items:center; gap:.65rem; text-align:start; cursor:pointer; }\n.bui-date-trigger>span { flex:1; overflow-wrap:anywhere; }\n.bui-date-trigger>span[data-placeholder] { color:var(--bui-muted); }\n.bui-combobox-clear { position:absolute; right:34px; top:0; bottom:0; border:0; background:transparent; color:var(--bui-muted); cursor:pointer; display:grid; place-items:center; width:32px; }\n.bui-combobox-input:has(.bui-combobox-clear)>.bui-input { padding-right:72px; }\n.bui-multi-input { display:flex; flex-wrap:wrap; align-items:center; gap:5px; background:var(--bui-bg); border:1px solid var(--bui-line); border-radius:var(--bui-radius); padding:6px 38px 6px 8px; min-height:42px; position:relative; }\n.bui-multi-input:focus-within { border-color:var(--bui-focus); outline:2px solid var(--bui-focus); outline-offset:2px; }\n.bui-multi-input[data-invalid] { border-color:var(--bui-danger); }\n.bui-chip { display:inline-flex; align-items:center; gap:6px; background:var(--bui-surface); color:var(--bui-ink); padding:3px 5px 3px 8px; border-radius:3px; font-size:.75rem; }\n.bui-chip button { display:grid; place-items:center; padding:3px; color:inherit; background:transparent; border:0; cursor:pointer; border-radius:2px; }\n.bui-chip-input { flex:1; min-width:95px; width:0; border:0; background:transparent; color:var(--bui-ink); font:inherit; outline:none; padding:4px; }\n.bui-multi-input:has(input:disabled) { opacity:.5; cursor:not-allowed; }\n.bui-command-search { display:flex; align-items:center; gap:10px; margin-bottom:12px; }\n.bui-command-list { max-height:min(380px,45dvh); overflow:auto; overscroll-behavior:contain; }\n.bui-command-item { gap:12px; padding:.85rem .75rem; }\n.bui-command-item>span:has(strong) { flex:1; min-width:0; }\n.bui-command-item strong { display:block; font-weight:500; }\n.bui-command-item small { display:block; color:var(--bui-muted); font-size:.6875rem; margin-top:2px; }\n.bui-command-symbol { width:32px; height:32px; display:grid; place-items:center; background:var(--bui-surface); border-radius:4px; flex-shrink:0; }\n.bui-command-category { color:var(--bui-muted); font-size:.625rem; }\n.bui-command-footer { display:flex; gap:20px; border-top:1px solid var(--bui-line); padding-top:12px; margin-top:12px; font-size:.6875rem; color:var(--bui-muted); }\n.bui-command-footer kbd { display:inline-grid; place-items:center; background:var(--bui-surface); border:1px solid var(--bui-line); border-radius:3px; min-width:20px; height:20px; font:inherit; margin-right:3px; }\n.bui-calendar { font-family:var(--bui-font); font-size:.8125rem; color:var(--bui-ink); position:relative; width:min(100%,294px); }\n.bui-calendar-months { position:relative; }\n.bui-calendar-caption { height:44px; display:flex; align-items:center; padding:0 6px; padding-right:76px; }\n.bui-calendar-label { font-weight:550; }\n.bui-calendar-nav { position:absolute; inset-block-start:4px; inset-inline-end:0; display:flex; gap:4px; }\n.bui-calendar-nav-button { width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:4px; background:var(--bui-surface); color:var(--bui-ink); cursor:pointer; }\n.bui-calendar-chevron { width:16px; height:16px; fill:currentColor; }\n.bui-calendar-grid { width:100%; border-collapse:collapse; table-layout:fixed; }\n.bui-calendar-weekday { height:32px; color:var(--bui-muted); font-size:.6875rem; font-weight:400; }\n.bui-calendar-day { text-align:center; padding:1px 0; height:40px; }\n.bui-calendar-day-button { width:100%; height:38px; display:grid; place-items:center; font:inherit; color:inherit; background:transparent; border:0; border-radius:4px; cursor:pointer; transition:background var(--bui-duration) var(--bui-ease),color var(--bui-duration) var(--bui-ease); }\n.bui-calendar-today:not(.bui-calendar-selected) .bui-calendar-day-button { box-shadow:inset 0 0 0 1px var(--bui-line); font-weight:650; }\n.bui-calendar-selected .bui-calendar-day-button { background:var(--bui-primary); color:var(--bui-primary-ink); }\n.bui-calendar-range-middle { background:var(--bui-surface); }\n.bui-calendar-range-middle .bui-calendar-day-button { background:transparent; color:var(--bui-ink); }\n.bui-calendar-range-start { background:linear-gradient(to right,transparent 50%,var(--bui-surface) 50%); }\n.bui-calendar-range-end { background:linear-gradient(to left,transparent 50%,var(--bui-surface) 50%); }\n.bui-calendar-range-start.bui-calendar-range-end { background:transparent; }\n.bui-calendar-outside:not(.bui-calendar-selected) { color:var(--bui-muted); }\n.bui-calendar-disabled { opacity:.3; }\n.bui-calendar-disabled button, .bui-calendar-nav-button:disabled { cursor:not-allowed; }\n.bui-calendar-hidden { visibility:hidden; }\n.bui-popup.bui-calendar-popup { width:min(326px,calc(100vw - 24px)); padding:16px; }\n.bui-calendar-footer { display:flex; justify-content:space-between; gap:12px; align-items:center; padding-top:12px; border-top:1px solid var(--bui-line); margin-top:12px; }\n.bui-calendar-footer .bui-hint { font-size:.6875rem; }\n.bui-file-upload { display:grid; gap:12px; font-family:var(--bui-font); font-size:.875rem; }\n.bui-dropzone { display:flex; flex-direction:column; align-items:center; gap:10px; padding:28px 16px; text-align:center; background:var(--bui-surface); border:1px dashed var(--bui-line); border-radius:6px; transition:background var(--bui-duration) var(--bui-ease),border-color var(--bui-duration) var(--bui-ease); }\n.bui-dropzone[data-dragging] { border-color:var(--bui-focus); background:var(--bui-bg); }\n.bui-dropzone:focus-within { outline:2px solid var(--bui-focus); outline-offset:3px; }\n.bui-dropzone[data-disabled] { opacity:.5; }\n.bui-file-symbol { display:grid; place-items:center; width:44px; height:44px; border-radius:8px; background:var(--bui-bg); }\n.bui-file-errors { margin:8px 0 0; padding-inline-start:18px; font-size:.75rem; overflow-wrap:anywhere; }\n.bui-file-list { list-style:none; margin:0; padding:0; }\n.bui-file-list li { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--bui-line); }\n.bui-file-list li>div { flex:1; min-width:0; }\n.bui-file-list strong { display:block; font-size:.8125rem; font-weight:500; overflow-wrap:anywhere; }\n.bui-file-list .bui-progress { margin-top:8px; }\n.bui-file-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center; }\n.bui-table-toolbar { flex-wrap:wrap; }\n.bui-table-filter { max-width:180px; min-width:0; }\n.bui-column-options { display:grid; gap:12px; margin-top:12px; }\n.bui-table-check { width:42px; }\n.bui-table-selection { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; background:var(--bui-surface); padding:8px 12px; margin-bottom:12px; border-radius:4px; font-size:.75rem; }\n.bui-table-selection>div { display:flex; gap:6px; flex-wrap:wrap; }\n.bui-table-loading { display:grid; gap:8px; }\n.bui-data-table[data-density=\"compact\"] .bui-table th,.bui-data-table[data-density=\"compact\"] .bui-table td { padding:.55rem .75rem; font-size:.8125rem; }\n.bui-table tr[data-selected] { background:var(--bui-surface); }\n.bui-chip button:focus-visible,.bui-combobox-clear:focus-visible,.bui-combobox-trigger:focus-visible,.bui-calendar button:focus-visible { outline:2px solid var(--bui-focus); outline-offset:2px; }\n@media (hover:hover) and (pointer:fine) {\n .bui-calendar-day-button:hover:not(:disabled) { box-shadow:inset 0 0 0 1px var(--bui-focus); }\n .bui-chip button:hover { background:var(--bui-bg); }\n}\n[class^=\"bui-\"], [class*=\" bui-\"] { box-sizing: border-box; }\n.bui-choice, .bui-field, .bui-tabs, .bui-accordion, .bui-popup, .bui-dialog, .bui-toast, .bui-data-table { font-family: var(--bui-font); font-size: .875rem; line-height: 1.5; }\n.bui-button, .bui-tab, .bui-option, .bui-input, .bui-checkbox, .bui-switch, .bui-accordion-trigger { transition: background-color var(--bui-duration) var(--bui-ease), color var(--bui-duration) var(--bui-ease), border-color var(--bui-duration) var(--bui-ease), box-shadow var(--bui-duration) var(--bui-ease), transform var(--bui-duration-slow) var(--bui-ease); }\n:where([class^=\"bui-\"], [class*=\" bui-\"]):focus-visible { outline: 2px solid var(--bui-focus); outline-offset: 3px; }\n.bui-button:disabled, .bui-input:disabled, .bui-choice:has(input:disabled), .bui-radio-group:disabled { opacity: .48; cursor: not-allowed; }\n.bui-button svg { flex-shrink: 0; }\n.bui-icon-button { width: 44px; padding: 0; }\n.bui-field { display: flex; flex-direction: column; gap: .5rem; width: 100%; color: var(--bui-ink); }\n.bui-label { font-size: .8125rem; line-height: 1.5; font-weight: 600; color: var(--bui-ink); margin: 0; }\n.bui-hint, .bui-error { margin: 0; font-size: .75rem; line-height: 1.6; color: var(--bui-muted); }\n.bui-error { color: var(--bui-danger); }\n.bui-icon { display:inline-block; vertical-align:middle; flex-shrink:0; }\n.bui-input-group { display:flex; align-items:center; width:100%; min-width:0; min-height:44px; padding-inline:.75rem; background:var(--bui-bg); border:1px solid var(--bui-line); border-radius:var(--bui-radius); transition:border-color var(--bui-duration) var(--bui-ease); }\n.bui-input-group>.bui-input { flex:1; min-width:0; border:0; background:transparent; padding-inline:.65rem; outline:none; box-shadow:none; }\n.bui-input-group:focus-within { border-color:var(--bui-focus); }\n.bui-input-group:has(>.bui-input:focus-visible) { outline:2px solid var(--bui-focus); outline-offset:3px; }\n.bui-input-group[data-invalid],.bui-input-group:has(.bui-input[aria-invalid=\"true\"]) { border-color:var(--bui-danger); }\n.bui-input-group:has(.bui-input:disabled) { background:var(--bui-surface); }\n.bui-input-adornment { display:inline-flex; align-items:center; color:var(--bui-muted); font-size:.8125rem; flex-shrink:0; }\n.bui-input-adornment>.bui-icon-button { width:32px; min-height:36px; padding:0; }\n.bui-choice { display: flex; align-items: flex-start; gap: .7rem; min-height: 32px; color: var(--bui-ink); cursor: pointer; }\n.bui-choice small { display: block; font-size: .75rem; color: var(--bui-muted); margin-top: .25rem; }\n.bui-checkbox { appearance: none; position: relative; width: 18px; height: 18px; flex: 0 0 18px; border: 1px solid var(--bui-line); border-radius: 3px; margin: .125rem 0 0; background: var(--bui-bg); cursor: inherit; }\n.bui-checkbox:checked { background: var(--bui-accent); border-color: var(--bui-accent-border); }\n.bui-checkbox:checked::after { content: ''; position: absolute; width: 5px; height: 9px; border: solid #191919; border-width: 0 1.7px 1.7px 0; transform: rotate(45deg); left: 5px; top: 1px; }\n.bui-switch-row { justify-content: space-between; align-items: center; gap: 1.5rem; width: 100%; }\n.bui-switch { appearance: none; position: relative; flex: 0 0 36px; width: 36px; height: 22px; border: 1px solid var(--bui-line); background: var(--bui-raised); border-radius: 20px; margin: 0; cursor: inherit; }\n.bui-switch::after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; left: 2px; top: 2px; background: var(--bui-muted); transition: transform var(--bui-duration-slow) var(--bui-ease), background-color var(--bui-duration) var(--bui-ease); }\n.bui-switch:checked { background: var(--bui-accent); border-color: var(--bui-accent-border); }\n.bui-switch:checked::after { transform: translateX(14px); background: #191919; }\n.bui-radio-group { border: 0; padding: 0; margin: 0; display: grid; gap: .65rem; }\n.bui-radio-group legend { margin-bottom: .75rem; }\n.bui-choice input[type=\"radio\"] { accent-color: var(--bui-focus); width: 17px; height: 17px; margin: 2px 0 0; }\n.bui-slider { width: 100%; height: 24px; margin: 0; accent-color: var(--bui-focus); }\n.bui-between { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }\n.bui-between output { font: .75rem ui-monospace, monospace; color: var(--bui-muted); }\n.bui-badge { display: inline-flex; align-items: center; border: 1px solid var(--bui-line); border-radius: 4px; padding: .18rem .5rem; font: 500 .6875rem/1.5 var(--bui-font); }\n.bui-tone--neutral { color: var(--bui-ink); background: var(--bui-surface); }\n.bui-tone--accent { color: var(--bui-focus); background: var(--bui-soft); }\n.bui-tone--success { color: var(--bui-success); background: var(--bui-success-bg); }\n.bui-tone--warning { color: var(--bui-warning); background: var(--bui-warning-bg); }\n.bui-tone--danger { color: var(--bui-danger); background: var(--bui-danger-bg); }\n.bui-card { border: 0; border-radius: var(--bui-panel-radius); background: var(--bui-bg); color: var(--bui-ink); padding: 1.5rem; }\n.bui-avatar { width: 36px; height: 36px; background: var(--bui-soft); border: 1px solid var(--bui-line); color: var(--bui-focus); display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; font: 600 .75rem var(--bui-font); }\n.bui-avatar--sm { width: 28px; height: 28px; font-size: .625rem; }\n.bui-avatar--lg { width: 48px; height: 48px; font-size: 1rem; }\n.bui-avatar img { width: 100%; height: 100%; object-fit: cover; }\n.bui-separator { width: 100%; height: 0; border: 0; border-top: 1px solid var(--bui-line); margin-block: 1rem; }\n.bui-spinner { display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; border-radius: 50%; border: 1.5px solid currentColor; border-right-color: transparent; animation: bui-spin .8s linear infinite; }\n@keyframes bui-spin { to { transform: rotate(360deg); } }\n.bui-skeleton { display: block; background: var(--bui-raised); border-radius: 4px; }\n.bui-progress { width: 100%; height: 5px; border: 0; border-radius: 4px; overflow: hidden; background: var(--bui-raised); accent-color: var(--bui-focus); }\n.bui-progress::-webkit-progress-bar { background: var(--bui-raised); }\n.bui-progress::-webkit-progress-value { background: var(--bui-focus); border-radius: 4px; }\n.bui-progress::-moz-progress-bar { background: var(--bui-focus); }\n.bui-alert { padding: 1rem; border: 1px solid var(--bui-line); border-radius: 6px; font: .8125rem/1.6 var(--bui-font); }\n.bui-alert strong { display: block; font-weight: 600; margin-bottom: .2rem; }\n.bui-empty { text-align: center; padding: 2rem 1rem; font-family: var(--bui-font); color: var(--bui-ink); }\n.bui-empty-mark { display: inline-grid; place-items: center; height: 36px; width: 36px; border: 1px dashed var(--bui-line); border-radius: 8px; color: var(--bui-muted); margin-bottom: .8rem; }\n.bui-empty h3 { font-size: .9375rem; margin: 0 0 .5rem; font-weight: 500; }\n.bui-empty p { font-size: .8125rem; color: var(--bui-muted); margin: 0 0 1rem; }\n.bui-breadcrumb { display: flex; flex-wrap: wrap; gap: .7rem; list-style: none; padding: 0; margin: 0; font: .75rem var(--bui-font); color: var(--bui-muted); }\n.bui-breadcrumb li { display: flex; align-items: center; gap: .7rem; }\n.bui-breadcrumb a { color: inherit; text-underline-offset: 4px; }\n.bui-breadcrumb [aria-current] { color: var(--bui-ink); }\n.bui-pagination { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: .8rem; padding-top: 1rem; }\n.bui-pagination > span { font: .75rem var(--bui-font); color: var(--bui-muted); }\n.bui-positioner { z-index: 90; outline: none; }\n.bui-popup { background: var(--bui-bg); color: var(--bui-ink); border: 1px solid var(--bui-line); border-radius: 8px; box-shadow: var(--bui-shadow); padding: .35rem; transform-origin: var(--transform-origin); transition: opacity var(--bui-duration) var(--bui-ease), transform var(--bui-duration) var(--bui-ease); max-height: var(--available-height); overflow-y: auto; }\n.bui-popup[data-starting-style], .bui-popup[data-ending-style] { opacity: 0; transform: translateY(-4px) scale(.98); }\n.bui-select-trigger { display: flex; justify-content: space-between; align-items: center; gap: .75rem; text-align: start; cursor: pointer; }\n.bui-select-popup { min-width: var(--anchor-width); }\n.bui-option { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: .6rem .7rem; min-height: 36px; border-radius: 4px; cursor: default; outline: none; font-size: .8125rem; }\n.bui-option[data-highlighted] { background: var(--bui-soft); color: var(--bui-ink); }\n.bui-option[data-disabled] { opacity: .4; }\n.bui-combobox-input { position: relative; }\n.bui-combobox-input input { padding-right: 2.5rem; }\n.bui-combobox-trigger { position: absolute; inset-inline-end: 1px; top: 1px; bottom: 1px; width: 40px; display: grid; place-items: center; border: 0; color: var(--bui-muted); background: transparent; cursor: pointer; }\n.bui-combo-empty { color: var(--bui-muted); padding: .75rem; font-size: .8125rem; }\n.bui-combo-empty:empty { display: none; }\n.bui-tab-list { position: relative; padding: 4px 4px 0; display: flex; gap: .25rem; border-bottom: 1px solid var(--bui-line); overflow-x: auto; }\n.bui-tab { font: 500 .8125rem var(--bui-font); color: var(--bui-muted); border: 0; border-bottom: 2px solid transparent; padding: .8rem 1rem; background: transparent; cursor: pointer; white-space: nowrap; }\n.bui-tab[data-active] { color: var(--bui-ink); border-bottom-color: transparent; }\n.bui-tab:disabled { opacity: .5; cursor: not-allowed; }\n.bui-tab-panel { padding-block: 1.25rem; color: var(--bui-ink); outline-offset: 4px; }\n.bui-accordion { width: 100%; color: var(--bui-ink); }\n.bui-accordion-item { border-bottom: 1px solid var(--bui-line); }\n.bui-accordion-item:first-child { border-top: 1px solid var(--bui-line); }\n.bui-accordion-item h3 { margin: 0; }\n.bui-accordion-trigger { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1rem 0; font: 500 .875rem var(--bui-font); color: inherit; background: transparent; border: 0; text-align: start; cursor: pointer; }\n.bui-accordion-trigger svg { flex-shrink: 0; transition: transform var(--bui-duration) var(--bui-ease); }\n.bui-accordion-trigger[data-panel-open] svg { transform: rotate(45deg); }\n.bui-accordion-panel { height: var(--accordion-panel-height); overflow: hidden; transition: height var(--bui-duration-slow) var(--bui-ease), opacity var(--bui-duration) var(--bui-ease); }\n.bui-accordion-panel[data-starting-style], .bui-accordion-panel[data-ending-style] { height: 0; opacity: 0; }\n.bui-accordion-panel > div { padding-bottom: 1.25rem; font-size: .8125rem; color: var(--bui-muted); line-height: 1.7; }\n.bui-backdrop { position: absolute; inset: 0; min-height: 100dvh; z-index: 80; background: #0005; transition: opacity var(--bui-duration) var(--bui-ease); }\n.bui-backdrop[data-starting-style], .bui-backdrop[data-ending-style] { opacity: 0; }\n.bui-dialog { position: fixed; z-index: 81; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(460px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; background: var(--bui-bg); color: var(--bui-ink); border: 1px solid var(--bui-line); border-radius: 12px; box-shadow: var(--bui-shadow); padding: 1.5rem; transition: opacity var(--bui-duration) var(--bui-ease), scale var(--bui-duration-slow) var(--bui-ease), translate var(--bui-duration-slow) var(--bui-ease); outline: none; }\n.bui-dialog[data-starting-style], .bui-dialog[data-ending-style] { opacity: 0; scale: .98; translate: 0 8px; }\n.bui-dialog-heading { display: flex; align-items: flex-start; gap: 1rem; justify-content: space-between; }\n.bui-dialog-heading .bui-icon-button { flex-shrink: 0; margin-top: -.5rem; margin-right: -.5rem; }\n.bui-dialog-title { font-family: var(--bui-heading); font-size: 1.25rem; line-height: 1.4; font-weight: 600; margin: 0; letter-spacing: -.04em; }\n.bui-dialog-description { margin: .5rem 0 0; color: var(--bui-muted); font-size: .8125rem; line-height: 1.7; }\n.bui-dialog-body { padding-top: 1.5rem; }\n.bui-sheet { top: 0; left: auto; right: 0; transform: none; height: 100dvh; max-height: 100dvh; width: min(420px, calc(100vw - 1rem)); border-radius: 0; border-width: 0 0 0 1px; transition: transform var(--bui-duration-slow) var(--bui-ease), opacity var(--bui-duration) var(--bui-ease); }\n.bui-sheet[data-starting-style], .bui-sheet[data-ending-style] { transform: translateX(100%); scale: 1; translate: none; }\n.bui-popover { width: min(300px, calc(100vw - 2rem)); padding: 1.25rem; }\n.bui-popover > div { margin-top: 1rem; }\n.bui-tooltip { background: var(--bui-ink); color: var(--bui-bg); max-width: min(260px, calc(100vw - 2rem)); padding: .4rem .65rem; border-radius: 4px; font: .75rem/1.5 var(--bui-font); }\n.bui-menu { min-width: 180px; }\n.bui-destructive { color: var(--bui-danger); }\n.bui-toast-viewport { position: fixed; z-index: 100; right: 1.25rem; bottom: 1.25rem; width: min(360px, calc(100vw - 2.5rem)); display: flex; flex-direction: column; gap: .5rem; outline: none; }\n.bui-toast { display: flex; align-items: flex-start; gap: .75rem; border: 1px solid var(--bui-line); border-left: 3px solid var(--bui-focus); background: var(--bui-bg); color: var(--bui-ink); border-radius: 6px; padding: 1rem; box-shadow: var(--bui-shadow); transition: opacity var(--bui-duration) var(--bui-ease), transform var(--bui-duration-slow) var(--bui-ease); }\n.bui-toast[data-starting-style], .bui-toast[data-ending-style] { opacity: 0; transform: translateY(10px); }\n.bui-toast-content { flex: 1; }\n.bui-toast-close { padding: 0; border: 0; background: transparent; color: var(--bui-muted); cursor: pointer; width: 24px; height: 24px; }\n.bui-table-toolbar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }\n.bui-table-toolbar .bui-input { max-width: 280px; }\n.bui-table-toolbar .bui-hint { white-space: nowrap; }\n.bui-table-scroll { width: 100%; overflow-x: auto; border: 1px solid var(--bui-line); border-radius: 6px; }\n.bui-table { border-collapse: collapse; text-align: start; width: 100%; white-space: nowrap; }\n.bui-table th { background: var(--bui-surface); font-size: .75rem; font-weight: 500; color: var(--bui-muted); }\n.bui-table th, .bui-table td { padding: .85rem 1rem; border-bottom: 1px solid var(--bui-line); }\n.bui-table tr:last-child td { border-bottom: 0; }\n.bui-table th button { padding: 0; font: inherit; color: inherit; background: transparent; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: .75rem; }\n.bui-table th button:focus-visible { outline: 2px solid var(--bui-focus); outline-offset: 4px; }\n.bui-table tbody tr { transition: background-color var(--bui-duration) var(--bui-ease); }\n.bui-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; border: 0; }\n/* Keep the hit area still; movement belongs to the supporting detail. */\n.bui-button-content { display: inline-flex; justify-content: center; align-items: center; gap: inherit; transition: opacity var(--bui-duration-fast) var(--bui-ease); }\n.bui-button-spinner { position: absolute; inset: 0; display: grid; place-items: center; }\n.bui-button[aria-busy=\"true\"] { opacity: 1; cursor: progress; }\n.bui-button[aria-busy=\"true\"] .bui-button-content { opacity: 0; }\n.bui-button [data-bui-icon=\"arrow\"] { transition: transform var(--bui-duration-slow) var(--bui-ease); }\n.bui-button:active:not(:disabled) { transform: scale(.985); transition-duration: var(--bui-duration-fast); }\n.bui-input:disabled, .bui-accordion-trigger:disabled { cursor: not-allowed; }\n.bui-tab:focus-visible { outline-offset: -3px; }\n.bui-tab-indicator { position: absolute; left: 0; bottom: 0; height: 2px; width: var(--active-tab-width); transform: translateX(var(--active-tab-left)); border-radius: 2px; background: var(--bui-focus); pointer-events: none; transition: transform var(--bui-duration-slow) var(--bui-ease), width var(--bui-duration-slow) var(--bui-ease); }\n.bui-tab-panel:not([hidden]) { animation: bui-panel-enter var(--bui-duration) var(--bui-ease); }\n/* Remove the outgoing panel immediately so rapid tab changes never stack layouts. */\n.bui-tab-panel[data-ending-style] { display: none; animation: none; }\n@keyframes bui-panel-enter { from { opacity: 0; translate: 0 4px; } to { opacity: 1; translate: 0 0; } }\n.bui-select-trigger [data-bui-icon=\"chevron\"], .bui-combobox-trigger svg { transition: transform var(--bui-duration-slow) var(--bui-ease); }\n.bui-select-trigger[data-popup-open] [data-bui-icon=\"chevron\"], .bui-combobox-trigger[data-popup-open] svg { transform: rotate(180deg); }\n.bui-tooltip { transform-origin: var(--transform-origin); transition: opacity var(--bui-duration-fast) var(--bui-ease), transform var(--bui-duration) var(--bui-ease); }\n.bui-tooltip[data-starting-style], .bui-tooltip[data-ending-style] { opacity: 0; transform: translateY(3px); }\n.bui-popup[data-side=\"top\"][data-starting-style], .bui-popup[data-side=\"top\"][data-ending-style] { transform: translateY(4px) scale(.98); }\n.bui-popup[data-ending-style], .bui-tooltip[data-ending-style], .bui-dialog[data-ending-style], .bui-backdrop[data-ending-style], .bui-toast[data-ending-style] { transition-duration: var(--bui-duration-fast); transition-timing-function: var(--bui-ease-exit); }\n@media (hover: hover) and (pointer: fine) {\n .bui-button--primary:hover:not(:disabled) { background: var(--bui-primary-hover); border-color: var(--bui-primary-hover); }\n .bui-button--accent:hover:not(:disabled) { background: var(--bui-accent-hover); border-color: var(--bui-accent-hover); }\n .bui-button--secondary:hover:not(:disabled), .bui-button--ghost:hover:not(:disabled) { background: var(--bui-surface); border-color: var(--bui-line); }\n .bui-button:hover:not(:disabled) [data-bui-icon=\"arrow\"] { transform: translate(2px,-2px); }\n .bui-tab:hover:not(:disabled), .bui-accordion-trigger:hover:not(:disabled) { color: var(--bui-focus); }\n .bui-table tbody tr:hover { background: var(--bui-surface); }\n}\n@media (prefers-reduced-motion: reduce) {\n [class^=\"bui-\"], [class*=\" bui-\"], [class^=\"bui-\"]::before, [class*=\" bui-\"]::before, [class^=\"bui-\"]::after, [class*=\" bui-\"]::after { animation: none !important; transition: none !important; }\n .bui-button:active:not(:disabled), .bui-button:hover:not(:disabled) [data-bui-icon=\"arrow\"] { transform: none; }\n}\n@media (forced-colors: active) {\n .bui-card { outline: 1px solid CanvasText; }\n .bui-tab-indicator { background: Highlight; }\n .bui-checkbox:checked::after { border-color: Highlight; }\n .bui-switch:checked::after { background: Highlight; }\n .bui-spinner { border-color: CanvasText; border-right-color: transparent; }\n}\n\n/* Base UI supplies lifecycle and swipe state. BLD8 supplies tokens and easing. */\n.bui-drawer-backdrop { background:#0005; opacity:calc(1 - var(--drawer-swipe-progress,0)); transition:opacity var(--bui-duration) var(--bui-ease); }\n.bui-drawer-backdrop[data-starting-style],.bui-drawer-backdrop[data-ending-style] { opacity:0; }\n.bui-drawer { line-height:1.5; max-width:100vw; outline:none; transition:transform var(--bui-duration-slow) var(--bui-ease); transform:translate3d(var(--drawer-swipe-movement-x,0px),var(--drawer-swipe-movement-y,0px),0); }\n.bui-drawer[data-side=\"bottom\"] { bottom:0; left:0; right:0; width:min(640px,100%); margin-inline:auto; max-height:85dvh; border-radius:12px 12px 0 0; padding-bottom:env(safe-area-inset-bottom); }\n.bui-drawer[data-side=\"left\"],.bui-drawer[data-side=\"right\"] { top:0; bottom:0; width:min(360px,calc(100vw - 32px)); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); }\n.bui-drawer[data-side=\"left\"] { left:0; border-radius:0 12px 12px 0; }\n.bui-drawer[data-side=\"right\"] { right:0; border-radius:12px 0 0 12px; }\n.bui-drawer[data-side=\"bottom\"]:is([data-starting-style],[data-ending-style]) { transform:translate3d(0,100%,0); }\n.bui-drawer[data-side=\"left\"]:is([data-starting-style],[data-ending-style]) { transform:translate3d(-100%,0,0); }\n.bui-drawer[data-side=\"right\"]:is([data-starting-style],[data-ending-style]) { transform:translate3d(100%,0,0); }\n.bui-drawer[data-swiping],.bui-drawer-backdrop[data-swiping] { transition-duration:0ms; }\n.bui-drawer-handle { flex-shrink:0; cursor:grab; touch-action:none; }\n.bui-drawer *, .bui-context-menu *, .bui-sidebar-layout * { box-sizing:border-box; }\n.bui-context-menu { max-height:var(--available-height); overflow-y:auto; transform-origin:var(--transform-origin); transition:opacity var(--bui-duration-fast) var(--bui-ease),transform var(--bui-duration) var(--bui-ease); outline:none; border:1px solid var(--bui-line); }\n.bui-context-menu:is([data-starting-style],[data-ending-style]) { opacity:0; transform:translateY(-3px) scale(.98); }\n.bui-context-item { transition:background-color var(--bui-duration-fast) var(--bui-ease),color var(--bui-duration-fast) var(--bui-ease); }\n.bui-sidebar { width:216px; transition:width var(--bui-duration-slow) var(--bui-ease); }\n.bui-sidebar[data-collapsed] { width:68px; }\n.bui-sidebar[data-collapsed] .bui-sidebar-label,.bui-sidebar[data-collapsed] .bui-sidebar-footer { display:none; }\n.bui-sidebar[data-collapsed] .bui-sidebar-header { justify-content:center; padding-inline:0; }\n.bui-sidebar-button { line-height:1.5; transition:background-color var(--bui-duration) var(--bui-ease),color var(--bui-duration) var(--bui-ease); }\n.bui-sidebar-mobile .bui-sidebar-nav { padding:0; }\n@media(hover:hover) and (pointer:fine) { .bui-sidebar-button:hover:not([data-active]):not(:disabled) { background:var(--bui-surface); } }\n@media(prefers-reduced-motion:reduce) { .bui-drawer,.bui-drawer-backdrop,.bui-context-menu,.bui-context-item,.bui-sidebar,.bui-sidebar-button { transition:none; } }\n@media(forced-colors:active) { .bui-sidebar,.bui-drawer { border:1px solid CanvasText; } .bui-sidebar-button[data-active],.bui-context-item[data-highlighted] { outline:2px solid Highlight; } }\n\n.bui-table th {position:relative}\n.bui-column-resize {position:absolute;inset-block:8px;inset-inline-end:0;width:10px;cursor:col-resize;touch-action:none;border-inline-end:2px solid transparent;z-index:2}\n.bui-column-resize:hover,.bui-column-resize:focus-visible {border-color:var(--bui-focus);background:var(--bui-raised)}\n.bui-table td {overflow-wrap:anywhere}\n\n.bui-table th {text-align:start}\n.bui-table [data-pinned] {position:sticky}\n.bui-table-scroll {container-type:inline-size;container-name:bld8-table}\n.bui-table-scroll-hint {display:none;margin:.5rem 0}\n@container bld8-table (max-width:600px) {.bui-table [data-pinned] {position:static}}\n@media(max-width:760px){.bui-table-scroll-hint {display:block}}\n", "target": "@ui/bld8/styles.css", "type": "registry:file" }, { "path": "registry/bld8/tokens.css", "content": ":root, [data-ui-theme=\"light\"] {\n color-scheme: light;\n --bui-canvas: #f5f5f5; --bui-bg: #ffffff; --bui-surface: #f8f8f8; --bui-raised: #eeeeee;\n --bui-ink: #171717; --bui-muted: #626262; --bui-line: #dedede;\n --bui-primary: #171717; --bui-primary-hover: #333333; --bui-primary-ink: #ffffff;\n --bui-accent: #ffe24a; --bui-accent-hover: #f2d32e; --bui-accent-ink: #171717; --bui-accent-border: #857021;\n --bui-focus: #171717; --bui-soft: #fff7d1;\n --bui-danger: #b42318; --bui-danger-bg: #fff1ef;\n --bui-success: #23613b; --bui-success-bg: #edf7ef;\n --bui-warning: #805500; --bui-warning-bg: #fff7df;\n --bui-radius: 4px; --bui-panel-radius: 12px;\n --bui-shadow: 0 3px 7px #19191906, 0 14px 40px #1919190d;\n --bui-ease: cubic-bezier(.16,1,.3,1); --bui-ease-exit: cubic-bezier(.4,0,1,1);\n --bui-duration-fast: 160ms; --bui-duration: 280ms; --bui-duration-slow: 440ms;\n --bui-font: var(--font-body, Arial, sans-serif); --bui-heading: var(--font-display, Arial, sans-serif);\n}\n[data-ui-theme=\"dark\"] {\n color-scheme: dark;\n --bui-canvas: #141414; --bui-bg: #202020; --bui-surface: #262626; --bui-raised: #303030;\n --bui-ink: #f7f7f7; --bui-muted: #b4b4b4; --bui-line: #404040;\n --bui-primary: #f5f5f5; --bui-primary-hover: #dedede; --bui-primary-ink: #171717;\n --bui-focus: #ffe24a; --bui-soft: #39321a;\n --bui-danger: #ffb4a9; --bui-danger-bg: #3c2321;\n --bui-success: #a5deb7; --bui-success-bg: #1e3527;\n --bui-warning: #ebce8a; --bui-warning-bg: #3a311f;\n --bui-shadow: 0 3px 7px #0002, 0 14px 40px #0003;\n}", "target": "@ui/bld8/tokens.css", "type": "registry:file" }, { "path": "registry/bld8/tailwind.css", "content": "/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--bui-spacing:.25rem;--bui-text-xs:.75rem;--bui-text-xs--line-height:calc(1 / .75);--bui-text-sm:.875rem;--bui-text-sm--line-height:calc(1.25 / .875);--bui-text-lg:1.125rem;--bui-text-lg--line-height:calc(1.75 / 1.125);--bui-font-weight-semibold:600;--bui-leading-relaxed:1.625}}@layer base,components;@layer utilities{.bui\\:pointer-events-auto{pointer-events:auto}.bui\\:pointer-events-none{pointer-events:none}.bui\\:fixed{position:fixed}.bui\\:relative{position:relative}.bui\\:inset-0{inset:calc(var(--bui-spacing) * 0)}.bui\\:z-80{z-index:80}.bui\\:z-90{z-index:90}.bui\\:z-\\[81\\]{z-index:81}.bui\\:m-0{margin:calc(var(--bui-spacing) * 0)}.bui\\:mx-auto{margin-inline:auto}.bui\\:my-1{margin-block:calc(var(--bui-spacing) * 1)}.bui\\:my-3{margin-block:calc(var(--bui-spacing) * 3)}.bui\\:mt-2{margin-top:calc(var(--bui-spacing) * 2)}.bui\\:mt-auto{margin-top:auto}.bui\\:mb-0{margin-bottom:calc(var(--bui-spacing) * 0)}.bui\\:ml-auto{margin-left:auto}.bui\\:flex{display:flex}.bui\\:grid{display:grid}.bui\\:size-4{width:calc(var(--bui-spacing) * 4);height:calc(var(--bui-spacing) * 4)}.bui\\:h-1{height:calc(var(--bui-spacing) * 1)}.bui\\:h-px{height:1px}.bui\\:min-h-0{min-height:calc(var(--bui-spacing) * 0)}.bui\\:min-h-10{min-height:calc(var(--bui-spacing) * 10)}.bui\\:min-h-11{min-height:calc(var(--bui-spacing) * 11)}.bui\\:min-h-full{min-height:100%}.bui\\:w-10{width:calc(var(--bui-spacing) * 10)}.bui\\:w-full{width:100%}.bui\\:max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.bui\\:min-w-0{min-width:calc(var(--bui-spacing) * 0)}.bui\\:min-w-52{min-width:calc(var(--bui-spacing) * 52)}.bui\\:flex-1{flex:1}.bui\\:shrink-0{flex-shrink:0}.bui\\:cursor-default{cursor:default}.bui\\:cursor-pointer{cursor:pointer}.bui\\:flex-col{flex-direction:column}.bui\\:items-center{align-items:center}.bui\\:items-start{align-items:flex-start}.bui\\:justify-between{justify-content:space-between}.bui\\:gap-1{gap:calc(var(--bui-spacing) * 1)}.bui\\:gap-3{gap:calc(var(--bui-spacing) * 3)}.bui\\:gap-4{gap:calc(var(--bui-spacing) * 4)}.bui\\:gap-5{gap:calc(var(--bui-spacing) * 5)}.bui\\:gap-6{gap:calc(var(--bui-spacing) * 6)}.bui\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bui\\:overflow-hidden{overflow:hidden}.bui\\:overflow-y-auto{overflow-y:auto}.bui\\:overscroll-contain{overscroll-behavior:contain}.bui\\:rounded-control{border-radius:var(--bui-radius)}.bui\\:rounded-full{border-radius:3.40282e38px}.bui\\:rounded-panel{border-radius:var(--bui-panel-radius)}.bui\\:border-0{border-style:var(--tw-border-style);border-width:0}.bui\\:bg-background{background-color:var(--bui-bg)}.bui\\:bg-border{background-color:var(--bui-line)}.bui\\:bg-transparent{background-color:#0000}.bui\\:p-1\\.5{padding:calc(var(--bui-spacing) * 1.5)}.bui\\:p-3{padding:calc(var(--bui-spacing) * 3)}.bui\\:p-6{padding:calc(var(--bui-spacing) * 6)}.bui\\:px-2{padding-inline:calc(var(--bui-spacing) * 2)}.bui\\:px-3{padding-inline:calc(var(--bui-spacing) * 3)}.bui\\:px-6{padding-inline:calc(var(--bui-spacing) * 6)}.bui\\:py-2{padding-block:calc(var(--bui-spacing) * 2)}.bui\\:py-3{padding-block:calc(var(--bui-spacing) * 3)}.bui\\:pb-2{padding-bottom:calc(var(--bui-spacing) * 2)}.bui\\:pb-6{padding-bottom:calc(var(--bui-spacing) * 6)}.bui\\:text-left{text-align:left}.bui\\:font-body{font-family:var(--bui-font)}.bui\\:text-lg{font-size:var(--bui-text-lg);line-height:var(--tw-leading,var(--bui-text-lg--line-height))}.bui\\:text-sm{font-size:var(--bui-text-sm);line-height:var(--tw-leading,var(--bui-text-sm--line-height))}.bui\\:text-xs{font-size:var(--bui-text-xs);line-height:var(--tw-leading,var(--bui-text-xs--line-height))}.bui\\:leading-relaxed{--tw-leading:var(--bui-leading-relaxed);line-height:var(--bui-leading-relaxed)}.bui\\:font-semibold{--tw-font-weight:var(--bui-font-weight-semibold);font-weight:var(--bui-font-weight-semibold)}.bui\\:text-danger{color:var(--bui-danger)}.bui\\:text-foreground{color:var(--bui-ink)}.bui\\:text-muted{color:var(--bui-muted)}.bui\\:shadow-panel{--tw-shadow:var(--bui-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bui\\:outline-none{--tw-outline-style:none;outline-style:none}.bui\\:select-none{-webkit-user-select:none;user-select:none}.bui\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.bui\\:disabled\\:opacity-45:disabled{opacity:.45}.bui\\:data-active\\:bg-accent[data-active]{background-color:var(--bui-accent)}.bui\\:data-active\\:text-accent-foreground[data-active]{color:var(--bui-accent-ink)}.bui\\:data-disabled\\:pointer-events-none[data-disabled]{pointer-events:none}.bui\\:data-disabled\\:opacity-45[data-disabled]{opacity:.45}.bui\\:data-highlighted\\:bg-surface[data-highlighted]{background-color:var(--bui-surface)}}.bui-button{min-height:calc(var(--bui-spacing) * 11);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--bui-spacing) * 3);border-radius:var(--bui-radius);border-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--bui-spacing) * 4);font-family:var(--bui-font);font-size:var(--bui-text-sm);line-height:var(--tw-leading,var(--bui-text-sm--line-height));--tw-leading:1.5;--tw-font-weight:var(--bui-font-weight-semibold);line-height:1.5;font-weight:var(--bui-font-weight-semibold);white-space:nowrap;border:1px solid #0000;padding-block:.6rem;text-decoration-line:none;display:inline-flex;position:relative}.bui-button--primary{border-color:var(--bui-primary);background-color:var(--bui-primary);color:var(--bui-primary-ink)}.bui-button--accent{border-color:var(--bui-accent);background-color:var(--bui-accent);color:var(--bui-accent-ink)}.bui-button--secondary{border-color:var(--bui-line);background-color:var(--bui-bg);color:var(--bui-ink);--tw-shadow:0 1px 2px var(--tw-shadow-color,#19191905);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bui-button--ghost{color:var(--bui-ink);background-color:#0000}.bui-button--danger{border-color:var(--bui-danger);background-color:var(--bui-danger-bg);color:var(--bui-danger)}.bui-button--sm{min-height:calc(var(--bui-spacing) * 9);padding-inline:calc(var(--bui-spacing) * 3);padding-block:.35rem;font-size:.8125rem}.bui-button--lg{min-height:calc(var(--bui-spacing) * 12);padding-inline:calc(var(--bui-spacing) * 6)}.bui-input{min-height:calc(var(--bui-spacing) * 11);border-radius:var(--bui-radius);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--bui-line);background-color:var(--bui-bg);width:100%;font-family:var(--bui-font);font-size:var(--bui-text-sm);line-height:var(--tw-leading,var(--bui-text-sm--line-height));--tw-leading:1.5;color:var(--bui-ink);padding-block:.65rem;padding-inline:.8rem;line-height:1.5}.bui-input::placeholder{color:var(--bui-muted);opacity:.85}.bui-input:focus{border-color:var(--bui-focus)}.bui-input[aria-invalid=true]{border-color:var(--bui-danger)}.bui-textarea{min-height:calc(var(--bui-spacing) * 28);resize:vertical}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}", "target": "@ui/bld8/tailwind.css", "type": "registry:file" }, { "path": "registry/bld8/licenses/LICENSE", "content": "MIT License\n\nCopyright (c) 2026 Jaison\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n", "target": "@ui/bld8/licenses/LICENSE", "type": "registry:file" }, { "path": "registry/bld8/licenses/LUCIDE_LICENSE", "content": "ISC License\n\nCopyright (c) 2026 Lucide Icons and Contributors\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted, provided that the above\ncopyright notice and this permission notice appear in all copies.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES\nWITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR\nANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\nWHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\nACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF\nOR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n\n---\n\nThe following Lucide icons are derived from the Feather project:\n\nairplay, alert-circle, alert-octagon, alert-triangle, aperture, arrow-down-circle, arrow-down-left, arrow-down-right, arrow-down, arrow-left-circle, arrow-left, arrow-right-circle, arrow-right, arrow-up-circle, arrow-up-left, arrow-up-right, arrow-up, at-sign, calendar, cast, check, chevron-down, chevron-left, chevron-right, chevron-up, chevrons-down, chevrons-left, chevrons-right, chevrons-up, circle, clipboard, clock, code, columns, command, compass, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, crosshair, database, divide-circle, divide-square, dollar-sign, download, external-link, feather, frown, hash, headphones, help-circle, info, italic, key, layout, life-buoy, link-2, link, loader, lock, log-in, log-out, maximize, meh, minimize, minimize-2, minus-circle, minus-square, minus, monitor, moon, more-horizontal, more-vertical, move, music, navigation-2, navigation, octagon, pause-circle, percent, plus-circle, plus-square, plus, power, radio, rss, search, server, share, shopping-bag, sidebar, smartphone, smile, square, table-2, tablet, target, terminal, trash-2, trash, triangle, tv, type, upload, x-circle, x-octagon, x-square, x, zoom-in, zoom-out\n\nThe MIT License (MIT) (for the icons listed above)\n\nCopyright (c) 2013-present Cole Bemis\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n", "target": "@ui/bld8/licenses/LUCIDE_LICENSE", "type": "registry:file" }, { "path": "registry/bld8/licenses/DAY_PICKER_LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2014-2026 Giampaolo Bellavite and contributors\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n", "target": "@ui/bld8/licenses/DAY_PICKER_LICENSE", "type": "registry:file" }, { "path": "registry/bld8/licenses/SHADCN_LICENSE", "content": "MIT License\n\nCopyright (c) 2023 shadcn\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n", "target": "@ui/bld8/licenses/SHADCN_LICENSE", "type": "registry:file" }, { "path": "registry/bld8/licenses/THIRD_PARTY_NOTICES.md", "content": "# Third-party notices\r\n\r\nReact DayPicker 10.0.2 provides calendar selection and keyboard navigation.\r\nSource: https://github.com/gpbl/react-day-picker . Its full MIT notice is included\r\nin `DAY_PICKER_LICENSE`. date-fns and @date-fns/tz are transitive dependencies;\r\ntheir MIT notices accompany their installed npm distributions. BLD8 supplies its\r\nown token-based styling rather than copying another library's styled calendar.\r\n\r\nLucide React 1.55.0 supplies the standard icon family. Source:\r\nhttps://github.com/lucide-icons/lucide . Its ISC licence and the MIT notice for\r\nFeather-derived icons are reproduced in the included `LUCIDE_LICENSE` file.\r\nThe original BLD8 dotted arrow is separate artwork. Named Lucide components are\r\nordinary package dependencies; the icon directory's generated SVG downloads\r\nretain the full upstream licence notices.\r\n\r\nBase UI is used as an installed dependency for accessible interaction primitives. Source: https://github.com/mui/base-ui . Its licence is reproduced below. Base UI remains an installed dependency. Selected shadcn/ui Base UI composition patterns are adapted as described below.\r\n\r\nMIT License\r\n\r\nCopyright (c) 2019 Material-UI SAS\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy\r\nof this software and associated documentation files (the \"Software\"), to deal\r\nin the Software without restriction, including without limitation the rights\r\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r\ncopies of the Software, and to permit persons to whom the Software is\r\nfurnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all\r\ncopies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r\nSOFTWARE.\r\n\r\nSelected composition patterns are adapted from shadcn/ui (MIT, copyright 2023 shadcn). Pinned upstream revision: 30a58d4498f270af1c1e981a7d78a15cf5740841. The full notice is in SHADCN_LICENSE. Drawer, context-menu and sidebar compositions and the button variant pattern retain BLD8 styling and focused APIs. Provenance and source hashes: docs/upstream.json in the repository.\r\n\r\nTailwind CSS 4.3.0 and its CLI are build dependencies (MIT). clsx, class-variance-authority and tailwind-merge are runtime dependencies (MIT). Their notices accompany installed npm distributions. Compiled utilities are included; consuming applications do not need Tailwind.\r\n", "target": "@ui/bld8/licenses/THIRD_PARTY_NOTICES.md", "type": "registry:file" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-calendar", "type": "registry:ui", "title": "BLD8 calendar source", "description": "BLD8 calendar source with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [ "@base-ui/react@1.8.0", "lucide-react@1.55.0", "react-day-picker@10.0.2" ], "registryDependencies": [ "https://ui.bld8.dev/r/bld8-styles.json", "https://ui.bld8.dev/r/bld8-core.json", "https://ui.bld8.dev/r/bld8-state.json" ], "files": [ { "path": "registry/bld8/calendar.tsx", "content": "'use client';\nimport './styles.css';\nimport { useId, useRef, useState } from 'react';\nimport { DayPicker, type DateRange, type DayPickerLocale } from 'react-day-picker';\nimport { Popover } from '@base-ui/react/popover';\nimport { CalendarDays, X } from 'lucide-react';\nimport { Button, Icon, IconButton } from './core';\nimport { useControllableValue } from './state';\nexport type { DateRange, DayPickerLocale } from 'react-day-picker';\n\nexport interface CalendarBaseProps {\n label?: string;\n defaultMonth?: Date;\n minDate?: Date;\n maxDate?: Date;\n disabled?: boolean;\n locale?: DayPickerLocale;\n weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n autoFocus?: boolean;\n}\nexport type CalendarProps = CalendarBaseProps & (\n { mode?: 'single'; value?: Date; onValueChange?: (value: Date | undefined) => void } |\n { mode: 'range'; value?: DateRange; onValueChange?: (value: DateRange | undefined) => void }\n);\nconst calendarClasses = {\n root:'bui-calendar', months:'bui-calendar-months', month:'bui-calendar-month', month_caption:'bui-calendar-caption',\n caption_label:'bui-calendar-label', nav:'bui-calendar-nav', button_previous:'bui-calendar-nav-button', button_next:'bui-calendar-nav-button',\n chevron:'bui-calendar-chevron', month_grid:'bui-calendar-grid', weekday:'bui-calendar-weekday', day:'bui-calendar-day', day_button:'bui-calendar-day-button',\n today:'bui-calendar-today', selected:'bui-calendar-selected', outside:'bui-calendar-outside', disabled:'bui-calendar-disabled',\n range_start:'bui-calendar-range-start', range_end:'bui-calendar-range-end', range_middle:'bui-calendar-range-middle', hidden:'bui-calendar-hidden',\n};\nexport function Calendar({ label = 'Choose a date', defaultMonth, minDate, maxDate, disabled, locale, weekStartsOn = 1, autoFocus, ...selection }: CalendarProps) {\n const common = { classNames:calendarClasses, 'aria-label':label, defaultMonth:defaultMonth ?? (selection.mode === 'range' ? selection.value?.from : selection.value),\n startMonth:minDate, endMonth:maxDate, locale, weekStartsOn, autoFocus, showOutsideDays:true, fixedWeeks:true,\n disabled:disabled ? true : [ ...(minDate ? [{before:minDate}] : []), ...(maxDate ? [{after:maxDate}] : []) ] };\n return selection.mode === 'range'\n ? \n : ;\n}\n/** Date-only form values use local calendar fields, never UTC conversion. */\nexport function formatDateValue(value?: Date) {\n return value && !Number.isNaN(value.getTime()) ? [value.getFullYear(), String(value.getMonth() + 1).padStart(2, '0'), String(value.getDate()).padStart(2, '0')].join('-') : '';\n}\nexport interface DatePickerProps extends Omit {\n label: string;\n value?: Date | null;\n defaultValue?: Date | null;\n onValueChange?: (value: Date | null) => void;\n name?: string;\n placeholder?: string;\n hint?: string;\n error?: string;\n formatLocale?: string;\n}\nexport function DatePicker({ label, value, defaultValue = null, onValueChange, name, placeholder = 'Choose a date', hint, error, formatLocale = 'en-AU', ...calendar }: DatePickerProps) {\n const id = useId(); const [open, setOpen] = useState(false);\n const trigger=useRef(null);\n const [selected, setSelected] = useControllableValue(value, defaultValue, onValueChange);\n const display = selected ? new Intl.DateTimeFormat(formatLocale, {day:'numeric', month:'short', year:'numeric'}).format(selected) : placeholder;\n return
\n \n
\n \n {display}\n \n {label}\n {setSelected(date ?? null);setOpen(false);}} />\n \n {selected && {setSelected(null);trigger.current?.focus();}} />}\n
\n {name && }\n {(hint || error) &&

{error || hint}

}\n
;\n}\nexport interface DateRangePickerProps extends Omit {\n value?: DateRange | null;\n defaultValue?: DateRange | null;\n onValueChange?: (value: DateRange | null) => void;\n}\nexport function DateRangePicker({ label, value, defaultValue = null, onValueChange, name, placeholder = 'Choose a date range', hint, error, formatLocale = 'en-AU', ...calendar }: DateRangePickerProps) {\n const id = useId(); const [open, setOpen] = useState(false);\n const trigger=useRef(null);\n const [selected, setSelected] = useControllableValue(value, defaultValue, onValueChange);\n const format = (date:Date) => new Intl.DateTimeFormat(formatLocale, {day:'numeric',month:'short',year:'numeric'}).format(date);\n const display = selected?.from ? format(selected.from) + (selected.to ? ' – ' + format(selected.to) : ' – Choose end date') : placeholder;\n return
\n \n {display}\n \n {label}\n setSelected(range ?? null)} />\n
{selected?.from && selected.to ? 'Range selected' : 'Choose start and end dates'}
\n \n {selected && {setSelected(null);trigger.current?.focus();}} />}\n
\n {name && <>}\n {(hint || error) &&

{error || hint}

}\n
;\n}\n", "target": "@ui/bld8/calendar.tsx", "type": "registry:ui" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-command", "type": "registry:ui", "title": "BLD8 command source", "description": "BLD8 command source with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [ "@base-ui/react@1.8.0", "lucide-react@1.55.0" ], "registryDependencies": [ "https://ui.bld8.dev/r/bld8-styles.json", "https://ui.bld8.dev/r/bld8-core.json", "https://ui.bld8.dev/r/bld8-overlays.json", "https://ui.bld8.dev/r/bld8-state.json" ], "files": [ { "path": "registry/bld8/command.tsx", "content": "'use client';\nimport './styles.css';\nimport { useEffect, useRef, type ReactElement } from 'react';\nimport { Combobox } from '@base-ui/react/combobox';\nimport { Search, type LucideIcon } from 'lucide-react';\nimport { Icon } from './core';\nimport { Dialog } from './overlays';\nimport { useControllableValue } from './state';\n\nexport interface CommandItem {\n id: string;\n label: string;\n description?: string;\n category?: string;\n keywords?: string[];\n icon?: LucideIcon;\n disabled?: boolean;\n onSelect: () => void;\n}\nexport interface CommandPaletteProps {\n items: CommandItem[];\n trigger?: ReactElement;\n title?: string;\n placeholder?: string;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n /** Register Ctrl/Command+K once per application. Disabled by default. */\n shortcut?: boolean;\n}\nexport function CommandPalette({ items, trigger, title = 'Quick actions', placeholder = 'Search pages and actions…', open, defaultOpen = false, onOpenChange, shortcut = false }: CommandPaletteProps) {\n const [isOpen, setOpen] = useControllableValue(open, defaultOpen, onOpenChange);\n const input=useRef(null);\n useEffect(() => {\n if (!shortcut) return;\n const handle = (event: KeyboardEvent) => {\n if (event.key.toLowerCase() === 'k' && (event.metaKey || event.ctrlKey) && !event.altKey && !event.repeat && !event.isComposing) {\n event.preventDefault(); setOpen(!isOpen);\n }\n };\n document.addEventListener('keydown', handle);\n return () => document.removeEventListener('keydown', handle);\n }, [shortcut, isOpen, setOpen]);\n return inline open={isOpen} onOpenChange={setOpen} items={items} value={null} autoHighlight\n itemToStringLabel={item => item.label} isItemEqualToValue={(a, b) => a.id === b.id}\n filter={(item, query) => [item.label, item.description, item.category, ...(item.keywords ?? [])].join(' ').toLocaleLowerCase().includes(query.trim().toLocaleLowerCase())}\n onValueChange={item => { if (item && !item.disabled) { setOpen(false); item.onSelect(); } }}>\n \n
\n
\n No matching actions. Try another search.\n {(item: CommandItem) => \n {item.icon && }\n {item.label}{item.description && {item.description}}\n {item.category && {item.category}}\n }\n
↑↓ Navigate↵ Open
\n
\n \n ;\n}\n", "target": "@ui/bld8/command.tsx", "type": "registry:ui" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-context-menu", "type": "registry:ui", "title": "BLD8 context-menu source", "description": "BLD8 context-menu source with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [ "@base-ui/react@1.8.0", "lucide-react@1.55.0" ], "registryDependencies": [ "https://ui.bld8.dev/r/bld8-styles.json", "https://ui.bld8.dev/r/bld8-utils.json" ], "files": [ { "path": "registry/bld8/context-menu.tsx", "content": "'use client';\nimport './styles.css';\r\n// Adapted from shadcn/ui's Base UI composition. See SHADCN_LICENSE and docs/upstream.json.\r\nimport { ContextMenu as Primitive } from '@base-ui/react/context-menu';\r\nimport { Check, ChevronRight, Circle } from 'lucide-react';\r\nimport { cn } from './utils';\r\n\r\nexport const ContextMenu = Primitive.Root;\r\nexport const ContextMenuGroup = Primitive.Group;\r\nexport const ContextMenuRadioGroup = Primitive.RadioGroup;\r\nexport const ContextMenuSub = Primitive.SubmenuRoot;\r\nexport function ContextMenuTrigger(props:Primitive.Trigger.Props) {\r\n return ;\r\n}\r\ntype Styled

= Omit & {className?:string};\r\nexport function ContextMenuContent({className,side='right',align='start',sideOffset=4,...props}:Styled & Pick) {\r\n return \r\n \r\n ;\r\n}\r\nconst itemClass='bui-context-item bui:relative bui:flex bui:min-h-10 bui:items-center bui:gap-3 bui:rounded-control bui:px-3 bui:py-2 bui:cursor-default bui:outline-none bui:select-none bui:data-highlighted:bg-surface bui:data-disabled:opacity-45 bui:data-disabled:pointer-events-none';\r\nexport function ContextMenuItem({className,destructive=false,...props}:Styled&{destructive?:boolean}) {\r\n return ;\r\n}\r\nexport function ContextMenuCheckboxItem({className,children,...props}:Styled) {\r\n return \r\n {children}\r\n ;\r\n}\r\nexport function ContextMenuRadioItem({className,children,...props}:Styled) {\r\n return \r\n {children}\r\n ;\r\n}\r\nexport function ContextMenuSubTrigger({className,children,...props}:Styled) {\r\n return {children};\r\n}\r\nexport function ContextMenuSeparator({className,...props}:Styled) {\r\n return ;\r\n}\r\nexport function ContextMenuLabel({className,...props}:Styled) {\r\n return ;\r\n}\r\n", "target": "@ui/bld8/context-menu.tsx", "type": "registry:ui" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-controls", "type": "registry:ui", "title": "BLD8 controls source", "description": "BLD8 controls source with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [ "@base-ui/react@1.8.0" ], "registryDependencies": [ "https://ui.bld8.dev/r/bld8-styles.json", "https://ui.bld8.dev/r/bld8-core.json", "https://ui.bld8.dev/r/bld8-state.json" ], "files": [ { "path": "registry/bld8/controls.tsx", "content": "'use client';\nimport './styles.css';\nimport { useId, useRef, type ReactNode } from 'react';\nimport { Select as PrimitiveSelect } from '@base-ui/react/select';\nimport { Combobox as PrimitiveCombobox } from '@base-ui/react/combobox';\nimport { Tabs as PrimitiveTabs } from '@base-ui/react/tabs';\nimport { Accordion as PrimitiveAccordion } from '@base-ui/react/accordion';\nimport { Icon, type Option } from './core';\nimport { useControllableValue } from './state';\n\nexport interface SelectProps { label: string; options: Option[]; value?: string | null; defaultValue?: string; onValueChange?: (value: string | null) => void; placeholder?: string; name?: string; disabled?: boolean; required?: boolean; clearable?: boolean }\nexport function Select({ label, options, placeholder = 'Select an option', value, defaultValue, onValueChange, clearable, ...props }: SelectProps) {\n const id = useId();\n const trigger=useRef(null);\n const [selected, setSelected] = useControllableValue(value, defaultValue ?? null, onValueChange);\n return

{options.map(option => {option.label})}{clearable && selected !== null && }
;\n}\nexport interface ComboboxProps { label: string; items: string[]; value?: string | null; defaultValue?: string; onValueChange?: (value: string | null) => void; placeholder?: string; name?: string; disabled?: boolean; required?: boolean; clearable?: boolean }\nexport function Combobox({ label, placeholder = 'Search options…', clearable, ...props }: ComboboxProps) {\n const id = useId();\n return
{clearable && }No matching options.{(item: string) => {item}}
;\n}\nexport function Tabs({ label, items, value, defaultValue, onValueChange }: { label: string; items: { value: string; label: string; content: ReactNode; disabled?: boolean }[]; value?: string; defaultValue?: string; onValueChange?: (value: string) => void }) {\n return { if (typeof next === 'string') onValueChange?.(next); }}>{items.map(item => {item.label})}{items.map(item => {item.content})};\n}\nexport function Accordion({ items, multiple = false, defaultValue, value, onValueChange }: { items: { value: string; title: string; content: ReactNode; disabled?: boolean }[]; multiple?: boolean; defaultValue?: string[]; value?: string[]; onValueChange?: (value: string[]) => void }) {\n return {items.map(item => {item.title}
{item.content}
)};\n}\n", "target": "@ui/bld8/controls.tsx", "type": "registry:ui" } ] }, { "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "bld8-core", "type": "registry:ui", "title": "BLD8 core source", "description": "BLD8 core source with editable BLD8 source.", "author": "Jaison (https://bld8.dev)", "dependencies": [ "lucide-react@1.55.0" ], "registryDependencies": [ "https://ui.bld8.dev/r/bld8-styles.json", "https://ui.bld8.dev/r/bld8-icons.json", "https://ui.bld8.dev/r/bld8-utils.json", "https://ui.bld8.dev/r/bld8-variants.json" ], "files": [ { "path": "registry/bld8/core.tsx", "content": "'use client';\nimport './styles.css';\nimport { createContext, useContext, useId, useState, type ComponentProps, type CSSProperties, type ReactNode } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport { Icon } from './icons';\nimport { cn } from './utils';\nimport { buttonVariants } from './variants';\nexport { Icon, type IconProps, type IconName } from './icons';\n\nexport function cx(...values: (string | false | undefined)[]) { return values.filter(Boolean).join(' '); }\nexport type ButtonProps = ComponentProps<'button'> & { variant?: 'primary' | 'accent' | 'secondary' | 'ghost' | 'danger'; size?: 'sm' | 'md' | 'lg'; loading?: boolean; leadingIcon?:LucideIcon; trailingIcon?:LucideIcon };\nexport function Button({ variant = 'primary', size = 'md', loading, disabled, className, children, type = 'button', leadingIcon, trailingIcon, ...props }: ButtonProps) {\n return ;\n}\nexport function IconButton({ label, icon, children, ...props }: ButtonProps & { label: string; icon?:LucideIcon }) { return ; }\nconst FieldContext = createContext<{ id: string; description?: string; invalid: boolean; required?: boolean } | null>(null);\nexport function Field({ label, hint, error, id: suppliedId, children, required }: { label: string; hint?: string; error?: string; id?: string; children: ReactNode; required?: boolean }) {\n const generated = useId(); const id = suppliedId || generated;\n const description = [hint && id + '-hint', error && id + '-error'].filter(Boolean).join(' ') || undefined;\n return
{children}{hint &&

{hint}

}{error &&

{error}

}
;\n}\nexport function Input({ className, density = 'comfortable', ...props }: ComponentProps<'input'> & { density?: 'comfortable' | 'compact' }) {\n const field = useContext(FieldContext);\n return ;\n}\nexport function Textarea({ className, ...props }: ComponentProps<'textarea'>) {\n const field = useContext(FieldContext);\n return