@acms-subir/core 0.3.50 → 0.3.52

package/src/styles/screens-admin.css

@@ -0,0 +1,53 @@
+/* Admin → Calendar → Screens (components/display/ScreensManager.tsx) */
+.sc { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 16px; align-items: start; }
+.sc .card + .card { margin-top: 0; }
+@media (max-width: 1100px) { .sc { grid-template-columns: minmax(0, 1fr); } }
+.sc-skel { color: var(--muted); }
+.sc-list { overflow: hidden; }
+.sc-list-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
+.sc-list-actions { display: flex; gap: 6px; }
+.sc-empty { padding: 26px 16px; }
+.sc-rows { list-style: none; margin: 0; padding: 0; }
+.sc-rows li + li { border-top: 1px solid var(--line); }
+.sc-row { display: flex; flex-direction: column; gap: 3px; width: 100%; text-align: left; padding: 11px 14px; background: none; border: 0; font: inherit; color: var(--text); cursor: pointer; }
+.sc-row:hover { background: var(--hover); }
+.sc-row.on { background: var(--sel); }
+.sc-row-name { font-weight: 600; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+.sc-row-sum { font-size: 12px; color: var(--muted); }
+.sc-seen { font-size: 12px; color: var(--faint); }
+.sc-seen.ok { color: var(--green); }
+.sc-seen.stale { color: var(--amber); }
+.pill.sc-private { background: var(--amber-soft); color: var(--amber); }
+.sc-intro h2, .sc-h { font-size: 16px; margin: 0 0 8px; }
+.sc-intro p { color: var(--text-2); font-size: 13.5px; line-height: 1.55; margin: 0 0 10px; }
+.sc-steps { margin: 0 0 12px; padding-left: 18px; color: var(--text-2); font-size: 13.5px; line-height: 1.55; }
+.sc-editor { padding: 16px 18px; }
+.sc-editor-grid { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.25fr); gap: 20px; align-items: start; }
+@media (max-width: 1380px) { .sc-editor-grid { grid-template-columns: minmax(0, 1fr); } .sc-side { order: -1; position: static; } }
+.sc-side { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 12px; }
+.sc-fs { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
+.sc-fs legend { font-size: 12px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--muted); font-weight: 600; padding: 0; margin-bottom: 8px; }
+.sc-fs > .hint { margin: 0 0 6px; }
+.seg.sc-seg { flex-wrap: wrap; }
+.seg.sc-seg > button { border: 0; background: none; font: inherit; font-size: 12.5px; font-weight: 600; padding: 5px 10px; border-radius: 7px; color: var(--muted); cursor: pointer; }
+.sc-look { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
+.sc-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
+.sc-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--line-strong); border-radius: var(--r-full); font-size: 12.5px; cursor: pointer; }
+.sc-chip input { accent-color: var(--accent); margin: 0; }
+.sc-checks { max-height: 200px; overflow: auto; }
+.sc-checks .check-row { margin: 4px 0; align-items: center; }
+.sc-off { opacity: 0.6; }
+.sc-swatch { display: inline-block; width: 11px; height: 11px; border-radius: 3px; flex: none; }
+.sc-order { display: inline-grid; place-items: center; min-width: 18px; height: 18px; border-radius: 9px; background: var(--accent-soft); color: var(--accent-deep); font-size: 11px; font-weight: 700; }
+.sc-tags-label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 5px; font-weight: 500; }
+.sc-tag-list { border: 1px solid var(--line); border-radius: var(--r-md); padding: 4px 10px; max-height: 150px; }
+.sc-inline { display: flex; gap: 6px; }
+.sc-private { background: var(--panel-2); border: 1px solid var(--line); border-radius: var(--r-md); padding: 10px 12px 6px; }
+.sc-private legend { padding-top: 2px; }
+.sc-private .hint { margin: 0 0 6px 23px; }
+.sc-preview { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r-md); background: #000; border: 1px solid var(--line); }
+.sc-preview iframe { position: absolute; top: 0; left: 0; border: 0; transform-origin: 0 0; pointer-events: none; }
+.sc-link .field { margin-bottom: 6px; }
+.sc-link input[readonly] { font-family: ui-monospace, 'SF Mono', monospace; font-size: 12px; }
+.sc-link .form-actions { margin-top: 6px; }
+.sc-save { margin-top: 0; padding-top: 12px; border-top: 1px solid var(--line); }

package/src/theme-sdk/calendar.ts

@@ -1,5 +1,6 @@
 import { CALENDAR } from '../lib/calendar/config';
 import type { Occurrence } from '../lib/calendar/events';
+import type { ViewEvent } from '../lib/calendar/data';
 
 export { eventUrl } from '../lib/calendar/config';
 
@@ -31,8 +32,9 @@ export interface UpcomingEventsOptions {
  * fields except private custom fields. `cancelled` is true when the whole
  * event or just this date is cancelled. `moved` is set when this date of a
  * series was moved here: `from` (its old start and end) and staff's `note`.
+ * `rooms` are the public rooms this date holds ({ id, slug, name, color }).
  */
-export type UpcomingEvent = Pick<Occurrence, 'event' | 'start' | 'end' | 'allDay' | 'days' | 'cancelled'> & Pick<Partial<Occurrence>, 'moved'>;
+export type UpcomingEvent = Pick<Occurrence, 'event' | 'start' | 'end' | 'allDay' | 'days' | 'cancelled'> & Pick<Partial<Occurrence>, 'moved'> & Pick<ViewEvent, 'rooms'>;
 
 /** Server-side helper for Astro templates and endpoints. No repository access needed. */
 export async function upcomingEvents(

package/src/theme-sdk/index.ts

@@ -19,7 +19,7 @@ export interface EventProps { settings: Settings; event: CalEvent; html: string;
  * `acms theme types <slug>` writes a typed Data interface per section.
  */
 export interface SectionProps<D = Record<string, unknown>> { data: D; variant: string; settings: Settings; page: Page }
-export type { LinkValue, EventItem, PostItem, PostAuthor, BookingItem } from '../lib/sections';
+export type { LinkValue, EventItem, EventItemRoom, PostItem, PostAuthor, BookingItem } from '../lib/sections';
 /** Props for templates/header.astro and templates/footer.astro. */
 export type { SiteChrome, ChromeLink } from '../lib/site-chrome';
 // core's chrome labels for any language (a template already gets them as site.words)