/* ============================================================================ Estate Matrix Kit — BARREL Single import that wires the whole kit. Order matters: foundations first (tokens → typography → elevation → gradients → motion), then icons, then primitives, then data, then shell, then heroes. Component @imports are appended as each component lands. ============================================================================ */ /* ---- Foundations ---- */ @import "foundations/tokens.css"; @import "foundations/typography.css"; @import "foundations/elevation.css"; @import "foundations/gradients.css"; @import "foundations/motion.css"; @import "foundations/skeleton.css"; /* Phase 4 — shared skeleton/shape util layer (D-03); MUST precede skeleton/loading-skeleton/data-surface/chart-empty consumers */ @import "assets/icons.css"; /* ---- Primitives ---- */ @import "primitives/button/component.css"; @import "primitives/icon-button/component.css"; @import "primitives/fab/component.css"; @import "primitives/toggle-button/component.css"; @import "primitives/button-group/component.css"; @import "primitives/split-button/component.css"; @import "primitives/segmented-button/component.css"; /* Phase 2 — Wave 1 shared layer (MUST precede Wave-2 consumers) */ @import "primitives/input/component.css"; /* owns .em-input-shape (D-05) */ @import "primitives/label/component.css"; @import "primitives/popover-surface/component.css"; /* .em-popover-surface/.em-listbox/.em-option/.em-calendar/.em-time-column (D-09) */ /* Phase 2 — Wave 2 consumers (compose the Wave-1 shared layer) */ @import "primitives/number-input/component.css"; @import "primitives/password-input/component.css"; @import "primitives/textarea/component.css"; /* selection controls — compose .em-input-shape + the shared .em-popover-surface/.em-listbox (D-02) */ @import "primitives/select/component.css"; @import "primitives/combobox/component.css"; @import "primitives/multi-select/component.css"; @import "primitives/entity-link-picker/component.css"; /* boolean control + the field-assembly bridge (compose .em-label + control, D-11) */ @import "primitives/checkbox/component.css"; @import "primitives/form/component.css"; /* datetime pickers — compose .em-input-shape + shared .em-calendar (D-06) / .em-time-column (D-07); MUST be after popover-surface (calendar + time-column) and after select (TimePicker reuses the select trigger). Last Wave-2 plan (02-06). */ @import "primitives/date-picker/component.css"; @import "primitives/date-range-picker/component.css"; @import "primitives/time-picker/component.css"; /* (appended per component as ported) */ /* Phase 3 — status primitives (read --status-* / --inv-status-* from tokens.css) */ @import "primitives/badge/component.css"; @import "primitives/crm-status-pill/component.css"; @import "primitives/status-pill/component.css"; /* wraps .em-badge — after badge */ @import "primitives/board-cell/component.css"; /* CRM-tone tints; role=button row (STAT-04) */ /* Phase 3 — overlay-modal */ @import "primitives/dialog/component.css"; @import "primitives/sheet/component.css"; /* shares dialog chrome — after dialog */ /* Phase 3 — floating overlays (ADOPT .em-popover-surface — after L29) */ @import "primitives/dropdown-menu/component.css"; @import "primitives/tooltip/component.css"; @import "primitives/popover/component.css"; @import "primitives/flyout/component.css"; /* reuses dropdown-menu sub-trigger (D-06) */ @import "primitives/toast/component.css"; /* 5 variants; reuses --status-*-tint (D-13) */ /* Phase 3 — structure */ @import "primitives/tabs/component.css"; @import "primitives/progress/component.css"; @import "primitives/switch/component.css"; @import "primitives/separator/component.css"; /* --line hairline; h/v; role=separator (STR-04) */ @import "primitives/scroll-area/component.css"; /* overlay thumb; opt-in .is-scrollable (STR-05) */ @import "primitives/avatar/component.css"; /* 3 sizes; image/initials/badge/group (STR-06) */ /* Phase 4 — shared bases (BEFORE all Phase-4 consumers) */ @import "primitives/data-surface/component.css"; /* .em-data-surface base (D-01); composes skeleton shapes; MUST precede empty-state + chart. After button (L18) for .em-btn compose. */ @import "primitives/skeleton/component.css"; /* FB-02 — composes foundations/skeleton.css shapes */ @import "primitives/loading-skeleton/component.css"; /* FB-03 — board/generic/table-row presets compose .em-skeleton (after skeleton) */ @import "primitives/empty-state/component.css"; /* FB-04 — deltas on .em-data-surface (after data-surface base) */ @import "primitives/file-upload/component.css"; /* FB-01 — composes .em-progress (L71) + .em-icon-btn (L20) + --status-* tints */ @import "primitives/chart/component.css"; /* FB-05 — adopts .em-popover-surface tooltip (L30) + composes .em-data-surface empty/error; series var(--chart-1..5) only */ /* ---- Card shell ---- */ @import "primitives/card/component.css"; /* Phase 5 D-01 — shared surface primitive; AP-6 foundation-first. MUST precede DataTable + ChartCard which compose .em-card. After button (L19) for .em-btn compose + after elevation/skeleton foundations. */ /* ---- Data ---- */ @import "data/data-table/component.css"; /* DATA-01 — composes .em-card (above), .em-data-surface, .em-loading-skeleton, .em-checkbox, .em-dropdown-menu, .em-icon-button, .em-btn, .em-badge/.em-crm-status-pill, .em-separator, .em-avatar — all already imported above */ @import "data/sankey-funnel/component.css"; /* DATA-05 — SVG paint-child seam; series var(--chart-N)/-soft; before chart-card (funnel delegates) */ @import "data/chart-card/component.css"; /* DATA-04 — composes .em-card (above) + .em-chart + .em-sankey-funnel (above) + .em-data-surface/.em-loading-skeleton; paint children .em-bar__fill/.em-area__fill/.em-kpi__accent */ @import "data/kanban-board/component.css"; /* DATA-02 — composes .em-card[soft] + .em-loading-skeleton[board] + .em-data-surface + .em-scroll-area + .em-crm-status-pill */ @import "data/calendar-view/component.css"; /* DATA-03 — composes .em-tabs + .em-icon-button + .em-loading-skeleton[generic] + .em-data-surface; triple-encoded events via --chart-1/2/3 */ @import "data/view-toggle/component.css"; /* DATA-09 — wraps .em-segmented-button (L25); icon-label/icon-only + responsive collapse */ @import "data/page-toolbar/component.css"; /* DATA-08 — three-slot layout grid; hosts FilterBar/ViewToggle/action; transparent, no surface */ @import "data/filter-bar/component.css"; /* DATA-06 — composes input/select/combobox/multi-select/date-range-picker/switch + status-tint chips + Clear */ @import "data/filter-sheet/component.css"; /* DATA-07 — composes .em-sheet (right/bottom) + hosts FilterBar; data-layout inline/tablet/phone */ @import "data/slide-over-panel/component.css"; /* DATA-10 — composes .em-sheet[right]; flat overlay; default 480 / lg 720 */ @import "data/breadcrumb-header/component.css"; /* DATA-11 — composes .em-dropdown-menu (overflow) + .em-tooltip (truncate) + Satoshi/Inter roles */ /* (appended per component as ported) */ /* ---- Shell ---- */ @import "shell/profile-dock/component.css"; /* SHL-03 — composes .em-avatar + .em-dropdown-menu (upward) + .em-icon chevron; shared data-collapsed; BEFORE side-nav which docks it */ @import "shell/side-nav/component.css"; /* SHL-01 — composes .em-scroll-area + .em-popover (flyout) + .em-tooltip (leaf) + .em-badge + .em-profile-dock (above); data-collapsed single-source 240/72; emerald active pill --c-emerald-2/--on-emerald */ @import "shell/global-search/component.css"; /* SHL-04 — composes .em-dialog + .em-input + .em-kbd + .em-crm-status-pill + .em-avatar + .em-data-surface (empty) + .em-menu-item; layout-only overrides */ @import "shell/quick-add-button/component.css"; /* SHL-05 — composes .em-btn + .em-badge (overdue) + .em-dropdown-menu (down) */ @import "shell/notification-bell/component.css"; /* SHL-06 — composes .em-icon-btn + .em-badge (0/n/9+) + .em-dropdown-menu (rows) + .em-data-surface (empty) */ @import "shell/segment-filter/component.css"; /* SHL-08 — wraps .em-seg-btn radiogroup (All/Sale/Re-Sale/Rent) */ @import "shell/theme-toggle/component.css"; /* SHL-09 — STATIC switch over .em-icon-btn (sun/moon) + gold focus ring; [data-theme] flip = README seam (D-01) */ @import "shell/breadcrumb-header-band/component.css"; /* SHL-10 — full-width band wrapping the BUILT .em-breadcrumb-header (data/, L99); with-header + suppressed */ @import "shell/mobile-nav-drawer/component.css"; /* SHL-07 — LEFT .em-sheet hosting the SideNav nav-tree (force-expanded) + .em-profile-dock; AFTER side-nav (reuses its tree) */ @import "shell/top-bar/component.css"; /* SHL-02 — sticky h-14 layout band; hosts QuickAdd·GlobalSearch·NotificationBell·SegmentFilter·.em-avatar + owns MobileNavDrawer; layout-only, LAST (composes all shell) */ /* ---- Material ---- */ @import "material/component.css"; /* MAT-01/02/03 — .em-marble/.em-gold static engine + workspace field + CSS fallback; ONE WebGL context (SC-4); AFTER foundations + data seams (L89-99), BEFORE heroes (AP-6, foundation-first). Runtime JS ships as