@takuhon/ui 0.15.0 → 0.16.0

package/dist/GravatarField.module-2DD457OD.module.css

@@ -0,0 +1,26 @@
+.actionRow {
+  display: flex;
+  margin-block-start: var(--takuhon-space-2);
+}
+
+.applyButton {
+  min-height: var(--takuhon-tap-target);
+  padding-inline: var(--takuhon-space-3);
+  border: 1px solid var(--takuhon-color-border);
+  border-radius: var(--takuhon-radius-sm);
+  background-color: var(--takuhon-color-bg);
+  color: var(--takuhon-color-text);
+  font-family: var(--takuhon-font-family);
+  font-size: var(--takuhon-font-size-base);
+  cursor: pointer;
+}
+
+.applyButton:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.applyButton:focus-visible {
+  outline: 2px solid var(--takuhon-color-primary);
+  outline-offset: 2px;
+}

package/dist/admin/index.d.ts

@@ -176,6 +176,22 @@ interface ImageFieldProps {
  */
 declare function ImageField({ label, value, onChange, errors, hint, uploadAsset, }: ImageFieldProps): React.JSX.Element;
 
+interface GravatarFieldProps {
+    /** Called with the generated Gravatar URL when the owner applies an email. */
+    onApply: (url: string) => void;
+}
+/**
+ * "Use Gravatar" control: an email input plus a button that turns the email into
+ * a Gravatar avatar URL via core's pure {@link gravatarUrl}. This is the third
+ * way to set an avatar, alongside pasting a URL and uploading an image.
+ *
+ * The email is local-only — it is never written to the document or sent
+ * anywhere. Only the generated URL is handed to {@link GravatarFieldProps.onApply}
+ * (which the parent writes into `avatar.url`); the email input is cleared once
+ * applied, so nothing about the address lingers in the form.
+ */
+declare function GravatarField({ onApply }: GravatarFieldProps): React.JSX.Element;
+
 interface LocaleTabsProps {
     /** Group label, e.g. `"Display name"`. */
     label: string;
@@ -285,6 +301,8 @@ declare const EN: {
     readonly 'field.avatarUrl': "Avatar URL";
     readonly 'field.avatarUpload': "Upload image";
     readonly 'field.avatarAlt': "Avatar alternative text";
+    readonly 'field.gravatarEmail': "Gravatar email";
+    readonly 'field.gravatarApply': "Use Gravatar";
     readonly 'field.location.country': "Country";
     readonly 'field.location.region': "Region";
     readonly 'field.location.locality': "Locality";
@@ -328,6 +346,7 @@ declare const EN: {
     readonly 'empty.skills': "No skills yet.";
     readonly 'hint.avatarNoUpload': "Paste an image URL. Uploading image files is not available yet.";
     readonly 'hint.avatarUpload': "Paste an image URL, or upload a JPEG, PNG, WebP, or GIF.";
+    readonly 'hint.gravatar': "Enter an email to generate a Gravatar avatar URL. The email is not saved — only the resulting URL is stored.";
     readonly 'hint.month': "Format: YYYY-MM (e.g. 2024-03).";
     readonly 'hint.country': "ISO 3166-1 alpha-2 code, e.g. US.";
     readonly 'hint.tags': "Comma-separated.";
@@ -469,4 +488,4 @@ interface AdminEditorProps {
  */
 declare function AdminEditor({ initialDocument, onSave, onReload, onExport, onImport, formatLocale, uploadAsset, }: AdminEditorProps): React.JSX.Element;
 
-export { AdminEditor, type AdminEditorProps, type AdminLabelKey, type AdminSaveOutcome, type AssetUploadResult, CareersForm, type CareersFormProps, CheckboxField, type CheckboxFieldProps, Field, type FieldControlProps, type FieldErrorIndex, type FieldErrorLike, type FieldProps, ImageField, type ImageFieldProps, LinksForm, type LinksFormProps, LocaleTabs, type LocaleTabsProps, NO_FIELD_ERRORS, ProfileForm, type ProfileFormProps, ProjectsForm, type ProjectsFormProps, RawJsonEditor, type RawJsonEditorProps, Repeater, type RepeaterProps, SelectField, type SelectFieldProps, type SelectOption, SettingsForm, type SettingsFormProps, SkillsForm, type SkillsFormProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type UploadAsset, canonicalPointer, collectErrorsUnder, errorsAt, getAdminLabel, hasErrorsUnder, indexErrors, indexValidationErrors };
+export { AdminEditor, type AdminEditorProps, type AdminLabelKey, type AdminSaveOutcome, type AssetUploadResult, CareersForm, type CareersFormProps, CheckboxField, type CheckboxFieldProps, Field, type FieldControlProps, type FieldErrorIndex, type FieldErrorLike, type FieldProps, GravatarField, type GravatarFieldProps, ImageField, type ImageFieldProps, LinksForm, type LinksFormProps, LocaleTabs, type LocaleTabsProps, NO_FIELD_ERRORS, ProfileForm, type ProfileFormProps, ProjectsForm, type ProjectsFormProps, RawJsonEditor, type RawJsonEditorProps, Repeater, type RepeaterProps, SelectField, type SelectFieldProps, type SelectOption, SettingsForm, type SettingsFormProps, SkillsForm, type SkillsFormProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type UploadAsset, canonicalPointer, collectErrorsUnder, errorsAt, getAdminLabel, hasErrorsUnder, indexErrors, indexValidationErrors };