themelia-ui 3.0.0 → 3.2.0

package/dist/components/features/table/table.types.d.ts

@@ -31,6 +31,48 @@ export interface ColumnGroup {
     /** Column ids; must be contiguous. */
     columns: string[];
 }
+/** What an open row's `render` is handed beside the row's data. */
+export interface DataTableExpandedRowContext<TDetail> {
+    /** What `onLoad` resolved to. `undefined` when there is no `onLoad`. */
+    detail: TDetail;
+    /** Loads again, skipping the cache. Does nothing without `onLoad`. */
+    refresh: () => void;
+    /** Closes this row's panel — after a save inside it, say. */
+    collapse: () => void;
+}
+/**
+ * Expandable rows: a panel under an open row, opened by a toggle at the row's start. Passing
+ * `expandedRow` at all turns it on; `render` is the one required field.
+ */
+export interface DataTableExpandedRow<TData extends RowData, TDetail = unknown> {
+    /** The panel under an open row. */
+    render: (row: TData, context: DataTableExpandedRowContext<TDetail>) => ReactNode;
+    /**
+     * Fetches what the panel shows when its row opens. The table shows a skeleton meanwhile,
+     * aborts the request (`signal`) when the row closes, offers Retry on failure and keeps the
+     * result for five minutes per row. `null` or `undefined` means the row has no details.
+     * Write it before `render`: TypeScript types `detail` from it, left to right.
+     */
+    onLoad?: (row: TData, args: {
+        signal: AbortSignal;
+    }) => Promise<TDetail | null | undefined>;
+    /** Rows it refuses get no toggle and never open. */
+    canExpand?: (row: TData) => boolean;
+    /**
+     * Several rows open at once. `false` closes the open row when another opens.
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * The open rows, keyed by row id. Controlled: rendered as given, even several under
+     * `multiple: false`. Supply `getRowId` when `data` can reorder or page, or an open panel
+     * follows a position rather than a record.
+     */
+    expanded?: Record<string, boolean>;
+    /** The rows open at first, keyed by row id. */
+    defaultExpanded?: Record<string, boolean>;
+    onExpandedChange?: (expanded: Record<string, boolean>) => void;
+}
 export interface DataTableSelectionToolbarContext<TData extends RowData> {
     table: Table<TData>;
     selectedRows: TData[];
@@ -39,7 +81,10 @@ export interface DataTableSelectionToolbarContext<TData extends RowData> {
     rowSelection: RowSelectionState;
     clearSelection: () => void;
 }
-/** Density of the whole table: row spacing only, not type size. */
+/**
+ * Row spacing for the whole table, not type size. Unset, a compact provider density picks
+ * `sm`.
+ */
 export type DataTableSize = ComponentScale;
 /**
  * The wrapper's chrome. `card` is the default admin surface; `glass` is a hairline outline
@@ -49,7 +94,7 @@ export type DataTableSurface = "card" | "glass" | "flat";
 /** How row actions render. `auto` picks by the container's width. */
 export type RowActionsDisplayMode = "menu" | "inline" | "auto";
 export type ClassNameFor<TData extends RowData> = string | ((column: string, row: Row<TData> | null) => string);
-export interface DataTableProps<TData extends RowData, TValue = unknown> {
+export interface DataTableProps<TData extends RowData, TValue = unknown, TDetail = unknown> {
     size?: DataTableSize;
     /**
      * The wrapper's chrome. `card` is the ordinary treatment; `glass` is a hairline outline for a
@@ -163,6 +208,11 @@ export interface DataTableProps<TData extends RowData, TValue = unknown> {
     totalRowCount?: number;
     pageSize?: number;
     onRowClick?: RowClickHandler<TData>;
+    /**
+     * Turns on expandable rows: a toggle column at the row's start AND the panel it opens,
+     * with the state behind them. Without it the table has neither.
+     */
+    expandedRow?: DataTableExpandedRow<TData, TDetail>;
     onRowSelectionChange?: RowSelectionHandler;
     onSortingChange?: SortingHandler;
     onColumnVisibilityChange?: ColumnVisibilityHandler;
@@ -199,6 +249,8 @@ export interface DataTableHeaderProps<TData extends RowData> {
     stickyFirstColumn?: boolean;
     /** Whether column 0 is the selection checkbox, so the pinned pair covers the identity column too. */
     hasSelectionColumn?: boolean;
+    /** Whether the expand toggle column leads the row (after any checkbox), for the pinned group. */
+    hasExpandColumn?: boolean;
     columnGroups?: ColumnGroup[];
     headerTransparent?: boolean;
 }
@@ -212,6 +264,12 @@ export interface DataTableBodyProps<TData extends RowData> {
     stickyFirstColumn?: boolean;
     /** Whether column 0 is the selection checkbox, so the pinned pair covers the identity column too. */
     hasSelectionColumn?: boolean;
+    /** Whether the expand toggle column leads the row (after any checkbox), for the pinned group. */
+    hasExpandColumn?: boolean;
+    /** The expanded-row config. Open rows render its panel under them. */
+    expandedRow?: DataTableExpandedRow<TData, unknown>;
+    /** Prefixes each panel's id and cache key, so two tables never share either. */
+    expansionId?: string;
     striped?: boolean;
     strings?: DataTableStrings;
 }

package/dist/components/features/theme-tweaker/index.d.ts

@@ -4,6 +4,6 @@ export { UIConfigSettings, type UIConfigSettingsProps } from './ui-config-settin
 export { useAppliedTheme } from './use-applied-theme.js';
 export { defaultThemeTweakerFields } from './theme-tweaker.fields.js';
 export { defaultThemeTweakerStrings, defaultUIConfigSettingsStrings, type ThemeTweakerStrings, type UIConfigSettingsStrings, } from './theme-tweaker.strings.js';
-export { countThemeOverrides, createScopedThemeSelectors, createSerializableUIConfig, createTheme, createThemeExportArtifact, defaultThemeSelectors, downloadTextFile, downloadTheme, getActiveThemeOverrides, isThemeVariableName, serializeTheme, serializeUIConfig, themeToStyle, } from './theme-tweaker.utils.js';
+export { countThemeOverrides, createScopedThemeSelectors, createSerializableUIConfig, createTheme, createThemeExportArtifact, defaultThemeSelectors, downloadTextFile, downloadTheme, getActiveThemeOverrides, isThemeVariableName, serializeTheme, serializeUIConfig, themeFromConfig, themeToStyle, } from './theme-tweaker.utils.js';
 export { deriveThemeElevation, deriveThemePalette, deriveThemeTypeScale, type ThemeElevationRecipe, type ThemePaletteRecipe, type ThemeTypeScaleRecipe, } from '../../../lib/theming/index.js';
 export type { CreateThemeExportArtifactOptions, SerializeThemeOptions, ThemeDefinition, ThemeExportArtifact, ThemeMode, ThemeOverrides, ThemeScopeProps, ThemeSelectors, ThemeStyle, ThemeTweakerField, ThemeTweakerFieldKind, ThemeTweakerFieldScope, ThemeTweakerGroup, ThemeTweakerProps, ThemeTweakerRangeControl, ThemeTweakerSection, ThemeTweakerTarget, ThemeVariableName, } from './theme-tweaker.types.js';

package/dist/components/features/theme-tweaker/theme-tweaker.strings.d.ts

@@ -61,7 +61,7 @@ export interface ThemeTweakerStrings {
     providerSettings: UIConfigSettingsStrings;
     groups: Record<"colors" | "states" | "typography" | "shape" | "structure" | "defaults", string>;
     groupDescriptions: Record<"colors" | "states" | "typography" | "shape" | "structure" | "defaults", string>;
-    sections: Record<"surfaces-content" | "brand-actions" | "charts" | "sidebar" | "semantic-feedback" | "inverse-surfaces" | "font-families" | "type-scale" | "radius" | "elevation" | "global-scales" | "actions-controls" | "rows-surfaces" | "media" | "application-shell" | "content-widths" | "adaptive-layout", string>;
+    sections: Record<"surfaces-content" | "brand-actions" | "charts" | "sidebar" | "semantic-feedback" | "tints" | "font-families" | "type-scale" | "radius" | "elevation" | "spacing" | "controls" | "motion" | "application-shell", string>;
 }
 export declare const defaultThemeTweakerStrings: ThemeTweakerStrings;
 export { defaultUIConfigSettingsStrings, type UIConfigSettingsStrings };

package/dist/components/features/theme-tweaker/theme-tweaker.types.d.ts

@@ -13,7 +13,7 @@ export interface ThemeDefinition {
     dark: ThemeOverrides;
 }
 export type ThemeTweakerGroup = "colors" | "states" | "typography" | "shape" | "structure" | "defaults";
-export type ThemeTweakerSection = "surfaces-content" | "brand-actions" | "charts" | "sidebar" | "semantic-feedback" | "inverse-surfaces" | "font-families" | "type-scale" | "radius" | "elevation" | "global-scales" | "actions-controls" | "rows-surfaces" | "media" | "application-shell" | "content-widths" | "adaptive-layout";
+export type ThemeTweakerSection = "surfaces-content" | "brand-actions" | "charts" | "sidebar" | "semantic-feedback" | "tints" | "font-families" | "type-scale" | "radius" | "elevation" | "spacing" | "controls" | "motion" | "application-shell";
 export type ThemeTweakerFieldScope = "shared" | "mode";
 export type ThemeTweakerFieldKind = "color" | "font" | "length" | "number" | "shadow";
 /** A slider and a numeric box, for a variable with real bounds. */
@@ -41,17 +41,13 @@ export interface ThemeTweakerField {
     /** Without one the field is a raw CSS text box, which every variable falls back to. */
     control?: ThemeTweakerRangeControl;
 }
+/**
+ * Where a serialised theme is declared. One selector: a colour carries both modes in its
+ * `light-dark()` value, and the element's `color-scheme` picks the half.
+ */
 export interface ThemeSelectors {
-    /** Receives the mode-independent variables. */
+    /** `:root` for the whole application, or a scope's own selector. */
     shared: string;
-    /** Explicit light: a `.light` or `data-theme="light"` element and the boundaries inside it. */
-    light: string;
-    /** Explicit dark: a `.dark` or `data-theme="dark"` element and the boundaries inside it. */
-    dark: string;
-    /** Light by OS preference (no explicit theme), emitted under `prefers-color-scheme: light`. */
-    systemLight?: string;
-    /** Dark by OS preference (no explicit theme), emitted under `prefers-color-scheme: dark`. */
-    systemDark?: string;
 }
 export interface SerializeThemeOptions {
     selectors?: ThemeSelectors;

package/dist/components/features/theme-tweaker/theme-tweaker.utils.d.ts

@@ -1,8 +1,19 @@
-import { UIConfig } from '../../../lib/ui-provider/index.js';
+import { ThemeConfig, UIConfig } from '../../../lib/ui-provider/index.js';
 import { CreateThemeExportArtifactOptions, SerializeThemeOptions, ThemeDefinition, ThemeExportArtifact, ThemeMode, ThemeOverrides, ThemeSelectors, ThemeStyle, ThemeVariableName } from './theme-tweaker.types.js';
 export declare const defaultThemeSelectors: ThemeSelectors;
 export declare function createTheme(value?: Partial<ThemeDefinition>): ThemeDefinition;
+/**
+ * A provider theme, such as one of `themes` from `themelia-ui/theming`, as a definition the
+ * tweaker can edit and export: each `light-dark()` colour split into its two halves, a single
+ * colour kept for both modes, the radii and extra variables shared.
+ */
+export declare function themeFromConfig(config: ThemeConfig, mode?: ThemeMode): ThemeDefinition;
 export declare function isThemeVariableName(value: string): value is ThemeVariableName;
+/**
+ * The two halves of a `light-dark(light, dark)` value, split at its top-level comma so a
+ * `color-mix(…)` half stays whole; `null` for any other value.
+ */
+export declare function splitLightDark(value: string): [string, string] | null;
 export declare function serializeTheme(theme: ThemeDefinition, options?: SerializeThemeOptions): string;
 /**
  * The provider config minus what cannot survive `JSON.stringify`: `dates.locale` (a
@@ -10,14 +21,19 @@ export declare function serializeTheme(theme: ThemeDefinition, options?: Seriali
  */
 export declare function createSerializableUIConfig(config?: UIConfig): UIConfig;
 export declare function serializeUIConfig(config?: UIConfig): string;
-/** Shared first, then the mode's, so a mode-scoped edit wins. */
+/**
+ * The values the theme gives in one mode: shared first, then that mode's colour halves. For
+ * showing a value; the element's `color-scheme` is what picks the half on the page.
+ */
 export declare function getActiveThemeOverrides(theme: ThemeDefinition, mode?: ThemeMode): ThemeOverrides;
-export declare function themeToStyle(theme: ThemeDefinition, mode?: ThemeMode): ThemeStyle;
-export declare function countThemeOverrides(theme: ThemeDefinition): number;
 /**
- * Selectors that scope a theme to one subtree. Each mode gets two forms (the scope carrying
- * the class, and the scope inside an element that carries it).
+ * The theme as an inline style: shared values and each colour's `light-dark()` pair. The
+ * element's `color-scheme` (set by `.light`, `.dark` or `data-theme`) picks the half.
  */
+export declare function themeToStyle(theme: ThemeDefinition): ThemeStyle;
+/** How many variables the theme changes; a colour edited in both modes counts once. */
+export declare function countThemeOverrides(theme: ThemeDefinition): number;
+/** The selector that scopes a theme to one subtree instead of the document. */
 export declare function createScopedThemeSelectors(scopeSelector: string): ThemeSelectors;
 export declare function createThemeExportArtifact(theme: ThemeDefinition, fileName?: string, options?: SerializeThemeOptions, artifactOptions?: CreateThemeExportArtifactOptions): ThemeExportArtifact;
 export declare function downloadTextFile({ fileName, text, mimeType, }: {

package/dist/components/layout/app-shell/topbar-sidebar-layout.d.ts

@@ -32,7 +32,7 @@ export interface TopbarSidebarLayoutProps extends Omit<ComponentProps<"div">, "c
      * `collapsible="none"` and `sidebarTrigger={false}`.
      */
     mobileSidebarMode?: TopbarSidebarMobileMode;
-    /** Any CSS length. Falls back to the shell's own token. */
+    /** Any CSS length. Falls back to the theme's `--header-height`. */
     headerHeight?: string;
     sidebarWidth?: string;
     /** Shorthands for the matching `slots` entry, for a shell with only a few regions. */

package/dist/components/layout/auth/auth.d.ts

@@ -46,7 +46,7 @@ export interface AuthShellProps extends LayoutNavigationAdapter, Omit<ComponentP
     languageLinks?: AuthLink[];
     /** A rendered control, when a link row is not the right shape for it. */
     languageSwitcher?: ReactNode;
-    /** The surface width. */
+    /** The surface width: `default`, or `sm` for a single short form such as a code entry. */
     size?: AuthShellSize;
     /**
      * `card` (default) puts the content on a raised surface; `bare` does not; `split` puts

package/dist/components/layout/auth/auth.types.d.ts

@@ -31,7 +31,7 @@ export interface AuthFooterLinksProps extends LayoutNavigationAdapter {
     className?: string;
 }
 export type AuthShellVariant = "card" | "bare" | "split";
-export type AuthShellSize = "sm" | "md" | "lg";
+export type AuthShellSize = "default" | "sm";
 export type AuthSplitSide = "start" | "end";
 /** What the panel does below 56rem of available width: disappear, or fall under the form. */
 export type AuthSplitMobile = "hidden" | "stacked";

package/dist/components/primitives/value.d.ts

@@ -21,9 +21,11 @@ export interface ValueProps extends SpanProps {
     ref?: Ref<HTMLSpanElement>;
 }
 /** Shared shell so the empty state and the BEM hook are defined once. */
-export declare function ValueRoot({ children, emptyLabel, size, align, weight, type, truncate, className, hook, numeric, ref, ...props }: ValueProps & {
+export declare function ValueRoot({ children, emptyLabel, size, align, weight, type, truncate, className, hook, numeric, mono, lineHeight, ref, ...props }: ValueProps & {
     hook: string;
     numeric?: boolean;
+    mono?: boolean;
+    lineHeight?: TextProps["lineHeight"];
 }): import("react").JSX.Element;
 export declare function Value(props: ValueProps): import("react").JSX.Element;
 /**

package/dist/containers-B8d8U9GS.js

@@ -1,6 +1,8 @@
+import "#core.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import "#css/containers.css";
 var i = {
 	pageViewport: "containers__pageViewport___9E3rd",
 	container: "containers__container___2mj_6",

package/dist/{copyable-H1TUEY-H.js → copyable-D9Okb1w6.js}

@@ -1,11 +1,13 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { c as n } from "./buttons-CqXKWty3.js";
-import { a as r } from "./toaster-bBMgXm8z.js";
+import "#core.css";
+import { s as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { c as n } from "./buttons-BX2JfL5X.js";
+import { a as r } from "./toaster-CXL8L7Mm.js";
 import { t as i } from "./use-latest-CF0678ae.js";
 import { CheckIcon as a, CopyIcon as o } from "lucide-react";
 import { forwardRef as s, useCallback as c, useEffect as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import "#css/copyable.css";
 //#region src/components/base/copyable/copyable.strings.ts
 var p = {
 	copy: "Copy value",
@@ -42,7 +44,6 @@ var g = {
 	root: "copyable__root___KYCEA",
 	truncateRoot: "copyable__truncateRoot___oYQ2P",
 	content: "copyable__content___nB8cb",
-	mono: "copyable__mono___lbfnI",
 	trigger: "copyable__trigger___DNuXu",
 	triggerCompact: "copyable__triggerCompact___V83o4",
 	confirmIcon: "copyable__confirmIcon___fVHYS"
@@ -60,15 +61,15 @@ var g = {
 	}), D = s !== void 0 && typeof s != "string" && typeof s != "number" && typeof s != "bigint", { className: O, "aria-label": k, ...A } = y ?? {};
 	return /* @__PURE__ */ f("span", {
 		ref: C,
-		className: e("copyable--component", g.root, l && g.truncateRoot, v),
+		className: t("copyable--component", g.root, l && g.truncateRoot, v),
 		...S,
 		children: [/* @__PURE__ */ d("span", {
-			className: e("copyable--content", g.content),
-			children: D ? s : /* @__PURE__ */ d(t, {
+			className: t("copyable--content", g.content),
+			children: D ? s : /* @__PURE__ */ d(e, {
 				tag: "span",
 				size: "inherit",
 				truncate: l,
-				className: e(c && g.mono),
+				mono: c,
 				children: s ?? i
 			})
 		}), /* @__PURE__ */ d(n, {
@@ -76,11 +77,11 @@ var g = {
 			type: "button",
 			iconOnly: !0,
 			tone: "neutral",
-			buttonStyle: "ghost",
+			appearance: "ghost",
 			"aria-label": k ?? (T ? w.copied : w.copy),
 			"data-hit-area": u ? "" : void 0,
 			onClick: () => void E(i),
-			className: e("copyable--trigger", g.trigger, u && g.triggerCompact, O),
+			className: t("copyable--trigger", g.trigger, u && g.triggerCompact, O),
 			children: T ? /* @__PURE__ */ d(a, {
 				"aria-hidden": !0,
 				className: g.confirmIcon

package/dist/core.css

@@ -1,2 +1,2 @@
-@layer tokens, theming, base, components, utilities;
-@layer tokens{:root{--neutral-0:oklch(100% 0 0);--neutral-25:oklch(99% 0 0);--neutral-50:oklch(98.5% 0 0);--neutral-75:oklch(98% 0 0);--neutral-100:oklch(97% 0 0);--neutral-150:oklch(96% 0 0);--neutral-200:oklch(92.2% 0 0);--neutral-400:oklch(70.8% 0 0);--neutral-500:oklch(55.6% 0 0);--neutral-550:oklch(50% 0 0);--neutral-700:oklch(36% 0 0);--neutral-750:oklch(33% 0 0);--neutral-800:oklch(28% 0 0);--neutral-850:oklch(25% 0 0);--neutral-875:oklch(23% 0 0);--neutral-900:oklch(20.5% 0 0);--neutral-950:oklch(16% 0 0);--brand-300:oklch(72% .124 167.35);--brand-350:oklch(70% .13 167.35);--brand-600:oklch(45% .124 167.35);--brand-950:oklch(18% .03 167.35);--danger-400:oklch(70.4% .191 22.216);--danger-600:oklch(50% .245 27.325);--danger-950:oklch(18% .05 22);--success-400:oklch(76% .16 145);--success-600:oklch(40% .16 145);--success-950:oklch(18% .05 145);--info-400:oklch(72% .14 250);--info-600:oklch(45% .214 276.966);--info-950:oklch(18% .05 250);--warning-300:oklch(82% .16 90);--warning-500:oklch(72% .16 90);--warning-700:oklch(45% .12 80);--warning-900:oklch(20% .05 80);--warning-950:oklch(18% .05 80);--link-400:oklch(72% .12 259.13);--link-600:oklch(46.2% .1776 259.13);--violet-500:oklch(48.8% .243 264.376);--series-1:oklch(56% .11 167);--series-1-dark:oklch(74% .13 167);--series-2:oklch(56% .11 230);--series-2-dark:oklch(72% .14 230);--series-3:oklch(56% .17 285);--series-3-dark:oklch(72% .15 285);--series-4:oklch(58% .16 330);--series-4-dark:oklch(74% .15 330);--series-5:oklch(60% .14 60);--series-5-dark:oklch(78% .14 60);--white-a10:oklch(100% 0 0/.1);--white-a15:oklch(100% 0 0/.15);--pure-black:oklch(0% 0 0);--radius:1rem;--radius-sm:.5rem;--border-width:1px;--border-width-strong:2px;--radius-pill:999px}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:var(--neutral-0);--foreground:var(--neutral-800);--card:var(--neutral-0);--card-foreground:var(--neutral-800);--popover:var(--background);--popover-foreground:var(--foreground);--primary:var(--brand-600);--primary-foreground:var(--neutral-50);--secondary:var(--neutral-100);--secondary-foreground:var(--neutral-900);--muted:var(--neutral-100);--muted-foreground:var(--neutral-550);--accent:var(--neutral-100);--accent-foreground:var(--neutral-900);--destructive:var(--danger-600);--destructive-foreground:var(--neutral-25);--border:var(--neutral-200);--input:var(--neutral-200);--ring:var(--neutral-400);--chart-1:var(--series-1);--chart-2:var(--series-2);--chart-3:var(--series-3);--chart-4:var(--series-4);--chart-5:var(--series-5);--sidebar:var(--neutral-150);--sidebar-foreground:var(--neutral-800);--sidebar-primary:var(--neutral-900);--sidebar-primary-foreground:var(--neutral-50);--sidebar-accent:var(--neutral-75);--sidebar-accent-foreground:var(--neutral-900);--sidebar-border:var(--neutral-200);--sidebar-ring:var(--neutral-400);--shadow-ink:var(--pure-black);--shadow-2xs:0 1px 2px 0px color-mix(in oklab, var(--shadow-ink) 4%, transparent);--shadow-xs:0 1px 2px 0px color-mix(in oklab, var(--shadow-ink) 6%, transparent), 0 1px 1px -1px color-mix(in oklab, var(--shadow-ink) 6%, transparent);--shadow-sm:0 1px 2px 0px color-mix(in oklab, var(--shadow-ink) 6%, transparent), 0 2px 4px -2px color-mix(in oklab, var(--shadow-ink) 10%, transparent);--shadow:0 1px 3px 0px color-mix(in oklab, var(--shadow-ink) 8%, transparent), 0 4px 8px -4px color-mix(in oklab, var(--shadow-ink) 12%, transparent);--shadow-md:0 2px 4px -1px color-mix(in oklab, var(--shadow-ink) 8%, transparent), 0 8px 16px -8px color-mix(in oklab, var(--shadow-ink) 16%, transparent);--shadow-lg:0 4px 8px -2px color-mix(in oklab, var(--shadow-ink) 10%, transparent), 0 12px 24px -12px color-mix(in oklab, var(--shadow-ink) 18%, transparent);--shadow-xl:0 8px 16px -4px color-mix(in oklab, var(--shadow-ink) 12%, transparent), 0 20px 40px -20px color-mix(in oklab, var(--shadow-ink) 22%, transparent);--shadow-2xl:0 16px 32px -8px color-mix(in oklab, var(--shadow-ink) 18%, transparent), 0 32px 64px -28px color-mix(in oklab, var(--shadow-ink) 28%, transparent)}.dark,[data-theme=dark],:is(.dark,[data-theme=dark]) :is([data-ui-scope],[data-density]):not(.light,[data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:var(--neutral-900);--foreground:var(--neutral-50);--card:var(--neutral-850);--card-foreground:var(--neutral-50);--popover:var(--neutral-800);--popover-foreground:var(--foreground);--primary:var(--brand-350);--primary-foreground:var(--brand-950);--secondary:var(--neutral-850);--secondary-foreground:var(--neutral-50);--muted:var(--neutral-875);--muted-foreground:var(--neutral-400);--accent:var(--neutral-750);--accent-foreground:var(--neutral-50);--destructive:var(--danger-400);--destructive-foreground:var(--danger-950);--border:var(--white-a10);--input:var(--white-a15);--ring:var(--neutral-500);--chart-1:var(--series-1-dark);--chart-2:var(--series-2-dark);--chart-3:var(--series-3-dark);--chart-4:var(--series-4-dark);--chart-5:var(--series-5-dark);--sidebar:var(--neutral-950);--sidebar-foreground:var(--neutral-50);--sidebar-primary:var(--neutral-50);--sidebar-primary-foreground:var(--neutral-900);--sidebar-accent:var(--neutral-800);--sidebar-accent-foreground:var(--neutral-50);--sidebar-border:var(--white-a10);--sidebar-ring:var(--neutral-500)}@media (prefers-color-scheme:dark){:root:not(.light,[data-theme=light]),[data-ui-scope]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *),[data-density]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:var(--neutral-900);--foreground:var(--neutral-50);--card:var(--neutral-850);--card-foreground:var(--neutral-50);--popover:var(--neutral-800);--popover-foreground:var(--foreground);--primary:var(--brand-350);--primary-foreground:var(--brand-950);--secondary:var(--neutral-850);--secondary-foreground:var(--neutral-50);--muted:var(--neutral-875);--muted-foreground:var(--neutral-400);--accent:var(--neutral-750);--accent-foreground:var(--neutral-50);--destructive:var(--danger-400);--destructive-foreground:var(--danger-950);--border:var(--white-a10);--input:var(--white-a15);--ring:var(--neutral-500);--chart-1:var(--series-1-dark);--chart-2:var(--series-2-dark);--chart-3:var(--series-3-dark);--chart-4:var(--series-4-dark);--chart-5:var(--series-5-dark);--sidebar:var(--neutral-950);--sidebar-foreground:var(--neutral-50);--sidebar-primary:var(--neutral-50);--sidebar-primary-foreground:var(--neutral-900);--sidebar-accent:var(--neutral-800);--sidebar-accent-foreground:var(--neutral-50);--sidebar-border:var(--white-a10);--sidebar-ring:var(--neutral-500)}}:root{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-serif:Merriweather, ui-serif, serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--scale:1;--density-scale:initial;--text-scale:initial;--text-xs--line-height:calc(1 / .75);--text-pxs--line-height:calc(1.125 / .8125);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5)}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--font-heading:var(--font-sans);--text-xs:calc(.75rem * var(--text-scale,var(--scale)));--text-pxs:calc(.8125rem * var(--text-scale,var(--scale)));--text-sm:calc(.875rem * var(--text-scale,var(--scale)));--text-base:calc(1rem * var(--text-scale,var(--scale)));--text-lg:calc(1.125rem * var(--text-scale,var(--scale)));--text-xl:calc(1.25rem * var(--text-scale,var(--scale)));--text-2xl:calc(1.5rem * var(--text-scale,var(--scale)))}[data-density=compact]{--density-scale:.941177}[data-density=default]{--density-scale:initial}[data-density=comfortable]{--density-scale:1.075}:root{--height-control:2.125rem;--control-x:.75rem;--icon:1rem;--avatar:2rem}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--success:var(--success-600);--success-foreground:var(--neutral-50);--info:var(--info-600);--info-foreground:var(--neutral-25);--link-color:var(--link-600);--primary-accent:var(--brand-600);--warning:var(--warning-500);--warning-foreground:var(--warning-900);--warning-accent:var(--warning-700);--destructive-accent:color-mix(in oklab, var(--destructive) 85%, var(--foreground));--inverse-background:var(--neutral-800);--inverse-foreground:var(--neutral-50);--inverse-muted:color-mix(in oklab, var(--neutral-50) 74%, transparent);--inverse-subtle:color-mix(in oklab, var(--neutral-50) 58%, transparent);--inverse-disabled:color-mix(in oklab, var(--neutral-50) 42%, transparent);--inverse-surface:color-mix(in oklab, var(--neutral-50) 12%, transparent);--inverse-surface-strong:color-mix(in oklab, var(--neutral-50) 22%, transparent);--inverse-border:color-mix(in oklab, var(--neutral-50) 18%, transparent);--inverse-decoration:color-mix(in oklab, var(--neutral-50) 6%, transparent)}.dark,[data-theme=dark],:is(.dark,[data-theme=dark]) :is([data-ui-scope],[data-density]):not(.light,[data-theme=light]){--success:var(--success-400);--success-foreground:var(--success-950);--info:var(--info-400);--info-foreground:var(--info-950);--link-color:var(--link-400);--primary-accent:var(--brand-300);--warning:var(--warning-300);--warning-foreground:var(--warning-950);--warning-accent:var(--warning-300)}@media (prefers-color-scheme:dark){:root:not(.light,[data-theme=light]),[data-ui-scope]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *),[data-density]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *){--success:var(--success-400);--success-foreground:var(--success-950);--info:var(--info-400);--info-foreground:var(--info-950);--link-color:var(--link-400);--primary-accent:var(--brand-300);--warning:var(--warning-300);--warning-foreground:var(--warning-950);--warning-accent:var(--warning-300)}}:root{--shell-header-height:3.5rem;--sidebar-width:16rem;--content-width-sm:40rem;--content-width-md:48rem;--content-width-lg:64rem;--content-width-xl:80rem;--content-width-2xl:96rem;--adaptive-grid-min-sm:12rem;--adaptive-grid-min-md:16rem;--adaptive-grid-min-lg:20rem;--row-x:.75rem;--row-y:.5rem;--surface-x:1rem;--surface-y:1rem;--item-media-offset:.125rem;--repeater-dragging-opacity:.4;--overlay-backdrop:oklch(0% 0 0/.5)}}@layer theming{:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--border-60:color-mix(in oklab, var(--border) 60%, transparent);--muted-20:color-mix(in oklab, var(--muted) 20%, transparent);--muted-40:color-mix(in oklab, var(--muted) 40%, transparent);--muted-50:color-mix(in oklab, var(--muted) 50%, transparent);--muted-60:color-mix(in oklab, var(--muted) 60%, transparent);--muted-80:color-mix(in oklab, var(--muted) 80%, transparent);--destructive-5:color-mix(in oklab, var(--destructive) 5%, transparent);--destructive-10:color-mix(in oklab, var(--destructive) 10%, transparent);--destructive-20:color-mix(in oklab, var(--destructive) 20%, transparent);--destructive-30:color-mix(in oklab, var(--destructive) 30%, transparent);--destructive-40:color-mix(in oklab, var(--destructive) 40%, transparent);--primary-5:color-mix(in oklab, var(--primary) 5%, transparent);--primary-10:color-mix(in oklab, var(--primary) 10%, transparent);--primary-15:color-mix(in oklab, var(--primary) 15%, transparent);--primary-20:color-mix(in oklab, var(--primary) 20%, transparent);--primary-25:color-mix(in oklab, var(--primary) 25%, transparent);--primary-30:color-mix(in oklab, var(--primary) 30%, transparent);--primary-40:color-mix(in oklab, var(--primary) 40%, transparent);--foreground-8:color-mix(in oklab, var(--foreground) 8%, transparent);--foreground-10:color-mix(in oklab, var(--foreground) 10%, transparent);--foreground-20:color-mix(in oklab, var(--foreground) 20%, transparent);--warning-10:color-mix(in oklab, var(--warning) 10%, transparent);--warning-20:color-mix(in oklab, var(--warning) 20%, transparent);--warning-30:color-mix(in oklab, var(--warning) 30%, transparent);--warning-40:color-mix(in oklab, var(--warning) 40%, transparent);--success-5:color-mix(in oklab, var(--success) 5%, transparent);--success-10:color-mix(in oklab, var(--success) 10%, transparent);--success-30:color-mix(in oklab, var(--success) 30%, transparent);--info-5:color-mix(in oklab, var(--info) 5%, transparent);--info-10:color-mix(in oklab, var(--info) 10%, transparent);--info-30:color-mix(in oklab, var(--info) 30%, transparent);--muted-foreground-40:color-mix(in oklab, var(--muted-foreground) 40%, transparent);--muted-foreground-70:color-mix(in oklab, var(--muted-foreground) 70%, transparent);--background-70:color-mix(in oklab, var(--background) 70%, transparent);--background-80:color-mix(in oklab, var(--background) 80%, transparent);--input-30:color-mix(in oklab, var(--input) 30%, transparent);--accent-50:color-mix(in oklab, var(--accent) 50%, transparent);--sidebar-accent-50:color-mix(in oklab, var(--sidebar-accent) 50%, transparent)}:where([data-theme],.light,.dark){--surface-ground:initial}:root{--leading-12:1rem;--hit-area-min:1.5rem}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--space-2xs:round(calc(.125rem * var(--density-scale,var(--scale))), 1px);--space-xs:round(calc(.25rem * var(--density-scale,var(--scale))), 1px);--space-sm:round(calc(.375rem * var(--density-scale,var(--scale))), 1px);--space-md:round(calc(.5rem * var(--density-scale,var(--scale))), 1px);--space-lg:round(calc(.75rem * var(--density-scale,var(--scale))), 1px);--space-xl:round(calc(1rem * var(--density-scale,var(--scale))), 1px);--space-2xl:round(calc(1.5rem * var(--density-scale,var(--scale))), 1px);--control-h-2xs:round(calc(var(--height-control) * .705882 * var(--density-scale,var(--scale))), 1px);--control-h-sm:round(calc(var(--height-control) * .882353 * var(--density-scale,var(--scale))), 1px);--control-h:round(calc(var(--height-control) * var(--density-scale,var(--scale))), 1px);--control-px-2xs:round(calc(var(--control-x) * .666667 * var(--density-scale,var(--scale))), 1px);--control-px-sm:round(calc(var(--control-x) * .833333 * var(--density-scale,var(--scale))), 1px);--control-px:round(calc(var(--control-x) * var(--density-scale,var(--scale))), 1px);--size-icon-sm:round(calc(var(--icon) * .75 * var(--density-scale,var(--scale))), 1px);--size-icon-md:round(calc(var(--icon) * .875 * var(--density-scale,var(--scale))), 1px);--size-icon:round(calc(var(--icon) * var(--density-scale,var(--scale))), 1px);--size-icon-lg:round(calc(var(--icon) * 1.25 * var(--density-scale,var(--scale))), 1px);--size-icon-xl:round(calc(var(--icon) * 1.5 * var(--density-scale,var(--scale))), 1px);--size-icon-2xl:round(calc(var(--icon) * 2.5 * var(--density-scale,var(--scale))), 1px);--size-medallion:round(calc(2.5rem * var(--density-scale,var(--scale))), 1px);--size-avatar-sm:round(calc(var(--avatar) * .75 * var(--density-scale,var(--scale))), 1px);--size-avatar:round(calc(var(--avatar) * var(--density-scale,var(--scale))), 1px);--size-avatar-lg:round(calc(var(--avatar) * 1.25 * var(--density-scale,var(--scale))), 1px);--surface-px-xs:round(calc(var(--surface-x) * .5 * var(--density-scale,var(--scale))), 1px);--surface-px:round(calc(var(--surface-x) * var(--density-scale,var(--scale))), 1px);--surface-px-lg:round(calc(var(--surface-x) * 1.75 * var(--density-scale,var(--scale))), 1px);--surface-py-xs:round(calc(var(--surface-y) * .5 * var(--density-scale,var(--scale))), 1px);--surface-py:round(calc(var(--surface-y) * var(--density-scale,var(--scale))), 1px);--surface-py-lg:round(calc(var(--surface-y) * 1.75 * var(--density-scale,var(--scale))), 1px);--menu-row-py:round(calc(.25rem * var(--density-scale,var(--scale))), 1px);--menu-row-min-h:round(calc(2rem * var(--density-scale,var(--scale))), 1px);--row-px:round(calc(var(--row-x) * var(--density-scale,var(--scale))), 1px);--row-py:round(calc(var(--row-y) * var(--density-scale,var(--scale))), 1px);--table-head-h:round(calc(3rem * var(--density-scale,var(--scale))), 1px)}:root{--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-widest:.1em;--tracking-tight:-.025em;--focus-ring-width:2px;--focus-ring-offset:0px;--disabled-opacity:.5}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--control-border:color-mix(in oklab, var(--input) 70%, var(--foreground) 30%);--control-border-hover:color-mix(in oklab, var(--input) 45%, var(--foreground) 55%);--focus-ring-color:color-mix(in oklab, var(--ring) 70%, var(--foreground) 30%);--focus-ring:0 0 0 var(--focus-ring-offset) var(--background), 0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--focus-ring-color);--focus-ring-inset:inset 0 0 0 var(--focus-ring-offset) var(--background), inset 0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--focus-ring-color);--field-focus-ring:0 0 0 var(--focus-ring-width) color-mix(in oklab, var(--focus-ring-color) 22%, transparent);--invalid-ring-color:var(--destructive-20);--invalid-ring-border:var(--destructive);--invalid-ring:0 0 0 var(--focus-ring-width) var(--invalid-ring-color)}.dark,[data-theme=dark],:is(.dark,[data-theme=dark]) :is([data-ui-scope],[data-density]):not(.light,[data-theme=light]){--control-border:color-mix(in oklab, var(--input) 85%, var(--foreground) 15%);--control-border-hover:color-mix(in oklab, var(--input) 65%, var(--foreground) 35%);--focus-ring-color:var(--ring);--invalid-ring-color:var(--destructive-40);--invalid-ring-border:var(--destructive-accent)}@media (prefers-color-scheme:dark){:root:not(.light,[data-theme=light]),[data-ui-scope]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *),[data-density]:not(.light,[data-theme=light],:where(.light,[data-theme=light]) *){--control-border:color-mix(in oklab, var(--input) 85%, var(--foreground) 15%);--control-border-hover:color-mix(in oklab, var(--input) 65%, var(--foreground) 35%);--focus-ring-color:var(--ring);--invalid-ring-color:var(--destructive-40);--invalid-ring-border:var(--destructive-accent)}}:root{--duration-instant:75ms;--duration-fast:.15s;--duration-normal:.2s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--transition-control:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s}}:root{--z-raised:1;--z-sticky:10;--z-docked:20;--z-popover:50;--z-toast:100;--z-tooltip:1000;--enter-opacity:1;--enter-scale:1;--enter-translate-x:0;--enter-translate-y:0;--exit-opacity:1;--exit-scale:1;--exit-translate-x:0;--exit-translate-y:0;--animate-spin:spin 1s linear infinite;--slide-nudge:.5rem}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--animate-enter:enter var(--duration-fast) var(--ease-out);--animate-exit:exit var(--duration-fast) var(--ease-out);--animate-ping:ping 1s var(--ease-out) infinite;--animate-pulse:pulse 2s var(--ease-in-out) infinite}@keyframes enter{0%{opacity:var(--enter-opacity);transform:translate3d(var(--enter-translate-x), var(--enter-translate-y), 0) scale3d(var(--enter-scale), var(--enter-scale), var(--enter-scale))}}@keyframes exit{to{opacity:var(--exit-opacity);transform:translate3d(var(--exit-translate-x), var(--exit-translate-y), 0) scale3d(var(--exit-scale), var(--exit-scale), var(--exit-scale))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){:root{--animate-enter:none;--animate-exit:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:0s!important;animation-iteration-count:1!important}}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--overlay-max-width:32rem;--overlay-enter-scale:.97;--overlay-backdrop-filter:none;--overlay-edge-inset:0px;--overlay-edge-sm:55%;--overlay-edge-md:75%;--overlay-edge-lg:90%;--overlay-edge-full:100%;--tooltip-arrow-size:.5rem;--overlay-region-p:initial}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--overlay-duration-exit:calc(var(--duration-normal) * .75);--overlay-edge-length:calc(100% - var(--overlay-edge-inset) * 2);--overlay-edge-inset-default:var(--space-lg);--popover-shadow:0 0 0 var(--border-width) var(--foreground-10), var(--shadow-md);--layout-column-gap:round(calc(2rem * var(--density-scale,var(--scale))), 1px);--layout-aside-min:calc(18rem * var(--scale));--shell-header-h:round(calc(var(--shell-header-height) * var(--density-scale,var(--scale))), 1px);--resource-media:round(calc(var(--avatar) * 1.5 * var(--density-scale,var(--scale))), 1px)}:root{--field-bg:transparent;--field-label-width:12rem}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--field-icon-lane:calc(var(--size-icon) + var(--space-md) * 2);--field-addon-lane:round(calc(2.5rem * var(--density-scale,var(--scale))), 1px);--empty-art-h:round(calc(6rem * var(--density-scale,var(--scale))), 1px);--progress-fill:var(--primary)}:root{--rich-text-list-indent:1.5em;--rich-text-quote-indent:1em;--link-underline-offset:3px}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--text-role-main:var(--foreground);--text-role-inverse:var(--background);--text-role-secondary:var(--muted-foreground);--rich-text-block-gap:calc(.75em * var(--text-scale,var(--scale)));--rich-text-item-gap:calc(.25em * var(--text-scale,var(--scale)))}}@layer base{*,:before,:after{box-sizing:border-box;border:0 solid var(--border)}*{margin:0}html{font-family:var(--font-sans);line-height:var(--text-sm--line-height);-webkit-text-size-adjust:100%;tab-size:4}body{background-color:var(--background);color:var(--foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--primary);color:var(--primary-foreground)}:is(input,textarea,[contenteditable=true]){caret-color:var(--primary-accent)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}mark{background-color:var(--warning-30);color:var(--foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:-.125em;padding-inline:.125em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{appearance:button;background-color:#0000;background-image:none}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}:disabled{cursor:default}::placeholder{opacity:1;color:var(--muted-foreground)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:not([hidden=until-found]){display:none!important}}@layer components{[data-field-control]{width:100%;min-width:0;height:var(--control-h);padding-inline:var(--control-px-sm);padding-block:var(--space-xs);border:var(--border-width) solid var(--control-border);border-radius:var(--radius-sm);background-color:var(--field-bg);color:var(--foreground);font:inherit;font-size:var(--text-sm);line-height:var(--text-sm--line-height);box-shadow:none;transition:color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out);outline:none}[data-iphone-input-zoom=true]{--field-min-font-size:16px}[data-iphone-input-zoom=false]{--field-min-font-size:0px}:is(input,textarea,select)[data-field-control]{font-size:max(var(--text-sm), var(--field-min-font-size,0px));line-height:max(var(--text-sm--line-height), calc(var(--field-min-font-size,0px) * 1.25))}[data-field-control]::placeholder{color:var(--muted-foreground)}[data-field-control]:hover:not(:disabled):not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not(:is(input,textarea):read-only){border-color:var(--control-border-hover)}:is(input,textarea)[data-field-control]:read-only:not(:disabled){background-color:var(--foreground-8)}[data-field-control]:focus-visible{border-color:var(--focus-ring-color);box-shadow:var(--field-focus-ring)}[data-field-control][aria-invalid=true]{border-color:var(--invalid-ring-border);box-shadow:var(--invalid-ring)}[data-field-control][aria-invalid=true]:focus-visible{box-shadow:var(--field-focus-ring)}[data-field-control]:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}[data-field-control]:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--foreground);box-shadow:inset 0 0 0 100px var(--card)}[data-field-control]:is(:autofill,:autofill){-webkit-text-fill-color:var(--foreground);box-shadow:inset 0 0 0 100px var(--card)}[data-field-control]:-webkit-any(:autofill,:-webkit-autofill):focus-visible{box-shadow:inset 0 0 0 100px var(--card), var(--field-focus-ring)}[data-field-control]:is(:autofill,:autofill):focus-visible{box-shadow:inset 0 0 0 100px var(--card), var(--field-focus-ring)}[data-field-shell]{align-items:center;gap:var(--space-sm);min-height:var(--control-h);padding-inline:var(--control-px-sm);border:var(--border-width) solid var(--control-border);border-radius:var(--radius-sm);background-color:var(--field-bg);box-shadow:none;transition:border-color var(--duration-fast) var(--ease-in-out), box-shadow var(--duration-fast) var(--ease-in-out);display:flex}[data-field-shell]:has([data-field-control]:focus-visible){border-color:var(--focus-ring-color);box-shadow:var(--field-focus-ring)}[data-field-shell]:hover:not(:has([data-field-control]:disabled)):not(:has([data-field-control][data-disabled])):not(:has([data-field-control]:focus-visible)):not(:has([data-field-control][aria-invalid=true])):not([aria-invalid=true]):not(:has(:is(input,textarea)[data-field-control]:read-only)){border-color:var(--control-border-hover)}[data-field-shell]:has(:is(input,textarea)[data-field-control]:read-only:not(:disabled)){background-color:var(--foreground-8)}[data-field-shell]:has([data-field-control][aria-invalid=true]),[data-field-shell][aria-invalid=true]{border-color:var(--invalid-ring-border);box-shadow:var(--invalid-ring)}[data-field-shell]:has([data-field-control][aria-invalid=true]):has([data-field-control]:focus-visible),[data-field-shell][aria-invalid=true]:has([data-field-control]:focus-visible){box-shadow:var(--field-focus-ring)}[data-field-shell]:has([data-field-control]:disabled){cursor:not-allowed;opacity:var(--disabled-opacity)}[data-field-shell] [data-field-control]{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding-inline:0}[data-field-shell] [data-field-control]:focus-visible,[data-field-shell] [data-field-control][aria-invalid=true]{box-shadow:none}[data-field-shell]:has([data-field-control]:autofill){background-color:var(--card)}[data-field-shell] [data-field-control]:-webkit-any(:autofill,:-webkit-autofill){box-shadow:inset 0 0 0 100px var(--card)}[data-field-shell] [data-field-control]:is(:autofill,:autofill){box-shadow:inset 0 0 0 100px var(--card)}[data-field-shell] :is(input,textarea)[data-field-control]:read-only:not(:disabled){background:0 0}[data-hit-area]{position:relative}[data-hit-area]:after{content:"";width:max(100%, var(--hit-area-min));height:max(100%, var(--hit-area-min));position:absolute;top:50%;left:50%;translate:-50% -50%}:is(span,a)[data-ref-id]{border-radius:var(--radius-sm);font-size:1em;font-weight:var(--weight-medium);white-space:nowrap;vertical-align:baseline;background-color:var(--foreground-8);color:var(--foreground);box-shadow:inset 0 0 0 var(--border-width) var(--foreground-10);transition:background-color var(--duration-fast) var(--ease-out);-webkit-user-select:all;user-select:all;padding:.0625em .375em;line-height:1.35;text-decoration:none;display:inline-block}a[data-ref-id]:hover{background-color:color-mix(in oklab, var(--foreground) 20%, transparent)}span[data-ref-id]{cursor:default}a[data-ref-id]{cursor:pointer}:is(span,a)[data-ref-id][data-ref-tone=primary]{--ref-hue:var(--primary);--ref-ink:var(--primary-accent)}:is(span,a)[data-ref-id][data-ref-tone=info]{--ref-hue:var(--info);--ref-ink:var(--info)}:is(span,a)[data-ref-id][data-ref-tone=success]{--ref-hue:var(--success);--ref-ink:var(--success)}:is(span,a)[data-ref-id][data-ref-tone=warning]{--ref-hue:var(--warning);--ref-ink:var(--warning-accent);--ref-line:40%}:is(span,a)[data-ref-id][data-ref-tone=destructive]{--ref-hue:var(--destructive);--ref-ink:var(--destructive-accent)}:is(span,a)[data-ref-id]:is([data-ref-tone=primary],[data-ref-tone=info],[data-ref-tone=success],[data-ref-tone=warning],[data-ref-tone=destructive]){background-color:color-mix(in oklab, var(--ref-hue) 10%, transparent);color:var(--ref-ink);box-shadow:inset 0 0 0 var(--border-width) color-mix(in oklab, var(--ref-hue) var(--ref-line,30%), transparent)}a[data-ref-id]:is([data-ref-tone=primary],[data-ref-tone=info],[data-ref-tone=success],[data-ref-tone=warning],[data-ref-tone=destructive]):hover{background-color:color-mix(in oklab, var(--ref-hue) 20%, transparent)}:is(span,a)[data-ref-id][data-ref-tone=secondary]{background-color:var(--foreground-8);color:var(--muted-foreground);box-shadow:inset 0 0 0 var(--border-width) var(--foreground-10)}a[data-ref-id][data-ref-tone=secondary]:hover{background-color:color-mix(in oklab, var(--muted-foreground) 20%, transparent)}:is(span,a)[data-ref-id]>svg{vertical-align:-.15em;width:1em;height:1em;margin-inline-end:.25em;display:inline-block}}@layer utilities{.border-b{border-bottom-width:var(--border-width)}.border-t{border-top-width:var(--border-width)}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){:focus-visible,[data-field-shell]:has([data-field-control]:focus-visible){outline:var(--focus-ring-width) solid Highlight;outline-offset:2px}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}dialog::backdrop{background-color:var(--overlay-backdrop);-webkit-backdrop-filter:var(--overlay-backdrop-filter);backdrop-filter:var(--overlay-backdrop-filter);opacity:0;transition:opacity var(--overlay-duration-exit) var(--ease-out), overlay var(--overlay-duration-exit) allow-discrete, display var(--overlay-duration-exit) allow-discrete}dialog[open]::backdrop{opacity:1;transition:opacity var(--duration-normal) var(--ease-out), overlay var(--duration-normal) allow-discrete, display var(--duration-normal) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}dialog[data-modality=trap-focus]::backdrop,dialog[data-modality=non-modal]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}.map--component.leaflet-container{background-color:var(--muted);font-family:var(--font-sans)}.map--component.leaflet-container:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.map--component[data-tile-filter=invert] .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.92)contrast(.9)}.map--component .leaflet-popup-content-wrapper{border-radius:var(--radius);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--popover-shadow)}.map--component .leaflet-popup-content{margin:var(--surface-py) var(--surface-px);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}.map--component .leaflet-popup-tip{background-color:var(--popover);box-shadow:none}.map--component .leaflet-popup-close-button{color:var(--muted-foreground)}.map--component .leaflet-popup-close-button:hover{color:var(--foreground)}.map--component .leaflet-tooltip{box-shadow:none;background:0 0;border:0;padding:0}.map--component .leaflet-tooltip:before{display:none}.map--component.leaflet-container .leaflet-control-attribution{border-radius:var(--radius-sm) 0 0 0;background-color:var(--background-80);color:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.map--component .leaflet-control-attribution a{color:var(--link-color)}.map--component .leaflet-draw-toolbar,.map--component .leaflet-draw-actions{display:none}.map--component .leaflet-draw-tooltip{border:var(--border-width) solid var(--foreground);border-radius:var(--radius-sm);padding-block:var(--space-sm);padding-inline:var(--control-px);background-color:var(--foreground);color:var(--background);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.map--component .leaflet-draw-tooltip:before{border-right-color:var(--foreground)}.map--component .leaflet-draw-tooltip-subtext{color:var(--background-70)}.map--component .marker-cluster{border-radius:var(--radius-pill);background-color:var(--primary-20);color:var(--primary-accent);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex}.map--component .marker-cluster div{border-radius:var(--radius-pill);background-color:var(--primary-10);justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}
+@layer tokens, base, components, utilities;
+@layer tokens{:root{color-scheme:light dark;--background:light-dark(oklch(100% 0 0),oklch(20.5% 0 0));--foreground:light-dark(oklch(28% 0 0),oklch(98.5% 0 0));--card:light-dark(oklch(100% 0 0),oklch(25% 0 0));--card-foreground:light-dark(oklch(28% 0 0),oklch(98.5% 0 0));--popover:light-dark(oklch(100% 0 0),oklch(28% 0 0));--popover-foreground:light-dark(oklch(28% 0 0),oklch(98.5% 0 0));--muted:light-dark(oklch(97% 0 0),oklch(23% 0 0));--muted-foreground:light-dark(oklch(50% 0 0),oklch(70.8% 0 0));--accent:light-dark(oklch(97% 0 0),oklch(33% 0 0));--accent-foreground:light-dark(oklch(20.5% 0 0),oklch(98.5% 0 0));--border:light-dark(oklch(92.2% 0 0),oklch(100% 0 0/.1));--input:light-dark(oklch(73% 0 0),oklch(100% 0 0/.28));--ring:light-dark(oklch(58% 0 0),oklch(62% 0 0));--primary:light-dark(oklch(45% .124 167.35),oklch(70% .13 167.35));--primary-foreground:light-dark(oklch(98.5% 0 0),oklch(18% .03 167.35));--secondary:light-dark(oklch(97% 0 0),oklch(25% 0 0));--secondary-foreground:light-dark(oklch(20.5% 0 0),oklch(98.5% 0 0));--destructive:light-dark(oklch(50% .245 27.325),oklch(74% .158 22.216));--destructive-foreground:light-dark(oklch(99% 0 0),oklch(18% .05 22));--success:light-dark(oklch(40% .16 145),oklch(76% .16 145));--success-foreground:light-dark(oklch(98.5% 0 0),oklch(18% .05 145));--warning:light-dark(oklch(72% .16 90),oklch(82% .16 90));--warning-foreground:light-dark(oklch(20% .05 80),oklch(18% .05 80));--info:light-dark(oklch(45% .214 276.966),oklch(72% .14 250));--info-foreground:light-dark(oklch(99% 0 0),oklch(18% .05 250));--link:light-dark(oklch(46.2% .1776 259.13),oklch(72% .12 259.13));--tint:10%;--tint-strong:30%;--chart-1:light-dark(oklch(56% .11 167),oklch(74% .13 167));--chart-2:light-dark(oklch(56% .11 230),oklch(72% .14 230));--chart-3:light-dark(oklch(56% .17 285),oklch(72% .15 285));--chart-4:light-dark(oklch(58% .16 330),oklch(74% .15 330));--chart-5:light-dark(oklch(60% .14 60),oklch(78% .14 60));--sidebar:light-dark(oklch(96% 0 0),oklch(16% 0 0));--sidebar-foreground:light-dark(oklch(28% 0 0),oklch(98.5% 0 0));--sidebar-accent:light-dark(oklch(98% 0 0),oklch(28% 0 0));--sidebar-accent-foreground:light-dark(oklch(20.5% 0 0),oklch(98.5% 0 0));--sidebar-border:light-dark(oklch(92.2% 0 0),oklch(100% 0 0/.1));--sidebar-ring:light-dark(oklch(58% 0 0),oklch(62% 0 0));--overlay-backdrop:oklch(0% 0 0/.5)}.light,[data-theme=light]{color-scheme:light}.dark,[data-theme=dark]{color-scheme:dark}:where([data-theme],.light,.dark){--surface-ground:initial}:root{--radius:1rem;--radius-sm:.5rem;--radius-pill:999px;--border-width:1px;--padding:1rem;--padding-sm:.5rem;--gap:1rem;--gap-sm:.5rem;--control-height:2.125rem;--control-height-sm:1.875rem;--icon-size:1rem;--icon-size-sm:.75rem;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-heading:initial;--text-xs:.75rem;--text-pxs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-scale:1;--shadow:0 1px 2px 0 oklch(0% 0 0/.06), 0 1px 1px -1px oklch(0% 0 0/.06);--shadow-lg:0 4px 8px -2px oklch(0% 0 0/.1), 0 12px 24px -12px oklch(0% 0 0/.18);--duration-fast:.15s;--duration:.2s;--ease:cubic-bezier(.23, 1, .32, 1);--disabled-opacity:.5}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration:0s}}:root{--z-sticky:10;--z-docked:20;--z-popover:50;--z-toast:100;--z-tooltip:1000;--sidebar-width:16rem;--header-height:3.5rem;--content-width:64rem;--overlay-backdrop-filter:none}[data-density=compact]{--padding:.75rem;--padding-sm:.375rem;--gap:.75rem;--gap-sm:.375rem;--control-height:2rem;--control-height-sm:1.75rem}[data-density=default]{--padding:1rem;--padding-sm:.5rem;--gap:1rem;--gap-sm:.5rem;--control-height:2.125rem;--control-height-sm:1.875rem}[data-density=comfortable]{--padding:1.25rem;--padding-sm:.625rem;--gap:1.25rem;--gap-sm:.625rem;--control-height:2.25rem;--control-height-sm:2rem}:root{--keyframes-enter:themelia-enter;--keyframes-exit:themelia-exit;--keyframes-spin:themelia-spin;--keyframes-pulse:themelia-pulse;--keyframes-ping:themelia-ping;--keyframes-progress:themelia-progress;--keyframes-shimmer:themelia-shimmer}}@layer base{*,:before,:after{box-sizing:border-box;border:0 solid var(--border)}*{margin:0}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;tab-size:4;line-height:1.42857}body{background-color:var(--background);color:var(--foreground);font-size:calc(var(--text-sm) * var(--text-scale));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.42857}::selection{background-color:var(--primary);color:var(--primary-foreground)}:is(input,textarea,[contenteditable=true]){caret-color:var(--primary)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}mark{background-color:color-mix(in oklab, var(--warning) var(--tint-strong), transparent);color:var(--foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:-.125em;padding-inline:.125em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{appearance:button;background-color:#0000;background-image:none}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}:disabled{cursor:default}::placeholder{opacity:1;color:var(--muted-foreground)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:not([hidden=until-found]){display:none!important}:is([data-tone],[data-ref-tone]){--_tone-ink:100%;--tone-ink:color-mix(in oklab, var(--tone) var(--_tone-ink), light-dark(var(--foreground),var(--tone)))}:is([data-tone=neutral],[data-ref-tone=neutral]){--tone:var(--foreground);--tone-foreground:var(--background)}:is([data-tone=primary],[data-ref-tone=primary]){--tone:var(--primary);--tone-foreground:var(--primary-foreground)}:is([data-tone=secondary],[data-ref-tone=secondary]){--tone:var(--muted-foreground);--tone-foreground:var(--background);--tone-ink:var(--foreground)}:is([data-tone=info],[data-ref-tone=info]){--tone:var(--info);--tone-foreground:var(--info-foreground)}:is([data-tone=success],[data-ref-tone=success]){--tone:var(--success);--tone-foreground:var(--success-foreground)}:is([data-tone=warning],[data-ref-tone=warning]){--tone:var(--warning);--tone-foreground:var(--warning-foreground);--_tone-ink:45%}:is([data-tone=destructive],[data-ref-tone=destructive]){--tone:var(--destructive);--tone-foreground:var(--destructive-foreground);--_tone-ink:85%}:where(:focus-visible){outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * 2)}}@layer components{[data-field-control]{width:100%;min-width:0;height:var(--control-height);padding-inline:var(--padding-sm);padding-block:calc(var(--padding-sm) / 2);border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);color:var(--foreground);font:inherit;font-size:calc(var(--text-sm) * var(--text-scale));box-shadow:none;transition:color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);background-color:#0000;line-height:1.42857}[data-iphone-input-zoom=true]{--_field-min-font-size:16px}[data-iphone-input-zoom=false]{--_field-min-font-size:0px}:is(input,textarea,select)[data-field-control]{font-size:max(calc(var(--text-sm) * var(--text-scale)), var(--_field-min-font-size,0px));line-height:max(calc(1.25 / .875), calc(var(--_field-min-font-size,0px) * 1.25))}[data-field-control]::placeholder{color:var(--muted-foreground)}[data-field-control]:hover:not(:disabled):not([data-disabled]):not(:focus-visible):not([aria-invalid=true]):not(:is(input,textarea):read-only){border-color:color-mix(in oklab, var(--input), var(--foreground) 35%)}:is(input,textarea)[data-field-control]:read-only:not(:disabled){background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent)}[data-field-control]:focus-visible{border-color:var(--ring);outline-offset:calc(var(--border-width) * -1)}[data-field-control][aria-invalid=true]{border-color:var(--destructive)}[data-field-control][aria-invalid=true]:focus-visible{outline-color:var(--destructive)}[data-field-control]:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}[data-field-control]:-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--foreground);box-shadow:inset 0 0 0 100px var(--card)}[data-field-control]:is(:autofill,:autofill){-webkit-text-fill-color:var(--foreground);box-shadow:inset 0 0 0 100px var(--card)}[data-field-shell]{align-items:center;gap:var(--gap-sm);min-height:var(--control-height);padding-inline:var(--padding-sm);border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease);background-color:#0000;display:flex}[data-field-shell]:has([data-field-control]:focus-visible){border-color:var(--ring);outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -1)}[data-field-shell]:hover:not(:has([data-field-control]:disabled)):not(:has([data-field-control][data-disabled])):not(:has([data-field-control]:focus-visible)):not(:has([data-field-control][aria-invalid=true])):not([aria-invalid=true]):not(:has(:is(input,textarea)[data-field-control]:read-only)){border-color:color-mix(in oklab, var(--input), var(--foreground) 35%)}[data-field-shell]:has(:is(input,textarea)[data-field-control]:read-only:not(:disabled)){background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent)}[data-field-shell]:has([data-field-control][aria-invalid=true]),[data-field-shell][aria-invalid=true]{border-color:var(--destructive);outline-color:var(--destructive)}[data-field-shell]:has([data-field-control]:disabled){cursor:not-allowed;opacity:var(--disabled-opacity)}[data-field-shell] [data-field-control]{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding-inline:0}[data-field-shell] [data-field-control]:focus-visible{outline:none}[data-field-shell]:has([data-field-control]:autofill){background-color:var(--card)}[data-field-shell] [data-field-control]:-webkit-any(:autofill,:-webkit-autofill){box-shadow:inset 0 0 0 100px var(--card)}[data-field-shell] [data-field-control]:is(:autofill,:autofill){box-shadow:inset 0 0 0 100px var(--card)}[data-field-shell] :is(input,textarea)[data-field-control]:read-only:not(:disabled){background:0 0}[data-hit-area]{position:relative}[data-hit-area]:after{content:"";width:max(100%,1.5rem);height:max(100%,1.5rem);position:absolute;top:50%;left:50%;translate:-50% -50%}:is(span,a)[data-ref-id]{border-radius:var(--radius-sm);white-space:nowrap;vertical-align:baseline;background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent);color:var(--foreground);box-shadow:inset 0 0 0 var(--border-width) color-mix(in oklab, var(--foreground) var(--tint), transparent);transition:background-color var(--duration-fast) var(--ease);-webkit-user-select:all;user-select:all;padding:.0625em .375em;font-size:1em;font-weight:500;line-height:1.35;text-decoration:none;display:inline-block}a[data-ref-id]:hover{background-color:color-mix(in oklab, var(--foreground) var(--tint-strong), transparent)}span[data-ref-id]{cursor:default}a[data-ref-id]{cursor:pointer}:is(span,a)[data-ref-id]:is([data-ref-tone=primary],[data-ref-tone=info],[data-ref-tone=success],[data-ref-tone=warning],[data-ref-tone=destructive]){background-color:color-mix(in oklab, var(--tone) var(--tint), transparent);color:var(--tone-ink);box-shadow:inset 0 0 0 var(--border-width) color-mix(in oklab, var(--tone) var(--tint-strong), transparent)}a[data-ref-id]:is([data-ref-tone=primary],[data-ref-tone=info],[data-ref-tone=success],[data-ref-tone=warning],[data-ref-tone=destructive]):hover{background-color:color-mix(in oklab, var(--tone) var(--tint-strong), transparent)}:is(span,a)[data-ref-id][data-ref-tone=secondary]{color:var(--muted-foreground)}:is(span,a)[data-ref-id]>svg{vertical-align:-.15em;width:1em;height:1em;margin-inline-end:.25em;display:inline-block}}@layer utilities{.border-b{border-bottom-width:var(--border-width)}.border-t{border-top-width:var(--border-width)}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){:focus-visible,[data-field-shell]:has([data-field-control]:focus-visible){outline:calc(var(--border-width) * 2) solid Highlight;outline-offset:calc(var(--border-width) * 2)}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(./fonts/geist-mono-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@keyframes themelia-enter{0%{opacity:var(--_enter-opacity,1);transform:translate3d(var(--_enter-x,0), var(--_enter-y,0), 0) scale(var(--_enter-scale,1))}}@keyframes themelia-exit{to{opacity:var(--_exit-opacity,1);transform:translate3d(var(--_exit-x,0), var(--_exit-y,0), 0) scale(var(--_exit-scale,1))}}@keyframes themelia-spin{to{transform:rotate(360deg)}}@keyframes themelia-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes themelia-pulse{50%{opacity:.5}}@keyframes themelia-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes themelia-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:0s!important;animation-iteration-count:1!important}}dialog::backdrop{background-color:var(--overlay-backdrop);-webkit-backdrop-filter:var(--overlay-backdrop-filter);backdrop-filter:var(--overlay-backdrop-filter);opacity:0;transition:opacity var(--duration-fast) var(--ease), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete}dialog[open]::backdrop{opacity:1;transition:opacity var(--duration) var(--ease), overlay var(--duration) allow-discrete, display var(--duration) allow-discrete}@starting-style{dialog[open]::backdrop{opacity:0}}dialog[data-modality=trap-focus]::backdrop,dialog[data-modality=non-modal]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}.map--component.leaflet-container{background-color:var(--muted);font-family:inherit}.map--component.leaflet-container:focus-visible{outline-offset:calc(var(--border-width) * -2)}.map--component[data-tile-filter=invert] .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.92)contrast(.9)}.map--component .leaflet-popup-content-wrapper{border-radius:var(--radius);background-color:var(--popover);color:var(--popover-foreground);box-shadow:0 0 0 var(--border-width) var(--border), var(--shadow-lg)}.map--component .leaflet-popup-content{margin:var(--padding);font-size:calc(var(--text-sm) * var(--text-scale));line-height:1.5}.map--component .leaflet-popup-content p{margin:0}.map--component .leaflet-popup-tip{background-color:var(--popover);box-shadow:none}.map--component .leaflet-popup-close-button{color:var(--muted-foreground)}.map--component .leaflet-popup-close-button:hover{color:var(--foreground)}.map--component .leaflet-tooltip{padding:calc(var(--padding-sm) / 2) var(--padding-sm);border-radius:var(--radius-sm);background-color:var(--foreground);color:var(--background);box-shadow:var(--shadow);border:0}.map--component .leaflet-tooltip:before{display:none}.map--component.leaflet-container .leaflet-control-attribution{border-radius:var(--radius-sm) 0 0 0;background-color:color-mix(in oklab, var(--background) 80%, transparent);color:var(--muted-foreground);font-size:calc(var(--text-xs) * var(--text-scale));line-height:1.33333}.map--component .leaflet-control-attribution a{color:var(--link)}.map--component .leaflet-draw-toolbar,.map--component .leaflet-draw-actions{display:none}.map--component .leaflet-draw-tooltip{border:var(--border-width) solid var(--foreground);border-radius:var(--radius-sm);padding-block:calc(var(--padding-sm) / 2);padding-inline:var(--padding-sm);background-color:var(--foreground);color:var(--background);font-family:inherit;font-size:calc(var(--text-xs) * var(--text-scale));line-height:1.33333}.map--component .leaflet-draw-tooltip:before{border-right-color:var(--foreground)}.map--component .leaflet-draw-tooltip-subtext{color:color-mix(in oklab, var(--background) 70%, transparent)}.map--component .marker-cluster{border-radius:var(--radius-pill);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent);color:var(--primary);font-size:calc(var(--text-xs) * var(--text-scale));justify-content:center;align-items:center;font-weight:600;line-height:1.33333;display:flex}.map--component .marker-cluster div{border-radius:var(--radius-pill);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent);justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}

package/dist/css/access.css

@@ -1 +1,2 @@
-@layer components{.admin__credentialList___Lu3kk{min-width:0}.admin__credentialHeader___PzAO0{align-items:center;gap:var(--space-md);display:flex}.admin__credentialToggle___uegl-{text-align:start;flex:1;justify-content:flex-start;padding-inline:0}.admin__credentialBody___khth_{flex-direction:column;padding-block-start:var(--space-md);display:flex}.admin__role___YCmE-{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex;container:role-block/inline-size}.admin__roleHeader___d478J{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;min-width:0;display:flex}.admin__roleIdentity___Gxgk0{gap:var(--space-2xs);flex-direction:column;flex:16rem;min-width:0;display:flex}.admin__roleHeaderActions___Zlm1I{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.admin__roleGroup___MFCue{gap:var(--space-md);grid-template-columns:1fr;min-width:0;display:grid}.admin__roleGroup___MFCue+.admin__roleGroup___MFCue{border-block-start:var(--border-width) solid var(--border-60);padding-block-start:var(--space-lg)}.admin__rolePermissions___KA_Mi{grid-template-columns:repeat(auto-fill, minmax(calc(9rem * var(--scale)), 1fr));gap:var(--space-sm) var(--space-lg);min-width:0;display:grid}.admin__rolePermission___qUfHm{align-items:center;gap:var(--space-sm);min-width:0;color:var(--text-role-secondary);display:inline-flex}.admin__rolePermission___qUfHm[data-granted]{color:var(--foreground)}.admin__roleMark___z_njs{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--muted-foreground);flex-shrink:0}.admin__rolePermission___qUfHm[data-granted] .admin__roleMark___z_njs{color:var(--success)}@container role-block (width>=28rem){.admin__roleGroup___MFCue{grid-template-columns:calc(7.5rem * var(--scale)) 1fr;align-items:start;gap:var(--space-md) var(--space-xl)}}.admin__sensitive___LUftI{border-color:var(--destructive-30)}.admin__sensitiveRow___EIo7R{align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;min-width:0;display:flex}.admin__sensitiveBody___7-R_u{gap:var(--space-2xs);flex-direction:column;flex:12rem;min-width:0;display:flex}.admin__sensitiveAction___1cUzh{flex-shrink:0;margin-inline-start:auto}}
+@layer tokens, base, components, utilities;
+@layer components{.admin__credentialList___m9Hah{min-width:0}.admin__credentialHeader___KWb5k{align-items:center;gap:var(--gap-sm);display:flex}.admin__credentialToggle___GAzQY{text-align:start;flex:1;justify-content:flex-start;padding-inline:0}.admin__credentialBody___mUbPv{flex-direction:column;padding-block-start:var(--gap-sm);display:flex}.admin__role___j2f50{gap:var(--gap);flex-direction:column;min-width:0;display:flex;container:role-block/inline-size}.admin__roleHeader___he8MI{justify-content:space-between;align-items:flex-start;gap:var(--gap);flex-wrap:wrap;min-width:0;display:flex}.admin__roleIdentity___7i9JT{gap:calc(var(--gap-sm) / 2);flex-direction:column;flex:16rem;min-width:0;display:flex}.admin__roleHeaderActions___GVqNY{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:flex}.admin__roleGroup___M51Jm{gap:var(--gap-sm);grid-template-columns:1fr;min-width:0;display:grid}.admin__roleGroup___M51Jm+.admin__roleGroup___M51Jm{border-block-start:var(--border-width) solid var(--border);padding-block-start:var(--gap)}.admin__rolePermissions___vhuBI{gap:var(--gap-sm) var(--gap);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));min-width:0;display:grid}.admin__rolePermission___Y9rxU{align-items:center;gap:var(--gap-sm);min-width:0;color:var(--muted-foreground);display:inline-flex}.admin__rolePermission___Y9rxU[data-granted]{color:var(--foreground)}.admin__roleMark___3nuht{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);flex-shrink:0}.admin__rolePermission___Y9rxU[data-granted] .admin__roleMark___3nuht{color:var(--success)}@container role-block (width>=28rem){.admin__roleGroup___M51Jm{align-items:start;gap:var(--gap-sm) var(--gap);grid-template-columns:7.5rem 1fr}}.admin__sensitive___lO4fx{border-color:color-mix(in oklab, var(--destructive) var(--tint-strong), transparent)}.admin__sensitiveRow___txnVH{align-items:flex-start;gap:var(--gap);flex-wrap:wrap;min-width:0;display:flex}.admin__sensitiveBody___6A9Jz{gap:calc(var(--gap-sm) / 2);flex-direction:column;flex:12rem;min-width:0;display:flex}.admin__sensitiveAction___yZRes{flex-shrink:0;margin-inline-start:auto}}

package/dist/css/accordion.css

@@ -1 +1,2 @@
-@layer components{.accordion__root___hEph1{width:100%;font-size:var(--text-sm);line-height:var(--text-sm--line-height);flex-direction:column;display:flex}.accordion__surfaceBordered___zgX5U{border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--card);overflow:hidden}.accordion__surfaceCard___U4Iy7{gap:var(--space-md)}.accordion__surfaceFlat___qR6LI{background-color:#0000;border:0}.accordion__item___3ML8e{background-color:#0000}.accordion__surfaceBordered___zgX5U .accordion__item___3ML8e:not(:last-child){border-bottom:var(--border-width) solid var(--border-60)}.accordion__surfaceCard___U4Iy7 .accordion__item___3ML8e{border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--card);overflow:hidden}.accordion__item___3ML8e[data-open]{background-image:linear-gradient(var(--accent-50), var(--accent-50))}.accordion__header___OH-Pt{display:flex}.accordion__trigger___uSwje{justify-content:space-between;align-items:center;gap:var(--space-2xl);min-width:0;min-height:var(--control-h);padding:var(--space-lg) var(--surface-px);text-align:start;font:inherit;font-weight:var(--weight-medium);line-height:var(--text-sm--line-height);color:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:inherit;background:0 0;border:0;flex:1;display:flex;position:relative}.accordion__trigger___uSwje:hover{background-color:var(--accent-50)}.accordion__trigger___uSwje:focus-visible{z-index:var(--z-raised);box-shadow:var(--focus-ring-inset);outline:none}.accordion__surfaceBordered___zgX5U .accordion__item___3ML8e:first-child .accordion__trigger___uSwje{border-start-start-radius:calc(var(--radius) - var(--border-width));border-start-end-radius:calc(var(--radius) - var(--border-width))}.accordion__surfaceCard___U4Iy7 .accordion__trigger___uSwje{border-radius:calc(var(--radius) - var(--border-width))}.accordion__trigger___uSwje[aria-disabled=true]{pointer-events:none;opacity:var(--disabled-opacity)}.accordion__icon___LakYD{width:var(--size-icon);height:var(--size-icon);color:var(--muted-foreground);pointer-events:none;transition:rotate var(--duration-fast) var(--ease-out);flex-shrink:0}.accordion__trigger___uSwje[aria-expanded=true] .accordion__icon___LakYD{rotate:180deg}.accordion__panel___08Ioe{height:var(--accordion-panel-height);padding-inline:var(--surface-px);transition:height var(--duration-fast) var(--ease-out);overflow:hidden}.accordion__panel___08Ioe[data-starting-style],.accordion__panel___08Ioe[data-ending-style]{height:0}.accordion__content___QPJl8{padding-block:0 var(--surface-py);line-height:var(--leading-relaxed)}.accordion__row___oCO96{align-items:center;gap:0 var(--space-lg);flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.accordion__rowWithMedia___0tYvT{grid-template-columns:auto minmax(0,1fr)}.accordion__media___uasy7{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.accordion__media___uasy7>svg{width:var(--size-icon);height:var(--size-icon)}.accordion__mediaMedallion___HST4U{width:var(--size-medallion);height:var(--size-medallion);border-radius:var(--radius-sm);background-color:var(--foreground-8);color:var(--foreground)}.accordion__heading___l_NxV{gap:var(--space-2xs);flex-direction:column;flex:1;min-width:0;display:flex}.accordion__titleLine___Q0PVI{align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;min-width:0;display:flex}.accordion__badge___PHYok{flex-shrink:0;display:inline-flex}.accordion__bodyWithMedia___jP5Gh{padding-inline-start:calc(var(--size-icon-lg) + var(--space-lg))}.accordion__bodyWithMedallion___rRwpM{padding-inline-start:calc(var(--size-medallion) + var(--space-lg))}}
+@layer tokens, base, components, utilities;
+@layer components{.accordion__root___hEph1{--_medallion-size:2.5rem;flex-direction:column;width:100%;display:flex}.accordion__surfaceBordered___zgX5U{border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--card);overflow:hidden}.accordion__surfaceCard___U4Iy7{gap:var(--gap-sm)}.accordion__surfaceFlat___qR6LI{background-color:#0000;border:0}.accordion__item___3ML8e{background-color:#0000}.accordion__surfaceBordered___zgX5U .accordion__item___3ML8e:not(:last-child){border-bottom:var(--border-width) solid var(--border)}.accordion__surfaceCard___U4Iy7 .accordion__item___3ML8e{border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--card);overflow:hidden}.accordion__item___3ML8e[data-open]{background-image:linear-gradient(var(--accent), var(--accent))}.accordion__header___OH-Pt{display:flex}.accordion__trigger___uSwje{justify-content:space-between;align-items:center;gap:var(--gap);min-width:0;min-height:var(--control-height);padding:var(--padding);text-align:start;color:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease);border-radius:inherit;background:0 0;border:0;flex:1;display:flex;position:relative}.accordion__trigger___uSwje:hover:not([aria-disabled=true]){background-color:var(--accent)}.accordion__trigger___uSwje:focus-visible{outline-offset:calc(var(--border-width) * -2)}.accordion__surfaceBordered___zgX5U .accordion__item___3ML8e:first-child .accordion__trigger___uSwje{border-start-start-radius:calc(var(--radius) - var(--border-width));border-start-end-radius:calc(var(--radius) - var(--border-width))}.accordion__surfaceCard___U4Iy7 .accordion__trigger___uSwje{border-radius:calc(var(--radius) - var(--border-width))}.accordion__trigger___uSwje[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity)}.accordion__icon___LakYD{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);pointer-events:none;transition:rotate var(--duration-fast) var(--ease);flex-shrink:0}.accordion__trigger___uSwje[aria-expanded=true] .accordion__icon___LakYD{rotate:180deg}.accordion__panel___08Ioe{height:var(--accordion-panel-height);padding-inline:var(--padding);transition:height var(--duration-fast) var(--ease);overflow:hidden}.accordion__panel___08Ioe[data-starting-style],.accordion__panel___08Ioe[data-ending-style]{height:0}.accordion__content___QPJl8{padding-block:0 var(--padding)}.accordion__row___oCO96{align-items:center;gap:0 var(--gap);flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.accordion__rowWithMedia___0tYvT{grid-template-columns:auto minmax(0,1fr)}.accordion__media___uasy7{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.accordion__media___uasy7>svg{width:var(--icon-size);height:var(--icon-size)}.accordion__mediaMedallion___HST4U{width:var(--_medallion-size);height:var(--_medallion-size);border-radius:var(--radius-sm);background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent);color:var(--foreground)}.accordion__heading___l_NxV{gap:calc(var(--gap-sm) / 2);flex-direction:column;flex:1;min-width:0;display:flex}.accordion__titleLine___Q0PVI{align-items:center;gap:calc(var(--gap-sm) / 2) var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.accordion__badge___PHYok{flex-shrink:0;display:inline-flex}.accordion__bodyWithMedia___jP5Gh{padding-inline-start:calc(var(--icon-size) + var(--gap))}.accordion__bodyWithMedallion___rRwpM{padding-inline-start:calc(var(--_medallion-size) + var(--gap))}}

package/dist/css/action-menu.css

@@ -1 +1,2 @@
-@layer components{.action-menu__triggerLabel___1wz5W{white-space:nowrap}.action-menu__buttons___ZDGlp{align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:100%;display:inline-flex}.action-menu__linkButton___haCOh{text-underline-offset:var(--link-underline-offset);text-decoration:underline}.action-menu__labelHidden___rNMtb,.action-menu__labelResponsive___4TIRQ{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=40rem){.action-menu__labelResponsive___4TIRQ{clip-path:none;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}}}
+@layer tokens, base, components, utilities;
+@layer components{.action-menu__triggerLabel___1wz5W{white-space:nowrap}:where(.action-menu__buttons___ZDGlp){align-items:center;gap:var(--gap-sm);flex-wrap:wrap;max-width:100%;display:inline-flex}.action-menu__linkButton___haCOh{text-underline-offset:3px;text-decoration:underline}.action-menu__labelHidden___rNMtb,.action-menu__labelResponsive___4TIRQ{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=40rem){.action-menu__labelResponsive___4TIRQ{clip-path:none;white-space:nowrap;width:auto;height:auto;margin:0;position:static;overflow:visible}}}

package/dist/css/activities.css

@@ -1 +1,2 @@
-@layer components{:root,[data-ui-scope],[data-density],[data-theme],.light,.dark,[data-tone=neutral],[data-tone=secondary]{--activity-disc-rich:round(calc(1.75rem * var(--density-scale,var(--scale))), 1px);--activity-tone-solid:var(--muted-foreground);--activity-tone-wash:var(--foreground-8);--activity-tone-fg:var(--muted-foreground)}[data-tone=primary]{--activity-tone-solid:var(--primary);--activity-tone-wash:var(--primary-10);--activity-tone-fg:var(--primary-accent)}[data-tone=success]{--activity-tone-solid:var(--success);--activity-tone-wash:var(--success-10);--activity-tone-fg:var(--success)}[data-tone=info]{--activity-tone-solid:var(--info);--activity-tone-wash:var(--info-10);--activity-tone-fg:var(--info)}[data-tone=warning]{--activity-tone-solid:var(--warning-accent);--activity-tone-wash:var(--warning-10);--activity-tone-fg:var(--warning-accent)}[data-tone=destructive]{--activity-tone-solid:var(--destructive);--activity-tone-wash:var(--destructive-10);--activity-tone-fg:var(--destructive-accent)}.activities__feed___ngaRb{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.activities__state___XVSXH{padding-block:var(--space-2xl)}.activities__refreshing___GmCr-{padding-block:var(--space-sm);text-align:start;flex-direction:row;justify-content:flex-start}.activities__groups___qNHlO,.activities__group___ru6pk,.activities__rows___IPZDp{flex-direction:column;min-width:0;display:flex}.activities__rows___IPZDp{margin-top:var(--space-sm)}.activities__feedHeader___oetTb,.activities__feedFooter___2aunk{min-width:0}.activities__dateLabel___mZWyA{align-items:center;gap:var(--space-md);display:flex}.activities__dateLabel___mZWyA:after{content:"";height:var(--border-width);background:var(--border-60);flex:1}.activities__dateLabel___mZWyA:not([data-first]){margin-top:var(--space-xl)}.activities__row___FwEWr{gap:var(--space-md);min-width:0;display:flex}.activities__row___FwEWr[data-activity-density=compact]{gap:var(--space-sm)}.activities__content___lHOgM{min-width:0;flex:1;padding-block-start:var(--space-xs)}.activities__row___FwEWr[data-activity-density=compact] .activities__content___lHOgM{padding-block-start:var(--space-2xs)}.activities__row___FwEWr[data-interactive]{border-radius:var(--radius-sm);cursor:pointer}.activities__row___FwEWr[data-interactive]:hover{background-color:var(--accent-50)}.activities__row___FwEWr[data-interactive]:focus-visible{box-shadow:var(--focus-ring);outline:none}.activities__row___FwEWr:not([data-last]) .activities__content___lHOgM{padding-bottom:var(--space-md)}.activities__row___FwEWr[data-spacing=compact]:not([data-last]) .activities__content___lHOgM{padding-bottom:var(--space-sm)}.activities__row___FwEWr[data-spacing=relaxed]:not([data-last]) .activities__content___lHOgM{padding-bottom:var(--space-xl)}.activities__marker___L4_uy{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.activities__markerDot___lE8rH{width:var(--space-md);height:var(--space-md);margin-top:var(--space-sm);background-color:var(--activity-tone-solid);border-radius:50%;flex-shrink:0}.activities__markerDisc___a_mmc{width:var(--size-icon-lg);height:var(--size-icon-lg);background-color:var(--activity-tone-wash);color:var(--activity-tone-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activities__marker___L4_uy[data-activity-density=rich] .activities__markerDisc___a_mmc{width:var(--activity-disc-rich);height:var(--activity-disc-rich);box-shadow:inset 0 0 0 var(--border-width) var(--border-60)}.activities__markerDisc___a_mmc svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.activities__marker___L4_uy[data-activity-density=rich] .activities__markerDisc___a_mmc svg{width:var(--size-icon-md);height:var(--size-icon-md)}.activities__markerRail___BRDHb{width:var(--border-width);margin-top:var(--space-xs);background-color:var(--border);flex:1}.activities__summary___jFK4A{align-items:start;gap:var(--space-sm) var(--space-lg);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.activities__summaryMain___I4lTu{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.activities__summaryTrailing___uP3yL:empty{display:none}.activities__summaryTrailing___uP3yL{align-items:center;gap:var(--space-2xs);display:flex}.activities__eventMeta___D9BWQ{align-items:baseline;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;min-width:0;margin-top:0;display:flex}.activities__source___e-6qG{overflow-wrap:anywhere}.activities__source___e-6qG:not(:first-child):before{content:"·";margin-inline-end:var(--space-sm)}.activities__headlineRow___3R3Zl{align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.activities__headline___XbTSh{min-width:0;line-height:var(--text-sm--line-height);overflow-wrap:anywhere}.activities__actor___w5rC2{color:var(--foreground);font:inherit;text-underline-offset:var(--link-underline-offset);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;text-decoration:none}.activities__actor___w5rC2:hover{text-decoration:underline}.activities__actor___w5rC2:focus-visible{box-shadow:var(--focus-ring);outline:none}.activities__time___2rL8S{white-space:nowrap}.activities__expandToggle___FRGE1{align-items:center;gap:var(--space-xs);color:var(--muted-foreground);display:inline-flex}.activities__expandToggle___FRGE1 svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.activities__description___BVJci{margin-top:var(--space-xs);max-width:48rem}.activities__metaPreview___r4auV{align-items:center;gap:var(--space-2xs) var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.activities__metaGrid___PFXt2{overflow-wrap:anywhere;min-width:0}.activities__changes___ZpmWp{border:var(--border-width) solid var(--border-60);border-radius:var(--radius-sm);padding:var(--surface-py) var(--surface-px);background-color:var(--muted-50)}.activities__changeValues___jIDSQ{align-items:baseline;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:inline-flex}.activities__changeOld___-e98o{padding-inline:var(--space-xs);border-radius:var(--radius-sm);background-color:var(--destructive-10);color:var(--destructive-accent);text-decoration:line-through}.activities__changeNew____7WvX{padding-inline:var(--space-xs);border-radius:var(--radius-sm);background-color:var(--success-10);color:var(--success)}.activities__tag___oEoeE{align-items:center;gap:var(--space-xs);min-width:0;max-width:100%;padding-inline:var(--space-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background-color:var(--foreground-8);color:var(--foreground);font:inherit;line-height:var(--leading-normal);vertical-align:baseline;overflow-wrap:anywhere;flex-wrap:wrap;padding-block:1px;display:inline-flex}.activities__tagIdentity___AxeIo{align-items:center;gap:var(--space-xs);text-align:start;min-width:0;max-width:100%;display:inline-flex}.activities__tagLabel___wbxAL{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.activities__tag___oEoeE .activities__tagIcon___LIa5-{color:var(--activity-tone-fg)}button.activities__tag___oEoeE{cursor:pointer}button.activities__tag___oEoeE:hover{background-color:var(--accent)}button.activities__tag___oEoeE:focus-visible{box-shadow:var(--focus-ring);outline:none}.activities__tagIcon___LIa5-{width:var(--size-icon-sm);height:var(--size-icon-sm);flex-shrink:0}.activities__tagTags___IqI8U{border-inline-start:var(--border-width) solid var(--border-60);margin-inline-start:var(--space-2xs);padding-inline-start:var(--space-sm)}.activities__tagBadge___4KOR9{color:var(--muted-foreground)}.activities__tagBadge___4KOR9[data-tone=success]{color:var(--success)}.activities__tagBadge___4KOR9[data-tone=warning]{color:var(--warning-accent)}.activities__tagBadge___4KOR9[data-tone=destructive]{color:var(--destructive)}.activities__tagBadge___4KOR9[data-tone=info]{color:var(--info)}.activities__tagBadge___4KOR9[data-tone=primary]{color:var(--primary-accent)}.activities__resources___7CtP2,.activities__inlineActions___fNtnk,.activities__rowFooter___IBxZ_{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.activities__panel___ftOkU{gap:var(--space-md);margin-top:var(--space-sm);padding:var(--surface-py) var(--surface-px);border:var(--border-width) solid var(--border-60);border-radius:var(--radius-sm);background-color:var(--card);box-shadow:var(--shadow-xs);flex-direction:column;min-width:0;display:flex;container:activity-details/inline-size}.activities__disclosure___IM9n5{margin-top:var(--space-sm)}.activities__rowFooter___IBxZ_{gap:var(--space-md)}.activities__rowFooter___IBxZ_ .activities__inlineActions___fNtnk{margin-top:0}.activities__detailSection___R-9Zh{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.activities__detailSection___R-9Zh+.activities__detailSection___R-9Zh{padding-top:var(--space-sm);border-top:var(--border-width) solid var(--border-60)}.activities__detailSection___R-9Zh .activities__resources___7CtP2{gap:var(--space-sm);margin-top:0}.activities__log___em2N0{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.activities__commentRow___dVIPk{gap:var(--space-md);min-width:0;display:flex}.activities__commentBody___AwZL5{min-width:0;flex:1;padding-block-start:var(--space-xs)}.activities__commentRow___dVIPk:not([data-last]) .activities__commentBody___AwZL5{padding-bottom:var(--space-lg)}.activities__commentRow___dVIPk[data-spacing=compact]:not([data-last]) .activities__commentBody___AwZL5{padding-bottom:var(--space-sm)}.activities__commentRow___dVIPk[data-spacing=relaxed]:not([data-last]) .activities__commentBody___AwZL5{padding-bottom:var(--space-2xl)}}
+@layer tokens, base, components, utilities;
+@layer components{:is(.activities__marker___L4_uy,.activities__tag___oEoeE,.activities__tagBadge___4KOR9){--_activity-ink:var(--tone-ink,var(--muted-foreground));--_activity-wash:color-mix(in oklab, var(--tone,var(--foreground)) var(--tint), transparent)}:is(.activities__marker___L4_uy,.activities__tag___oEoeE,.activities__tagBadge___4KOR9):is([data-tone=neutral],[data-tone=secondary]){--_activity-ink:var(--muted-foreground);--_activity-wash:color-mix(in oklab, var(--foreground) var(--tint), transparent)}.activities__feed___ngaRb{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.activities__state___XVSXH{padding-block:var(--padding)}.activities__refreshing___GmCr-{padding-block:var(--padding-sm);text-align:start;flex-direction:row;justify-content:flex-start}.activities__groups___qNHlO,.activities__group___ru6pk,.activities__rows___IPZDp{flex-direction:column;min-width:0;display:flex}.activities__rows___IPZDp{margin-top:var(--gap-sm)}.activities__feedHeader___oetTb,.activities__feedFooter___2aunk{min-width:0}.activities__dateLabel___mZWyA{align-items:center;gap:var(--gap-sm);display:flex}.activities__dateLabel___mZWyA:after{content:"";height:var(--border-width);background:var(--border);flex:1}.activities__dateLabel___mZWyA:not([data-first]){margin-top:var(--gap)}.activities__row___FwEWr{gap:var(--gap-sm);min-width:0;display:flex}:is(.activities__row___FwEWr,.activities__marker___L4_uy){--_activity-disc:calc(var(--icon-size-sm) + var(--padding-sm))}:is(.activities__row___FwEWr,.activities__marker___L4_uy)[data-variant=rich]{--_activity-disc:1.75rem}.activities__content___lHOgM{min-width:0;flex:1;padding-block-start:calc((var(--_activity-disc) - 1lh) / 2)}.activities__row___FwEWr[data-variant=compact] .activities__content___lHOgM{padding-block-start:0}.activities__row___FwEWr[data-interactive]{border-radius:var(--radius-sm);cursor:pointer}.activities__row___FwEWr[data-interactive]:hover{background-color:var(--accent)}.activities__row___FwEWr:not([data-last]) .activities__content___lHOgM{padding-bottom:var(--padding-sm)}.activities__row___FwEWr[data-spacing=sm]:not([data-last]) .activities__content___lHOgM{padding-bottom:calc(var(--padding-sm) / 2)}.activities__marker___L4_uy{--_activity-dot:.5rem;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.activities__markerDot___lE8rH{width:var(--_activity-dot);height:var(--_activity-dot);margin-top:calc((1lh - var(--_activity-dot)) / 2);background-color:var(--_activity-ink);border-radius:50%;flex-shrink:0}.activities__markerDisc___a_mmc{width:var(--_activity-disc);height:var(--_activity-disc);background-color:var(--_activity-wash);color:var(--_activity-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activities__marker___L4_uy[data-variant=rich] .activities__markerDisc___a_mmc{box-shadow:inset 0 0 0 var(--border-width) var(--border)}.activities__markerDisc___a_mmc svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.activities__marker___L4_uy[data-variant=rich] .activities__markerDisc___a_mmc svg{width:var(--icon-size);height:var(--icon-size)}.activities__markerRail___BRDHb{width:var(--border-width);margin-top:calc(var(--gap-sm) / 2);background-color:var(--border);flex:1}.activities__summary___jFK4A{align-items:start;gap:var(--gap-sm) var(--gap);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.activities__summaryMain___I4lTu{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.activities__summaryTrailing___uP3yL:empty{display:none}.activities__summaryTrailing___uP3yL{align-items:center;gap:var(--gap-sm);display:flex}.activities__eventMeta___D9BWQ{align-items:baseline;gap:0 var(--gap-sm);flex-wrap:wrap;min-width:0;margin-top:0;display:flex}.activities__source___e-6qG{overflow-wrap:anywhere}.activities__source___e-6qG:not(:first-child):before{content:"·";margin-inline-end:var(--gap-sm)}.activities__headlineRow___3R3Zl{align-items:center;gap:calc(var(--gap-sm) / 2) var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.activities__headline___XbTSh{overflow-wrap:anywhere;min-width:0}.activities__actor___w5rC2{color:var(--foreground);text-underline-offset:3px;cursor:pointer;border-radius:var(--radius-sm);text-decoration:none}.activities__actor___w5rC2:is(:hover,:focus-visible){text-decoration:underline}.activities__time___2rL8S{white-space:nowrap}.activities__expandToggle___FRGE1{align-items:center;gap:calc(var(--gap-sm) / 2);color:var(--muted-foreground);display:inline-flex}.activities__expandToggle___FRGE1 svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.activities__description___BVJci{margin-top:var(--gap-sm);max-width:48rem}.activities__metaPreview___r4auV{align-items:center;gap:calc(var(--gap-sm) / 2) var(--gap-sm);margin-top:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.activities__metaGrid___PFXt2{overflow-wrap:anywhere;min-width:0}.activities__changes___ZpmWp{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);padding:var(--padding);background-color:var(--muted)}.activities__changeValues___jIDSQ{align-items:baseline;gap:calc(var(--gap-sm) / 2);flex-wrap:wrap;min-width:0;display:inline-flex}.activities__changeOld___-e98o,.activities__changeNew____7WvX{padding-inline:calc(var(--padding-sm) / 2);border-radius:var(--radius-sm);background-color:color-mix(in oklab, var(--tone) var(--tint), transparent);color:var(--tone-ink)}.activities__changeOld___-e98o{text-decoration:line-through}.activities__tag___oEoeE{align-items:center;gap:calc(var(--gap-sm) / 2);min-width:0;max-width:100%;min-height:calc(var(--control-height-sm) - var(--padding-sm));padding-inline:var(--padding-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent);color:var(--foreground);vertical-align:baseline;overflow-wrap:anywhere;flex-wrap:wrap;display:inline-flex}.activities__tagIdentity___AxeIo{align-items:center;gap:calc(var(--gap-sm) / 2);text-align:start;min-width:0;max-width:100%;display:inline-flex}.activities__tagLabel___wbxAL{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.activities__tag___oEoeE .activities__tagIcon___LIa5-{color:var(--_activity-ink)}button.activities__tag___oEoeE{cursor:pointer}button.activities__tag___oEoeE:hover{background-color:var(--accent)}.activities__tagIcon___LIa5-{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.activities__tagTags___IqI8U{border-inline-start:var(--border-width) solid var(--border);padding-inline-start:calc(var(--padding-sm) / 2)}.activities__tagBadge___4KOR9{color:var(--_activity-ink)}.activities__resources___7CtP2,.activities__inlineActions___fNtnk,.activities__rowFooter___IBxZ_{align-items:center;gap:var(--gap-sm);margin-top:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.activities__panel___ftOkU{gap:var(--gap-sm);margin-top:var(--gap-sm);padding:var(--padding);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background-color:var(--card);box-shadow:var(--shadow);flex-direction:column;min-width:0;display:flex;container:activity-details/inline-size}.activities__disclosure___IM9n5{margin-top:var(--gap-sm)}.activities__rowFooter___IBxZ_ .activities__inlineActions___fNtnk{margin-top:0}.activities__detailSection___R-9Zh{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.activities__detailSection___R-9Zh+.activities__detailSection___R-9Zh{padding-top:var(--padding-sm);border-top:var(--border-width) solid var(--border)}.activities__detailSection___R-9Zh .activities__resources___7CtP2{margin-top:0}.activities__log___em2N0{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.activities__commentRow___dVIPk{gap:var(--gap-sm);min-width:0;display:flex}.activities__commentBody___AwZL5{min-width:0;flex:1;padding-block-start:calc(var(--padding-sm) / 2)}.activities__commentRow___dVIPk:not([data-last]) .activities__commentBody___AwZL5{padding-bottom:var(--padding-sm)}.activities__commentRow___dVIPk[data-spacing=sm]:not([data-last]) .activities__commentBody___AwZL5{padding-bottom:calc(var(--padding-sm) / 2)}}