@gryt/ui 0.22.0 → 0.24.0

package/dist/components/ThemeEditor/ColorField.d.ts

@@ -0,0 +1,20 @@
+export interface ColorFieldProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    /** Set when a contrast check blames this colour. */
+    warning?: string;
+    /** Shown but not editable, for values something else is computing. */
+    disabled?: boolean;
+}
+/**
+ * One anchor: the swatch, and the hex beside it.
+ *
+ * Two controls for one value, because they are good at different things. The
+ * native picker is how you find a colour you cannot name; the text box is how
+ * you paste the one your brand already has. The text box only commits when what
+ * is in it parses, so typing "#1a" halfway through does not repaint the page
+ * with black.
+ */
+export declare function ColorField({ label, value, onChange, warning, disabled }: ColorFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorField.d.ts.map

package/dist/components/ThemeEditor/ColorField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/ColorField.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAgB,EACjB,EAAE,eAAe,+BAsDjB"}

package/dist/components/ThemeEditor/ContrastReport.d.ts

@@ -0,0 +1,16 @@
+import { ContrastCheck } from './contrast.js';
+export interface ContrastReportProps {
+    checks: ContrastCheck[];
+    /** Absent when nothing is failing. */
+    onRepair?: () => void;
+}
+/**
+ * What the library's own tests would say about this theme.
+ *
+ * Ratios rather than a verdict, because "3.9 against 4.5" tells somebody how
+ * far off they are and "fails" does not. The repair only moves the colours
+ * whose job is to be read — it will not quietly redesign an accent somebody
+ * chose on purpose.
+ */
+export declare function ContrastReport({ checks, onRepair }: ContrastReportProps): import("react").JSX.Element;
+//# sourceMappingURL=ContrastReport.d.ts.map

package/dist/components/ThemeEditor/ContrastReport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContrastReport.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/ContrastReport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAcD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BA8DvE"}

package/dist/components/ThemeEditor/CurveEditor.d.ts

@@ -0,0 +1,20 @@
+import { GrytBezier } from '@gryt/theme';
+interface CurveEditorProps {
+    value: GrytBezier;
+    onChange: (next: GrytBezier) => void;
+    /** Drawn faintly behind, to compare against. */
+    reference?: readonly number[];
+    /**
+     * A sampled curve to draw instead of the bezier, with no handles.
+     *
+     * For the named curves. A spring is not a cubic bezier and cannot be shown
+     * as one, so while a named curve is selected the graph draws the samples the
+     * theme will actually run and offers nothing to drag — the alternative was
+     * a prominent line that was not the curve in effect, which is worse than no
+     * line at all.
+     */
+    samples?: readonly number[];
+}
+export declare function CurveEditor({ value, onChange, reference, samples }: CurveEditorProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CurveEditor.d.ts.map

package/dist/components/ThemeEditor/CurveEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurveEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/CurveEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAuB9C,UAAU,gBAAgB;IACxB,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACR,EAAE,gBAAgB,+BA2IlB"}

package/dist/components/ThemeEditor/FontField.d.ts

@@ -0,0 +1,11 @@
+import { GrytFontKey, GrytFonts } from '@gryt/theme';
+interface FontFieldProps {
+    role: GrytFontKey;
+    fonts: GrytFonts | null | undefined;
+    onChange: (stack: string) => void;
+    /** Says so when a remote face will not be fetched on this machine. */
+    remoteAllowed?: boolean;
+}
+export declare function FontField({ role, fonts, onChange, remoteAllowed }: FontFieldProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FontField.d.ts.map

package/dist/components/ThemeEditor/FontField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontField.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/FontField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA6B1D,UAAU,cAAc;IACtB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAID,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAoB,EACrB,EAAE,cAAc,+BAqFhB"}

package/dist/components/ThemeEditor/MotionField.d.ts

@@ -0,0 +1,8 @@
+import { GrytMotion } from '@gryt/theme';
+interface MotionFieldProps {
+    motion: GrytMotion | null | undefined;
+    onChange: (next: GrytMotion) => void;
+}
+export declare function MotionField({ motion, onChange }: MotionFieldProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MotionField.d.ts.map

package/dist/components/ThemeEditor/MotionField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionField.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/MotionField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAmB,MAAM,aAAa,CAAC;AAoC3E,UAAU,gBAAgB;IACxB,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAuHjE"}

package/dist/components/ThemeEditor/ScaleStrip.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The twelve steps a family generated, under the anchors that generated them.
+ *
+ * This is the part that makes the page worth building rather than describing.
+ * Changing one hex value moves a whole ramp — component backgrounds, hover
+ * states, borders, the text step — and seeing that happen is the difference
+ * between "it takes a colour" and "it takes a colour and knows what to do with
+ * it".
+ */
+export interface ScaleStripProps {
+    label: string;
+    steps: string[];
+}
+export declare function ScaleStrip({ label, steps }: ScaleStripProps): import("react").JSX.Element;
+//# sourceMappingURL=ScaleStrip.d.ts.map

package/dist/components/ThemeEditor/ScaleStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleStrip.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/ScaleStrip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,+BAkB3D"}

package/dist/components/ThemeEditor/ThemeEditor.d.ts

@@ -0,0 +1,32 @@
+import { GrytAppearance } from '@gryt/theme';
+import { ReactNode } from 'react';
+import { ThemeDraft } from './draft.js';
+export interface ThemeEditorProps {
+    /** The theme being edited. Controlled, so the host can preview it. */
+    value: ThemeDraft;
+    onChange: (next: ThemeDraft) => void;
+    /**
+     * Which half is on the bench.
+     *
+     * The host's, not the editor's: editing the light half while the app around
+     * it is dark would be looking at two themes at once.
+     */
+    appearance: GrytAppearance;
+    onAppearanceChange: (next: GrytAppearance) => void;
+    /**
+     * Whether a face this machine has to fetch will actually be fetched.
+     *
+     * The client keeps that behind a setting, so the picker says when a choice
+     * will not take effect rather than letting somebody pick a font and wonder
+     * why nothing changed. Defaults to true, which is right for the docs site
+     * and for anything with no such setting.
+     */
+    remoteFontsAllowed?: boolean;
+    /** End of the header row. Where a host puts its own copy or save control. */
+    actions?: ReactNode;
+    /** Under the controls. Where the docs site puts the export tabs. */
+    footer?: ReactNode;
+    className?: string;
+}
+export declare function ThemeEditor({ value: draft, onChange, appearance, onAppearanceChange, remoteFontsAllowed, actions, footer, className }: ThemeEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=ThemeEditor.d.ts.map

package/dist/components/ThemeEditor/ThemeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/ThemeEditor.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAA2B,MAAM,aAAa,CAAC;AAU3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,OAAO,KAAK,EAKV,UAAU,EACX,MAAM,SAAS,CAAC;AA8BjB,MAAM,WAAW,gBAAgB;IAC/B,sEAAsE;IACtE,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,UAAU,EAAE,cAAc,CAAC;IAC3B,kBAAkB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACnD;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,kBAAyB,EACzB,OAAO,EACP,MAAM,EACN,SAAS,EACV,EAAE,gBAAgB,+BAsblB"}

package/dist/components/ThemeEditor/contrast.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { Appearance, DraftPath, ThemeDraft } from './draft.js';
+export type CheckLevel = "pass" | "tight" | "fail";
+export interface ContrastCheck {
+    id: string;
+    label: string;
+    foreground: string;
+    background: string;
+    ratio: number;
+    min: number;
+    level: CheckLevel;
+    /** Advisory checks never read as a failure; they read as "look at this". */
+    advisory: boolean;
+    /** Which editable colours are responsible, so the fields can flag. */
+    paths: DraftPath[];
+}
+export declare function contrastChecks(draft: ThemeDraft, theme: CSSProperties, appearance: Appearance): ContrastCheck[];
+/** Every field a failing check blames, for the warning markers on the editor. */
+export declare function failingPaths(checks: ContrastCheck[]): Set<DraftPath>;
+export declare function countFailures(checks: ContrastCheck[]): number;
+//# sourceMappingURL=contrast.d.ts.map

package/dist/components/ThemeEditor/contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/contrast.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGjE,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,UAAU,CAAC;IAClB,4EAA4E;IAC5E,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAyCD,wBAAgB,cAAc,CAC5B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,UAAU,GACrB,aAAa,EAAE,CA6EjB;AAED,iFAAiF;AACjF,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,CAAC,SAAS,CAAC,CAOpE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAE7D"}

package/dist/components/ThemeEditor/draft.d.ts

@@ -0,0 +1,35 @@
+import { grytThemeHues, isHexColor, normalizeHexColor, GrytAppearance, GrytHueKey, GrytHues, GrytNeutralKey, GrytNeutrals, GrytRadiusKey, GrytTheme } from '@gryt/theme';
+import { CSSProperties } from 'react';
+export type Appearance = GrytAppearance;
+export type HueKey = GrytHueKey;
+export type NeutralKey = GrytNeutralKey;
+export type RadiusKey = GrytRadiusKey;
+export type HueSet = GrytHues;
+export type NeutralSet = GrytNeutrals;
+export type ThemeDraft = GrytTheme;
+export declare const HUE_KEYS: readonly ["accent", "accentLight", "secondary", "secondaryLight", "success", "danger", "dangerLight", "warning", "onAccent", "onSecondary", "onDanger"];
+export declare const NEUTRAL_KEYS: readonly ["bg", "surface", "surfaceRaised", "surfaceHover", "border", "muted", "text"];
+export declare const RADIUS_KEYS: readonly ["sm", "md", "lg", "xl", "full"];
+export { isHexColor as isHex, normalizeHexColor as normalizeHex };
+/** Where this appearance's hues live, which is what an edit has to write to. */
+export type DraftPath = `hue.${HueKey}` | `lightHue.${HueKey}` | `dark.${NeutralKey}` | `light.${NeutralKey}`;
+export declare const grytDraft: ThemeDraft;
+export declare function hueSlot(draft: ThemeDraft, appearance: Appearance): "hue" | "lightHue";
+export declare const huesFor: typeof grytThemeHues;
+export declare function cloneDraft(draft: ThemeDraft): ThemeDraft;
+/** The colours createGrytTheme wants, for one appearance. */
+export declare function colorsFor(draft: ThemeDraft, appearance: Appearance): Record<string, string>;
+/** The theme itself: CSS custom properties, ready for a style prop. */
+export declare function themeStyle(draft: ThemeDraft, appearance: Appearance): CSSProperties;
+/** A generated scale, read back off the built theme rather than regenerated. */
+export declare function scaleFrom(theme: CSSProperties, family: string): string[];
+export declare const SCALE_FAMILIES: readonly ["neutral", "accent", "secondary", "success", "danger", "warning"];
+/** Changes anywhere in the draft, as one string. Cheap memo key. */
+export declare function draftSignature(draft: ThemeDraft): string;
+/** Human labels, used by the editor and by the contrast report alike. */
+export declare const HUE_LABELS: Record<HueKey, string>;
+export declare const NEUTRAL_LABELS: Record<NeutralKey, string>;
+export declare const RADIUS_LABELS: Record<RadiusKey, string>;
+/** What each radius step is actually on, so the numbers mean something. */
+export declare const RADIUS_HINTS: Record<RadiusKey, string>;
+//# sourceMappingURL=draft.d.ts.map

package/dist/components/ThemeEditor/draft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draft.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/draft.ts"],"names":[],"mappings":"AAcA,OAAO,EAML,aAAa,EAEb,UAAU,EACV,iBAAiB,EAClB,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,aAAa,EACb,SAAS,EACV,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AACtC,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC9B,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,eAAO,MAAM,QAAQ,yJAAgB,CAAC;AACtC,eAAO,MAAM,YAAY,wFAAoB,CAAC;AAC9C,eAAO,MAAM,WAAW,2CAAmB,CAAC;AAE5C,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,iBAAiB,IAAI,YAAY,EAAE,CAAC;AAElE,gFAAgF;AAChF,MAAM,MAAM,SAAS,GACjB,OAAO,MAAM,EAAE,GACf,YAAY,MAAM,EAAE,GACpB,QAAQ,UAAU,EAAE,GACpB,SAAS,UAAU,EAAE,CAAC;AAE1B,eAAO,MAAM,SAAS,EAAE,UAAsB,CAAC;AAE/C,wBAAgB,OAAO,CACrB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,GACrB,KAAK,GAAG,UAAU,CAEpB;AAED,eAAO,MAAM,OAAO,sBAAgB,CAAC;AAErC,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CAQxD;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CACvB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,GACrB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAExB;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,GACrB,aAAa,CAEf;AAED,gFAAgF;AAChF,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAMxE;AAED,eAAO,MAAM,cAAc,6EAOjB,CAAC;AAEX,oEAAoE;AACpE,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAExD;AAED,yEAAyE;AACzE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAY7C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQrD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMnD,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMlD,CAAC"}

package/dist/components/ThemeEditor/fonts.d.ts

@@ -0,0 +1,25 @@
+import { GrytFontKey, GrytFonts } from '@gryt/theme';
+export interface FontChoice {
+    /** What the picker shows. */
+    label: string;
+    /** The whole stack, fallbacks included. */
+    stack: string;
+    /** Needs fetching from Google. False for anything already on the machine. */
+    remote: boolean;
+    /** One line on what it is for. */
+    note: string;
+}
+export declare const FONT_CHOICES: FontChoice[];
+/** Roles in the order somebody sets them, with what each one is actually for. */
+export declare const FONT_ROLE_LABELS: Record<GrytFontKey, string>;
+export declare const FONT_ROLE_HINTS: Record<GrytFontKey, string>;
+/** The stack a role is on, whether or not the theme carries any fonts. */
+export declare function fontFor(fonts: GrytFonts | null | undefined, role: GrytFontKey): string;
+/** The listed choice a stack corresponds to, if it is one of them. */
+export declare function choiceFor(stack: string): FontChoice | undefined;
+/**
+ * The family a stack asks for first, for a picker to show and a loader to
+ * fetch. `"Inter", ui-sans-serif, …` is Inter.
+ */
+export declare function primaryFamily(stack: string): string;
+//# sourceMappingURL=fonts.d.ts.map

package/dist/components/ThemeEditor/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/fonts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAoB1D,MAAM,WAAW,UAAU;IACzB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;CACd;AAMD,eAAO,MAAM,YAAY,EAAE,UAAU,EA+EpC,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIxD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIvD,CAAC;AAEF,0EAA0E;AAC1E,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,CAEtF;AAED,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAE/D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGnD"}

package/dist/components/ThemeEditor/generate.d.ts

@@ -0,0 +1,43 @@
+import { HueSet, ThemeDraft } from './draft.js';
+export declare function generateDraft(): ThemeDraft;
+/**
+ * A label colour for a filled control.
+ *
+ * Ink or paper, whichever reads better on the fill, tinted toward the fill's
+ * own hue so it looks chosen rather than dropped in — black-or-white passes the
+ * same checks and looks like a placeholder.
+ *
+ * Then pushed until it clears 7:1 rather than the 4.5 the checks require. The
+ * label on a filled button is the one piece of text in an app that always sits
+ * on a saturated colour, it is usually a verb somebody is about to press, and
+ * the whole cost of AAA here is a shade of a colour that was already nearly
+ * black. Where the fill cannot carry 7 with any label at all — a mid-lightness
+ * blue tops out around 6 — this returns the best there is and the report says
+ * what it came to.
+ */
+export declare function readableOn(fill: string): string;
+/** The three label colours, recomputed from the fills they sit on. */
+export declare function withAutoLabels(hues: HueSet): HueSet;
+/** Whether a hue set already carries the labels the auto pick would give it. */
+export declare function labelsAreAuto(hues: HueSet): boolean;
+/**
+ * Push a colour away from its background until it carries text.
+ *
+ * Lightness only. Moving the hue would change which colour it is, and moving
+ * chroma barely moves contrast at all — lightness is the axis that decides
+ * whether something is readable.
+ */
+export declare function ensureContrast(foreground: string, background: string, min: number): string;
+/**
+ * Fix what the contrast report is complaining about, without redesigning the
+ * theme.
+ *
+ * Only the colours whose job is to be read get moved — text, muted text, and
+ * the labels on filled controls. The anchors somebody actually chose, the
+ * background and the accent, are left exactly where they are: a repair that
+ * changed the accent would be answering a question nobody asked.
+ */
+export declare function repairDraft(draft: ThemeDraft): ThemeDraft;
+/** Whether a repair would change anything, so the button can say so. */
+export declare function needsRepair(draft: ThemeDraft): boolean;
+//# sourceMappingURL=generate.d.ts.map

package/dist/components/ThemeEditor/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/generate.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAc,MAAM,EAAa,UAAU,EAAE,MAAM,SAAS,CAAC;AAmBzE,wBAAgB,aAAa,IAAI,UAAU,CAyE1C;AAQD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAM/C;AAED,sEAAsE;AACtE,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOnD;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAOnD;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,MAAM,GACV,MAAM,CAeR;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CA0CzD;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAMtD"}

package/dist/components/ThemeEditor/share.d.ts

@@ -0,0 +1,17 @@
+import { decodeGrytTheme, encodeGrytTheme } from '@gryt/theme';
+import { Appearance, ThemeDraft } from './draft.js';
+export { encodeGrytTheme as encodeDraft, decodeGrytTheme };
+export declare function themeCode(draft: ThemeDraft): string;
+/** The whole draft, spelled out. What import reads back. */
+export declare function themeJson(draft: ThemeDraft): string;
+export interface ImportResult {
+    draft?: ThemeDraft;
+    appearance?: Appearance;
+    error?: string;
+}
+/**
+ * Takes either of the two things somebody will paste: the JSON this page
+ * exports, or a link it produced.
+ */
+export declare function importTheme(input: string): ImportResult;
+//# sourceMappingURL=share.d.ts.map

package/dist/components/ThemeEditor/share.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeEditor/share.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,eAAe,EACf,eAAe,EAIhB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,UAAU,EAAa,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAAE,eAAe,IAAI,WAAW,EAAE,eAAe,EAAE,CAAC;AAuD3D,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAmBnD;AAED,4DAA4D;AAC5D,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAEnD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,CAavD"}