@alfakit/vue 0.1.1 → 0.1.6

package/dist/components.css

@@ -0,0 +1,347 @@
+/*
+ * Component styles shared by panels (themes.css) and by Alfakit outside panels
+ * (standalone.css, starter-kit panels): chart colours, RichEditor columns, the calendar,
+ * tree and Kanban plugins, and field positioning. They read the theme tokens (`--primary`,
+ * `--border`…), whichever stylesheet defines them. Copied into each renderer's dist.
+ */
+
+/* ------------------------------------------------------------------ Charts */
+
+/*
+ * Chart.js paints axes, legends and tooltips on the canvas, so chart widgets read these
+ * properties from <html> (re-read when the theme or dark mode changes). Colours take any
+ * CSS colour; the widths and radius are unitless numbers. Override them in a theme:
+ *   :root[data-alfakit-theme~='acme'] { --chart-tooltip-bg: oklch(0.2 0 0); }
+ * Stat sparklines (`[data-slot='stat-chart']`) use the `--stat-chart-*` properties.
+ */
+:root {
+  --chart-text: var(--muted-foreground);
+  --chart-grid: var(--border);
+  --chart-legend-foreground: var(--muted-foreground);
+  --chart-tooltip-bg: var(--popover);
+  --chart-tooltip-foreground: var(--popover-foreground);
+  --chart-tooltip-border: var(--border);
+  --chart-tooltip-border-width: 1;
+  --chart-tooltip-radius: 6;
+  --stat-chart-stroke-width: 2;
+  --stat-chart-fill-opacity: 0.12;
+}
+
+/*
+ * RichEditor `grid` column blocks and `lead` / `small` text, in the editor and in rendered
+ * content (`RichContentRenderer`). Columns stack on small screens. Stored as
+ * `<div data-type="grid" class="alfakit-grid alfakit-grid-cols-2"><div data-type="gridColumn">`
+ * and `<p class="alfakit-lead">`; copy these rules when showing content outside a panel.
+ */
+:where(.alfakit-grid) {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 1fr);
+  margin-block: 0.5rem;
+}
+:where(.alfakit-grid-column) {
+  min-width: 0;
+}
+:where(.alfakit-grid-column) > :first-child {
+  margin-block-start: 0;
+}
+@media (min-width: 768px) {
+  :where(.alfakit-grid-cols-2) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  :where(.alfakit-grid-cols-3) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  :where(.alfakit-grid-cols-4) {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  :where(.alfakit-grid-cols-5) {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  :where(.alfakit-grid-cols-6) {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+}
+:where([contenteditable] .alfakit-grid-column) {
+  border: 1px dashed var(--border);
+  border-radius: 0.375rem;
+  padding: 0.25rem 0.5rem;
+}
+:where(.alfakit-lead) {
+  font-size: 1.125em;
+  line-height: 1.6;
+}
+:where(.alfakit-prose small) {
+  font-size: 0.8125em;
+}
+
+/* ---------------------------------------------------------- Calendar and tree */
+
+/*
+ * The calendar widget (alfasix/alfakit-calendar) draws FullCalendar inside
+ * `[data-slot="calendar"]`; FullCalendar reads these `--fc-*` variables, so every theme's
+ * tokens (and dark mode) apply. Override them on the slot to restyle one calendar.
+ */
+:where(.fc[data-slot='calendar']) {
+  --fc-small-font-size: 0.75rem;
+  --fc-page-bg-color: var(--card);
+  --fc-neutral-bg-color: var(--muted);
+  --fc-neutral-text-color: var(--muted-foreground);
+  --fc-border-color: var(--border);
+  --fc-button-text-color: var(--foreground);
+  --fc-button-bg-color: var(--background);
+  --fc-button-border-color: var(--border);
+  --fc-button-hover-bg-color: var(--accent);
+  --fc-button-hover-border-color: var(--border);
+  --fc-button-active-bg-color: var(--secondary);
+  --fc-button-active-border-color: var(--border);
+  --fc-event-bg-color: var(--primary);
+  --fc-event-border-color: var(--primary);
+  --fc-event-text-color: var(--primary-foreground);
+  --fc-event-selected-overlay-color: color-mix(in oklab, var(--foreground) 25%, transparent);
+  --fc-more-link-bg-color: var(--muted);
+  --fc-more-link-text-color: var(--foreground);
+  --fc-non-business-color: color-mix(in oklab, var(--muted) 60%, transparent);
+  --fc-bg-event-color: var(--primary);
+  --fc-bg-event-opacity: 0.2;
+  --fc-highlight-color: color-mix(in oklab, var(--primary) 15%, transparent);
+  --fc-today-bg-color: color-mix(in oklab, var(--primary) 6%, transparent);
+  --fc-now-indicator-color: var(--destructive);
+  --fc-list-event-hover-bg-color: var(--accent);
+  color: var(--card-foreground);
+}
+/*
+ * FullCalendar puts its `fc` class on the slot element itself and injects its own CSS
+ * (`.fc .fc-button`, two classes), so these rules are plain selectors anchored on
+ * `.fc[data-slot='calendar']` (three) rather than `:where()`, which would always lose.
+ * Restyle one calendar with a more specific selector or with the `--fc-*` variables.
+ */
+.fc[data-slot='calendar'] .fc-toolbar-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  color: var(--foreground);
+}
+.fc[data-slot='calendar'] .fc-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.25rem;
+  padding: 0.375rem 0.75rem;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  box-shadow: none;
+  text-transform: capitalize;
+}
+.fc[data-slot='calendar'] .fc-button .fc-icon {
+  font-size: 1.125rem;
+}
+.fc[data-slot='calendar'] .fc-button-group > .fc-button:not(:first-child) {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+.fc[data-slot='calendar'] .fc-button-group > .fc-button:not(:last-child) {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+.fc[data-slot='calendar'] .fc-button-primary:disabled {
+  opacity: 0.5;
+}
+.fc[data-slot='calendar'] .fc-button-primary:not(:disabled).fc-button-active,
+.fc[data-slot='calendar'] .fc-button-primary:not(:disabled):active {
+  color: var(--secondary-foreground);
+}
+.fc[data-slot='calendar'] .fc-button-primary:focus,
+.fc[data-slot='calendar'] .fc-button-primary:not(:disabled).fc-button-active:focus,
+.fc[data-slot='calendar'] .fc-button-primary:not(:disabled):active:focus {
+  box-shadow: none;
+}
+.fc[data-slot='calendar'] .fc-button:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+  z-index: 2;
+}
+.fc[data-slot='calendar'] a {
+  color: inherit;
+}
+.fc[data-slot='calendar'] .fc-daygrid-day-number,
+.fc[data-slot='calendar'] .fc-col-header-cell-cushion {
+  text-decoration: none;
+}
+.fc[data-slot='calendar'] .fc-col-header-cell-cushion {
+  padding-block: 0.375rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--muted-foreground);
+}
+.fc[data-slot='calendar'] .fc-daygrid-day-number {
+  font-size: 0.875rem;
+}
+.fc[data-slot='calendar'] .fc-day-other .fc-daygrid-day-number {
+  color: var(--muted-foreground);
+}
+/* Today: a tinted cell (`--fc-today-bg-color`) and the date in a primary pill. */
+.fc[data-slot='calendar'] .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.75rem;
+  height: 1.75rem;
+  margin: 0.25rem;
+  padding: 0 0.375rem;
+  border-radius: 9999px;
+  background: var(--primary);
+  color: var(--primary-foreground);
+  font-weight: 600;
+}
+.fc[data-slot='calendar'] .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
+  color: var(--primary);
+  font-weight: 600;
+}
+.fc[data-slot='calendar'] .fc-event {
+  border-radius: min(var(--radius), 0.375rem);
+}
+.fc[data-slot='calendar'] .fc-daygrid-event,
+.fc[data-slot='calendar'] .fc-timegrid-event .fc-event-main,
+.fc[data-slot='calendar'] .fc-list-event td {
+  font-size: 0.75rem;
+}
+/* Clipped titles keep their beginning and end with an ellipsis, also a Latin title in a
+   right-to-left calendar (its direction follows its own text). */
+.fc[data-slot='calendar'] .fc-event-title {
+  text-overflow: ellipsis;
+  unicode-bidi: plaintext;
+  text-align: start;
+}
+.fc[data-slot='calendar'] .fc-daygrid-dot-event:hover,
+.fc[data-slot='calendar'] .fc-daygrid-dot-event.fc-event-mirror {
+  background: var(--accent);
+}
+.fc[data-slot='calendar'] .fc-list-day-cushion,
+.fc[data-slot='calendar'] .fc-popover-header {
+  color: var(--foreground);
+}
+.fc[data-slot='calendar'] .fc-popover {
+  border-radius: var(--radius);
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
+  overflow: hidden;
+}
+.fc[data-slot='calendar'] .fc-timegrid-slot-label,
+.fc[data-slot='calendar'] .fc-timegrid-axis,
+.fc[data-slot='calendar'] .fc-list-event-time {
+  color: var(--muted-foreground);
+  font-size: 0.75rem;
+}
+/*
+ * The list view hides its column headers for screen readers with `left: -10000px`. Right to
+ * left that is scrollable overflow: the whole page gains a 10 000 px horizontal scroll and the
+ * top bar slides under the sidebar. Clip it in place instead (still read by screen readers).
+ */
+.fc[data-slot='calendar'] .fc-list-table thead {
+  left: auto;
+  inset-inline-start: 0;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+/*
+ * Fields contain what they position. Headless switches, checkboxes and radios render a
+ * visually hidden native input beside the control, absolutely positioned (and shifted by
+ * -100%); without a positioned field it lands at the page edge and, right to left, widens
+ * the page on phones.
+ */
+:where([data-slot='field']) {
+  position: relative;
+}
+
+/*
+ * Narrow screens: FullCalendar keeps its header toolbar on one row, wider than a phone.
+ * Its chunks (navigation, title, views) wrap instead, and the title shrinks. Flex gaps and
+ * `justify-content` follow the writing direction, so this works right to left too. (Plain
+ * selectors: FullCalendar injects its own CSS, which would beat `:where()`; the slot is
+ * the `.fc` element itself.)
+ */
+@media (max-width: 39.99rem) {
+  [data-slot='calendar'] .fc-toolbar.fc-header-toolbar {
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+  [data-slot='calendar'] .fc-toolbar .fc-toolbar-chunk {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.25rem;
+    min-width: 0;
+  }
+  [data-slot='calendar'] .fc-toolbar .fc-toolbar-title {
+    font-size: 1rem;
+    overflow-wrap: anywhere;
+  }
+  [data-slot='calendar'] .fc-toolbar .fc-button {
+    font-size: 0.8125rem;
+  }
+}
+
+/*
+ * The tree (alfasix/alfakit-tree): the drop indicator while dragging. Rows carry
+ * `data-drop="before|after|inside"`; lines are drawn above or below the row, so they
+ * need no direction.
+ */
+:where([data-slot='tree-item'][data-drop='before']) {
+  box-shadow: inset 0 2px 0 0 var(--primary);
+}
+:where([data-slot='tree-item'][data-drop='after']) {
+  box-shadow: inset 0 -2px 0 0 var(--primary);
+}
+:where([data-slot='tree-item'][data-drop='inside']) {
+  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+  outline: 1px dashed var(--primary);
+  outline-offset: -1px;
+}
+
+/*
+ * The Kanban board (alfasix/alfakit-kanban). A card being dragged leaves a dashed
+ * placeholder (`data-picked="pointer"`) while a copy follows the pointer
+ * (`data-slot="kanban-ghost"`); a card picked up with the keyboard is lifted
+ * (`data-picked="keyboard"`). A list the picked card may not enter has `data-refused`.
+ */
+:where([data-slot='kanban-card'][data-picked='pointer']) {
+  opacity: 0.45;
+}
+:where([data-slot='kanban-card'][data-picked='pointer'] > [data-slot='kanban-card-body']) {
+  border-style: dashed;
+  box-shadow: none;
+}
+:where([data-slot='kanban-card'][data-picked='keyboard'] > [data-slot='kanban-card-body']) {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+  box-shadow: 0 10px 24px -12px color-mix(in oklab, var(--foreground) 45%, transparent);
+}
+:where([data-slot='kanban-card'][data-saving]) {
+  opacity: 0.7;
+}
+:where([data-slot='kanban-ghost']) {
+  cursor: grabbing;
+  list-style: none;
+  box-shadow: 0 18px 40px -16px color-mix(in oklab, var(--foreground) 55%, transparent);
+}
+:where([data-slot='kanban-dropzone'][data-refused]) {
+  background-color: color-mix(in oklab, var(--destructive) 8%, transparent);
+  outline: 1px dashed var(--destructive);
+  outline-offset: -1px;
+}
+:where(body[data-kanban-dragging]) {
+  cursor: grabbing;
+  user-select: none;
+  -webkit-user-select: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  :where([data-slot='kanban-card'] > [data-slot='kanban-card-body']) {
+    transition: none;
+  }
+}

package/dist/context.d.ts

@@ -12,6 +12,11 @@ export interface AlfakitContextValue {
      * their own schemas by token.
      */
     poll?: (target: string, interval: string | number | null | undefined) => () => void;
+    /**
+     * Fetches fresh schemas of components now (`live()` tables and widgets after a record
+     * change). Panels leave it out (a partial reload); components outside panels fetch theirs.
+     */
+    refresh?: (targets: string[]) => Promise<void>;
 }
 export declare const ALFAKIT_KEY: InjectionKey<AlfakitContextValue>;
 /**
@@ -29,6 +34,8 @@ export declare function useStandalone(): StandaloneContextValue | null;
 export declare function useOptionalAlfakit(): AlfakitContextValue | null;
 /** Poll a component (`table`, `widget:<id>`); the returned function stops it. */
 export declare function usePollComponent(): NonNullable<AlfakitContextValue['poll']>;
+/** How `live()` components refresh: their own fetch outside panels, else a partial reload. */
+export declare function useRefreshComponents(): AlfakitContextValue['refresh'];
 export declare function provideAlfakit(value: AlfakitContextValue): void;
 export declare function useAlfakit(): AlfakitContextValue;
 /** The shared `alfakit` prop (panel, navigation, user, endpoints…). */

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAGZ,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACzC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACnC,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,IAAI,CAAA;CACpF;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,mBAAmB,CAAqB,CAAA;AAE/E;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACvB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,sBAAsB,CAAgC,CAAA;AAEhG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAErE;AAED,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D;AAED,wGAAwG;AACxG,wBAAgB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI,CAE/D;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAE3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAE/D;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAQhD;AAQD,uEAAuE;AACvE,wBAAgB,QAAQ,IAAI,WAAW,CAAC,WAAW,CAAC,CAWnD;AAED,wBAAgB,aAAa,IAAI,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAKnE;AAED,wBAAgB,eAAe,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAE/D;AAQD,0EAA0E;AAC1E,wBAAgB,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,CAItC;AAED,yFAAyF;AACzF,wBAAgB,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,CAIhD;AASD,6EAA6E;AAC7E,wBAAgB,eAAe,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAOjE;AAED,wBAAgB,YAAY,IAAI,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,CAOzD;AAED,yGAAyG;AACzG,wBAAgB,YAAY,IAAI,WAAW,CAAC,eAAe,CAAC,CAoB3D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAE7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAE5E"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AAGZ,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACzC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACnC,OAAO,EAAE,YAAY,CAAA;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,MAAM,IAAI,CAAA;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,mBAAmB,CAAqB,CAAA;AAE/E;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IACvB,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,sBAAsB,CAAgC,CAAA;AAEhG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,CAErE;AAED,wBAAgB,aAAa,IAAI,sBAAsB,GAAG,IAAI,CAE7D;AAED,wGAAwG;AACxG,wBAAgB,kBAAkB,IAAI,mBAAmB,GAAG,IAAI,CAE/D;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,IAAI,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAE3E;AAED,8FAA8F;AAC9F,wBAAgB,oBAAoB,IAAI,mBAAmB,CAAC,SAAS,CAAC,CAErE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAE/D;AAED,wBAAgB,UAAU,IAAI,mBAAmB,CAQhD;AAQD,uEAAuE;AACvE,wBAAgB,QAAQ,IAAI,WAAW,CAAC,WAAW,CAAC,CAWnD;AAED,wBAAgB,aAAa,IAAI,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAKnE;AAED,wBAAgB,eAAe,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAE/D;AAQD,0EAA0E;AAC1E,wBAAgB,IAAI,IAAI,UAAU,CAAC,GAAG,CAAC,CAItC;AAED,yFAAyF;AACzF,wBAAgB,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,CAIhD;AASD,6EAA6E;AAC7E,wBAAgB,eAAe,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAOjE;AAED,wBAAgB,YAAY,IAAI,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC,CAOzD;AAED,yGAAyG;AACzG,wBAAgB,YAAY,IAAI,WAAW,CAAC,eAAe,CAAC,CAoB3D;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAED,wBAAgB,WAAW,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAE7D;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAE5E"}

package/dist/context.js

@@ -15,54 +15,57 @@ function f() {
 function p() {
 	return o(c, null)?.poll ?? t;
 }
-function m(e) {
+function m() {
+	return o(c, null)?.refresh;
+}
+function h(e) {
 	s(c, e);
 }
-function h() {
+function g() {
 	let e = o(c, null);
 	if (!e) throw Error("Alfakit components must be rendered inside createAlfakit().");
 	return e;
 }
-function g() {
+function _() {
 	let e = i();
 	return a(() => e.props);
 }
-function _() {
-	let e = o(l, null), t = g();
-	return a(() => n(e?.panel.value ?? t.value.alfakit, t.value.alfakitNavigationBadges));
-}
 function v() {
-	let e = o(l, null), t = g();
-	return a(() => e?.page.value ?? t.value.page);
+	let e = o(l, null), t = _();
+	return a(() => n(e?.panel.value ?? t.value.alfakit, t.value.alfakitNavigationBadges));
 }
 function y() {
-	return g();
+	let e = o(l, null), t = _();
+	return a(() => e?.page.value ?? t.value.page);
 }
 function b() {
-	return o(c, null)?.translator ?? r;
+	return _();
 }
 function x() {
-	let e = b();
-	return e.t.bind(e);
+	return o(c, null)?.translator ?? r;
 }
 function S() {
-	let e = b();
-	return e.choice.bind(e);
+	let e = x();
+	return e.t.bind(e);
 }
 function C() {
+	let e = x();
+	return e.choice.bind(e);
+}
+function w() {
 	let e = i();
 	return a(() => e.props);
 }
-function w() {
-	let e = o(l, null), t = C();
+function T() {
+	let e = o(l, null), t = w();
 	return a(() => (e?.panel.value ?? t.value?.alfakit)?.localization);
 }
-function T() {
-	let e = o(l, null), t = C();
+function E() {
+	let e = o(l, null), t = w();
 	return a(() => (e?.panel.value ?? t.value?.alfakit)?.localization?.direction ?? "ltr");
 }
-function E() {
-	let t = o(l, null), n = C(), r = a(() => {
+function D() {
+	let t = o(l, null), n = w(), r = a(() => {
 		let e = (t?.panel.value ?? n.value?.alfakit)?.localization;
 		return [
 			e?.tag ?? "en",
@@ -78,16 +81,16 @@ function E() {
 		}), i.formatter;
 	});
 }
-function D() {
-	return h().actions;
-}
 function O() {
-	return h().registry;
+	return g().actions;
 }
 function k() {
+	return g().registry;
+}
+function A() {
 	return o(c, null)?.registry ?? null;
 }
 //#endregion
-export { c as ALFAKIT_KEY, l as STANDALONE_KEY, m as provideAlfakit, u as provideStandalone, D as useActionRunner, h as useAlfakit, y as useAlfakitProps, S as useChoice, T as useDirection, E as useFormatter, w as useLocalization, f as useOptionalAlfakit, k as useOptionalRegistry, v as usePageSchema, _ as usePanel, p as usePollComponent, O as useRegistry, d as useStandalone, x as useT };
+export { c as ALFAKIT_KEY, l as STANDALONE_KEY, h as provideAlfakit, u as provideStandalone, O as useActionRunner, g as useAlfakit, b as useAlfakitProps, C as useChoice, E as useDirection, D as useFormatter, T as useLocalization, f as useOptionalAlfakit, A as useOptionalRegistry, y as usePageSchema, v as usePanel, p as usePollComponent, m as useRefreshComponents, k as useRegistry, d as useStandalone, S as useT };
 
 //# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["globalTranslator","ALFAKIT_KEY","STANDALONE_KEY","provideStandalone","value","useStandalone","inject","useOptionalAlfakit","usePollComponent","pollComponent","provideAlfakit","useAlfakit","context","pageProps","page","usePage","computed","usePanel","standalone","props","resolvePanelNavigation","usePageSchema","useAlfakitProps","useTranslator","translator","useT","useChoice","optionalPageProps","useLocalization","useDirection","useFormatter","key","localization","cached","tag","currency","timezone","id","LocaleFormatter","useActionRunner","useRegistry","useOptionalRegistry"],"sources":["../src/context.ts"],"sourcesContent":["import {\n  translator as globalTranslator,\n  LocaleFormatter,\n  pollComponent,\n  resolvePanelNavigation,\n  type ActionRunner,\n  type AlfakitPageProps,\n  type ComponentRegistry,\n  type LocalizationSchema,\n  type PageSchema,\n  type PanelSchema,\n  type Translator,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  inject,\n  provide,\n  type Component,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnyComponent = Component<any>\n\nexport interface AlfakitContextValue {\n  registry: ComponentRegistry<AnyComponent>\n  pages: Record<string, AnyComponent>\n  actions: ActionRunner\n  translator: Translator\n  /**\n   * Polls a component (`table`, `widget:<id>`) and returns an unsubscribe. Panels use the\n   * shared `pollComponent()` (an Inertia partial reload); components outside panels fetch\n   * their own schemas by token.\n   */\n  poll?: (target: string, interval: string | number | null | undefined) => () => void\n}\n\nexport const ALFAKIT_KEY: InjectionKey<AlfakitContextValue> = Symbol('alfakit')\n\n/**\n * Outside panels there is no shared `alfakit` prop and no `page` prop: `<AlfakitComponent>`\n * provides both from its payload, and the composables below read them first.\n */\nexport interface StandaloneContextValue {\n  panel: Ref<PanelSchema>\n  page: Ref<PageSchema>\n}\n\nexport const STANDALONE_KEY: InjectionKey<StandaloneContextValue> = Symbol('alfakit.standalone')\n\nexport function provideStandalone(value: StandaloneContextValue): void {\n  provide(STANDALONE_KEY, value)\n}\n\nexport function useStandalone(): StandaloneContextValue | null {\n  return inject(STANDALONE_KEY, null)\n}\n\n/** The context the component renders in, or null outside `createAlfakit()` and `<AlfakitComponent>`. */\nexport function useOptionalAlfakit(): AlfakitContextValue | null {\n  return inject(ALFAKIT_KEY, null)\n}\n\n/** Poll a component (`table`, `widget:<id>`); the returned function stops it. */\nexport function usePollComponent(): NonNullable<AlfakitContextValue['poll']> {\n  return inject(ALFAKIT_KEY, null)?.poll ?? pollComponent\n}\n\nexport function provideAlfakit(value: AlfakitContextValue): void {\n  provide(ALFAKIT_KEY, value)\n}\n\nexport function useAlfakit(): AlfakitContextValue {\n  const context = inject(ALFAKIT_KEY, null)\n\n  if (!context) {\n    throw new Error('Alfakit components must be rendered inside createAlfakit().')\n  }\n\n  return context\n}\n\nfunction pageProps(): ComputedRef<AlfakitPageProps> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props)\n}\n\n/** The shared `alfakit` prop (panel, navigation, user, endpoints…). */\nexport function usePanel(): ComputedRef<PanelSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  // The navigation structure is a once prop; its active items and badges are merged in here.\n  return computed(() =>\n    resolvePanelNavigation(\n      standalone?.panel.value ?? props.value.alfakit,\n      props.value.alfakitNavigationBadges,\n    ),\n  )\n}\n\nexport function usePageSchema(): ComputedRef<PageSchema | undefined> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  return computed(() => standalone?.page.value ?? props.value.page)\n}\n\nexport function useAlfakitProps(): ComputedRef<AlfakitPageProps> {\n  return pageProps()\n}\n\nfunction useTranslator(): Translator {\n  // Primitives may render outside createAlfakit() (tests, Storybook); fall back to the\n  // shared translator so they still show their English defaults.\n  return inject(ALFAKIT_KEY, null)?.translator ?? globalTranslator\n}\n\n/** `t('table.showing', { first: 1, last: 10, total: 42 }, 'Fallback')` */\nexport function useT(): Translator['t'] {\n  const translator = useTranslator()\n\n  return translator.t.bind(translator)\n}\n\n/** Plural-aware lines: `choice('table.selected', 3)` (Laravel `trans_choice` syntax). */\nexport function useChoice(): Translator['choice'] {\n  const translator = useTranslator()\n\n  return translator.choice.bind(translator)\n}\n\n/** The page's Inertia props; undefined when rendered outside an Inertia app (tests). */\nfunction optionalPageProps(): ComputedRef<AlfakitPageProps | undefined> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props as AlfakitPageProps | undefined)\n}\n\n/** The current language, direction, currency, timezone and language list. */\nexport function useLocalization(): ComputedRef<LocalizationSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization as LocalizationSchema,\n  )\n}\n\nexport function useDirection(): ComputedRef<'ltr' | 'rtl'> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization?.direction ?? 'ltr',\n  )\n}\n\n/** `Intl` formatting in the user's locale: `format.value.money(12.5)`, `format.value.relative(date)`. */\nexport function useFormatter(): ComputedRef<LocaleFormatter> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n  const key = computed(() => {\n    const localization = (standalone?.panel.value ?? props.value?.alfakit)?.localization\n\n    return [localization?.tag ?? 'en', localization?.currency ?? 'USD', localization?.timezone]\n  })\n  let cached: { key: string; formatter: LocaleFormatter } | null = null\n\n  return computed(() => {\n    const [tag, currency, timezone] = key.value\n    const id = `${tag}|${currency}|${timezone ?? ''}`\n\n    if (cached?.key !== id) {\n      cached = { key: id, formatter: new LocaleFormatter(tag, currency, timezone) }\n    }\n\n    return cached.formatter\n  })\n}\n\nexport function useActionRunner(): ActionRunner {\n  return useAlfakit().actions\n}\n\nexport function useRegistry(): ComponentRegistry<AnyComponent> {\n  return useAlfakit().registry\n}\n\n/**\n * The component registry when rendered inside `createAlfakit()`, otherwise null (primitives\n * rendered on their own in tests or Storybook).\n */\nexport function useOptionalRegistry(): ComponentRegistry<AnyComponent> | null {\n  return inject(ALFAKIT_KEY, null)?.registry ?? null\n}\n"],"mappings":"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"}
+{"version":3,"file":"context.js","names":["globalTranslator","ALFAKIT_KEY","STANDALONE_KEY","provideStandalone","value","useStandalone","inject","useOptionalAlfakit","usePollComponent","pollComponent","useRefreshComponents","provideAlfakit","useAlfakit","context","pageProps","page","usePage","computed","usePanel","standalone","props","resolvePanelNavigation","usePageSchema","useAlfakitProps","useTranslator","translator","useT","useChoice","optionalPageProps","useLocalization","useDirection","useFormatter","key","localization","cached","tag","currency","timezone","id","LocaleFormatter","useActionRunner","useRegistry","useOptionalRegistry"],"sources":["../src/context.ts"],"sourcesContent":["import {\n  translator as globalTranslator,\n  LocaleFormatter,\n  pollComponent,\n  resolvePanelNavigation,\n  type ActionRunner,\n  type AlfakitPageProps,\n  type ComponentRegistry,\n  type LocalizationSchema,\n  type PageSchema,\n  type PanelSchema,\n  type Translator,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  inject,\n  provide,\n  type Component,\n  type ComputedRef,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type AnyComponent = Component<any>\n\nexport interface AlfakitContextValue {\n  registry: ComponentRegistry<AnyComponent>\n  pages: Record<string, AnyComponent>\n  actions: ActionRunner\n  translator: Translator\n  /**\n   * Polls a component (`table`, `widget:<id>`) and returns an unsubscribe. Panels use the\n   * shared `pollComponent()` (an Inertia partial reload); components outside panels fetch\n   * their own schemas by token.\n   */\n  poll?: (target: string, interval: string | number | null | undefined) => () => void\n  /**\n   * Fetches fresh schemas of components now (`live()` tables and widgets after a record\n   * change). Panels leave it out (a partial reload); components outside panels fetch theirs.\n   */\n  refresh?: (targets: string[]) => Promise<void>\n}\n\nexport const ALFAKIT_KEY: InjectionKey<AlfakitContextValue> = Symbol('alfakit')\n\n/**\n * Outside panels there is no shared `alfakit` prop and no `page` prop: `<AlfakitComponent>`\n * provides both from its payload, and the composables below read them first.\n */\nexport interface StandaloneContextValue {\n  panel: Ref<PanelSchema>\n  page: Ref<PageSchema>\n}\n\nexport const STANDALONE_KEY: InjectionKey<StandaloneContextValue> = Symbol('alfakit.standalone')\n\nexport function provideStandalone(value: StandaloneContextValue): void {\n  provide(STANDALONE_KEY, value)\n}\n\nexport function useStandalone(): StandaloneContextValue | null {\n  return inject(STANDALONE_KEY, null)\n}\n\n/** The context the component renders in, or null outside `createAlfakit()` and `<AlfakitComponent>`. */\nexport function useOptionalAlfakit(): AlfakitContextValue | null {\n  return inject(ALFAKIT_KEY, null)\n}\n\n/** Poll a component (`table`, `widget:<id>`); the returned function stops it. */\nexport function usePollComponent(): NonNullable<AlfakitContextValue['poll']> {\n  return inject(ALFAKIT_KEY, null)?.poll ?? pollComponent\n}\n\n/** How `live()` components refresh: their own fetch outside panels, else a partial reload. */\nexport function useRefreshComponents(): AlfakitContextValue['refresh'] {\n  return inject(ALFAKIT_KEY, null)?.refresh\n}\n\nexport function provideAlfakit(value: AlfakitContextValue): void {\n  provide(ALFAKIT_KEY, value)\n}\n\nexport function useAlfakit(): AlfakitContextValue {\n  const context = inject(ALFAKIT_KEY, null)\n\n  if (!context) {\n    throw new Error('Alfakit components must be rendered inside createAlfakit().')\n  }\n\n  return context\n}\n\nfunction pageProps(): ComputedRef<AlfakitPageProps> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props)\n}\n\n/** The shared `alfakit` prop (panel, navigation, user, endpoints…). */\nexport function usePanel(): ComputedRef<PanelSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  // The navigation structure is a once prop; its active items and badges are merged in here.\n  return computed(() =>\n    resolvePanelNavigation(\n      standalone?.panel.value ?? props.value.alfakit,\n      props.value.alfakitNavigationBadges,\n    ),\n  )\n}\n\nexport function usePageSchema(): ComputedRef<PageSchema | undefined> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = pageProps()\n\n  return computed(() => standalone?.page.value ?? props.value.page)\n}\n\nexport function useAlfakitProps(): ComputedRef<AlfakitPageProps> {\n  return pageProps()\n}\n\nfunction useTranslator(): Translator {\n  // Primitives may render outside createAlfakit() (tests, Storybook); fall back to the\n  // shared translator so they still show their English defaults.\n  return inject(ALFAKIT_KEY, null)?.translator ?? globalTranslator\n}\n\n/** `t('table.showing', { first: 1, last: 10, total: 42 }, 'Fallback')` */\nexport function useT(): Translator['t'] {\n  const translator = useTranslator()\n\n  return translator.t.bind(translator)\n}\n\n/** Plural-aware lines: `choice('table.selected', 3)` (Laravel `trans_choice` syntax). */\nexport function useChoice(): Translator['choice'] {\n  const translator = useTranslator()\n\n  return translator.choice.bind(translator)\n}\n\n/** The page's Inertia props; undefined when rendered outside an Inertia app (tests). */\nfunction optionalPageProps(): ComputedRef<AlfakitPageProps | undefined> {\n  const page = usePage<AlfakitPageProps>()\n\n  return computed(() => page.props as AlfakitPageProps | undefined)\n}\n\n/** The current language, direction, currency, timezone and language list. */\nexport function useLocalization(): ComputedRef<LocalizationSchema> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization as LocalizationSchema,\n  )\n}\n\nexport function useDirection(): ComputedRef<'ltr' | 'rtl'> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n\n  return computed(\n    () => (standalone?.panel.value ?? props.value?.alfakit)?.localization?.direction ?? 'ltr',\n  )\n}\n\n/** `Intl` formatting in the user's locale: `format.value.money(12.5)`, `format.value.relative(date)`. */\nexport function useFormatter(): ComputedRef<LocaleFormatter> {\n  const standalone = inject(STANDALONE_KEY, null)\n  const props = optionalPageProps()\n  const key = computed(() => {\n    const localization = (standalone?.panel.value ?? props.value?.alfakit)?.localization\n\n    return [localization?.tag ?? 'en', localization?.currency ?? 'USD', localization?.timezone]\n  })\n  let cached: { key: string; formatter: LocaleFormatter } | null = null\n\n  return computed(() => {\n    const [tag, currency, timezone] = key.value\n    const id = `${tag}|${currency}|${timezone ?? ''}`\n\n    if (cached?.key !== id) {\n      cached = { key: id, formatter: new LocaleFormatter(tag, currency, timezone) }\n    }\n\n    return cached.formatter\n  })\n}\n\nexport function useActionRunner(): ActionRunner {\n  return useAlfakit().actions\n}\n\nexport function useRegistry(): ComponentRegistry<AnyComponent> {\n  return useAlfakit().registry\n}\n\n/**\n * The component registry when rendered inside `createAlfakit()`, otherwise null (primitives\n * rendered on their own in tests or Storybook).\n */\nexport function useOptionalRegistry(): ComponentRegistry<AnyComponent> | null {\n  return inject(ALFAKIT_KEY, null)?.registry ?? null\n}\n"],"mappings":"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"}

package/dist/create-alfakit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-alfakit.d.ts","sourceRoot":"","sources":["../src/create-alfakit.ts"],"names":[],"mappings":"AAAA,OAAO,EAkBL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAElE,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAMpF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,YAAY,CAAC;IACxE,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,uFAAuF;AACvF,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,CAAC,KAC1C,OAAO,CAAC,qBAAqB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAoJvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAKrF"}
+{"version":3,"file":"create-alfakit.d.ts","sourceRoot":"","sources":["../src/create-alfakit.ts"],"names":[],"mappings":"AAAA,OAAO,EAmBL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAElE,OAAO,KAAK,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAyC,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AAOpF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,YAAY,CAAC;IACxE,2FAA2F;IAC3F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,uFAAuF;AACvF,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,CAAC,KAC1C,OAAO,CAAC,qBAAqB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,IAAI,GAAG,qBAAqB,CAAC,CAuJvC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC,CAKrF"}

package/dist/create-alfakit.js

@@ -4,66 +4,68 @@ import { showToast as n } from "./components/notifications/flash-toasts.js";
 import { discoverComponents as r } from "./lib/discovery.js";
 import { builtInComponents as i, createDefaultRegistry as a } from "./registry.js";
 import o from "./AlfakitRoot.js";
-import s from "./pages/AlfakitPage.js";
-import { ActionRunner as c, Translator as l, applyDocumentLocale as u, applyPanelTheme as d, configureCharts as f, configureRealtime as p, debugRecorder as m, effectiveErrorNotifications as h, initializeAppearance as g, installErrorNotifications as _, installPrefetchInvalidation as v, installSpaUrlExceptions as y, registerRichEditorExtensions as b, reloadOnExpiredPage as x, resolveRequestErrorNotification as S, setRequestErrorReporter as C, whenIdle as w } from "@alfakit/core";
-import { createInertiaApp as T, router as E } from "@inertiajs/vue3";
+import { panelLayouts as s } from "./layouts/panel-layouts.js";
+import c from "./pages/AlfakitPage.js";
+import { ActionRunner as l, Translator as u, applyDocumentLocale as d, applyPanelTheme as f, configureCharts as p, configureRealtime as m, debugRecorder as h, documentNonce as g, effectiveErrorNotifications as _, initializeAppearance as v, installErrorNotifications as y, installPrefetchInvalidation as b, installSpaUrlExceptions as x, registerRichEditorExtensions as S, reloadOnExpiredPage as C, resolveRequestErrorNotification as w, setRequestErrorReporter as T, whenIdle as E } from "@alfakit/core";
+import { createInertiaApp as D, router as O } from "@inertiajs/vue3";
 //#region src/create-alfakit.ts
-function D(w = {}) {
-	let D = r(w.discover), O = a().registerMany(D.components).registerMany(w.components ?? {}), k = {
-		"Alfakit/Page": s,
-		...D.pages,
-		...w.pages
-	}, A = typeof window > "u";
-	t(), f(w), w.echo !== void 0 && !A && p(null, { echo: w.echo }), b(w.richEditorExtensions ?? {});
-	let j = null, M, N = () => {
-		let e = new l();
+function k(E = {}) {
+	let k = r(E.discover), A = a().registerMany(s).registerMany(k.components).registerMany(E.components ?? {}), j = {
+		"Alfakit/Page": c,
+		...k.pages,
+		...E.pages
+	}, M = typeof window > "u";
+	t(), p(E), E.echo !== void 0 && !M && m(null, { echo: E.echo }), S(E.richEditorExtensions ?? {});
+	let N = null, P, F = () => {
+		let e = new u();
 		return {
-			registry: O,
-			pages: k,
+			registry: A,
+			pages: j,
 			translator: e,
-			actions: new c({
+			actions: new l({
 				endpoints: {
 					action: "",
 					modal: ""
 				},
 				onError: (t) => {
-					let r = S(t, M, (t, n, r) => e.t(t, n, r));
+					let r = w(t, P, (t, n, r) => e.t(t, n, r));
 					r && n(r);
 				}
 			})
 		};
-	}, P = A ? null : N(), F = (e, t, n) => {
+	}, I = M ? null : F(), L = (e, t, n) => {
 		let r = t.props, i = r.alfakit;
-		i && (e === P && (j = i, M = h(i, r.page)), e.translator.setTranslations(i.translations ?? {}), e.translator.setLocale(i.localization?.tag ?? "en"), e.actions.setEndpoints({
+		i && (e === I && (N = i, P = _(i, r.page)), e.translator.setTranslations(i.translations ?? {}), e.translator.setLocale(i.localization?.tag ?? "en"), e.actions.setEndpoints({
 			action: i.endpoints.action ?? "",
 			modal: i.endpoints.modal ?? ""
-		}), n && (u(i.localization), d(i), m.setEnabled(r.alfakitDebug !== void 0)));
+		}), n && (d(i.localization), f(i), h.setEnabled(r.alfakitDebug !== void 0)));
 	};
-	return P && (E.on("navigate", (e) => F(P, e.detail.page, !0)), x(), v(), y(() => j), _(() => ({ errorNotifications: M }), (e) => n(e)), C((e) => {
-		let t = S(e, M, (e, t, n) => P.translator.t(e, t, n));
+	return I && (O.on("navigate", (e) => L(I, e.detail.page, !0)), C(), b(), x(() => N), y(() => ({ errorNotifications: P }), (e) => n(e)), T((e) => {
+		let t = w(e, P, (e, t, n) => I.translator.t(e, t, n));
 		t && n(t);
-	})), T({
+	})), D({
 		title: (e) => e,
-		progress: w.progress === void 0 ? { color: "var(--primary)" } : w.progress,
+		progress: E.progress === void 0 ? { color: "var(--primary)" } : E.progress,
+		nonce: g(),
 		resolve: (e, t) => {
-			let n = k[e];
+			let n = j[e];
 			if (!n) throw Error(`Alfakit: page component "${e}" is not registered. Pass it to createAlfakit({ pages }).`);
-			let r = [i.preloadFor(t), D.discovery.preloadFor(t)].filter((e) => e !== void 0), a = r.length > 0 ? Promise.all(r) : void 0;
+			let r = [i.preloadFor(t), k.discovery.preloadFor(t)].filter((e) => e !== void 0), a = r.length > 0 ? Promise.all(r) : void 0;
 			return a ? a.then(() => n) : n;
 		},
 		layout: () => o,
 		withApp: (t, { page: n, ssr: r }) => {
-			let i = P ?? N();
-			F(i, n, !r);
+			let i = I ?? F();
+			L(i, n, !r);
 			let a = n.props.alfakit;
-			!r && a && g(a), t.provide(e, i), w.withApp?.(t);
+			!r && a && v(a), t.provide(e, i), E.withApp?.(t);
 		}
 	});
 }
-async function O(e = {}) {
-	await D(e), w(() => void i.preloadAll());
+async function A(e = {}) {
+	await k(e), E(() => void i.preloadAll());
 }
 //#endregion
-export { D as bootAlfakit, O as createAlfakit };
+export { k as bootAlfakit, A as createAlfakit };
 
 //# sourceMappingURL=create-alfakit.js.map