@gryt/ui 0.21.1 → 0.23.0

package/dist/components/Avatar/Avatar.d.ts

@@ -19,6 +19,26 @@ export interface AvatarProps extends Omit<ComponentPropsWithoutRef<typeof BaseAv
      * that rule exists to prevent.
      */
     seed?: string;
+    /**
+     * Draws this seed's eggs, from @gryt/owl.
+     *
+     * Named for the drawing rather than for what it stands for, because what it
+     * stands for has already changed once. These were written for server icons,
+     * and are now the generated image for a group chat that has not uploaded
+     * one; server icons are getting their own generator. A prop called
+     * `serverSeed` would have been wrong twice over — wrong for group chats, and
+     * squatting on the name the real server one will want.
+     *
+     * Separate from `seed` rather than a flag on it. `seed` draws a person's
+     * owl, and passing the wrong prop should give you the wrong kind of thing
+     * rather than the same thing in another colour.
+     *
+     * The corner is the caller's. This clips to whatever radius its className
+     * sets and the drawing is square, so asking for `rounded-(--gryt-radius-md)`
+     * gets the theme's radius in pixels rather than a fraction of the box baked
+     * into the SVG.
+     */
+    eggSeed?: string;
     fallback?: ReactNode;
 }
 export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLSpanElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AActD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC3E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yGA+CjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AActD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,wBAAwB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAChD,WAAW,CACZ;IACC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yGAyEjB,CAAC"}

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/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,23 @@
+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;
+    /** 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, 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,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,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,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,OAAO,EACP,MAAM,EACN,SAAS,EACV,EAAE,gBAAgB,+BAwZlB"}

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/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"}