@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/components/InlineEdit/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunk4ZB7RSMY_cjs = require('../../chunk-4ZB7RSMY.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "InlineEdit", {
+  enumerable: true,
+  get: function () { return chunk4ZB7RSMY_cjs.InlineEdit; }
+});
+Object.defineProperty(exports, "defaultInlineEditLabels", {
+  enumerable: true,
+  get: function () { return chunk4ZB7RSMY_cjs.defaultInlineEditLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/InlineEdit/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/InlineEdit/index.d.cts

@@ -0,0 +1,56 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type InlineEditType = 'text' | 'textarea' | 'number' | 'date' | 'select' | 'email' | 'url' | 'tel';
+interface InlineEditOption {
+    value: string;
+    label: string;
+}
+interface InlineEditLabels {
+    /** Accessible name of the display button. */
+    edit: (label: string) => string;
+    save: string;
+    cancel: string;
+    saving: string;
+    /** Shown when the value is empty and no `placeholder` is given. */
+    empty: string;
+    /** Shown when `onSave` rejects without an `Error` message. */
+    saveFailed: string;
+}
+declare const defaultInlineEditLabels: InlineEditLabels;
+declare const displayVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InlineEditProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, VariantProps<typeof displayVariants> {
+    /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */
+    value: string;
+    /** Persist the new value. Rejecting restores the previous value and shows an error. */
+    onSave: (value: string) => void | Promise<void>;
+    /** Field name, used for the accessible names of the controls. */
+    label: string;
+    /** Which control to render while editing. */
+    type?: InlineEditType;
+    /** Choices for `type="select"`. */
+    options?: InlineEditOption[];
+    /** Shown when the value is empty. */
+    placeholder?: string;
+    /** Return an error message to block the save. */
+    validate?: (value: string) => string | undefined;
+    /** Custom rendering of a non-empty value in display mode. */
+    formatDisplay?: (value: string) => React.ReactNode;
+    /** Render the value as plain text with no edit affordance. */
+    readOnly?: boolean;
+    disabled?: boolean;
+    /** Save when focus leaves the editor (default). When false, blur cancels. */
+    saveOnBlur?: boolean;
+    /** Translatable strings. */
+    labels?: Partial<InlineEditLabels>;
+}
+/**
+ * Click-to-edit value: a button in display mode, the matching control in edit
+ * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.
+ */
+declare const InlineEdit: React.ForwardRefExoticComponent<InlineEditProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InlineEdit, type InlineEditLabels, type InlineEditOption, type InlineEditProps, type InlineEditType, defaultInlineEditLabels };

package/dist/components/InlineEdit/index.d.ts

@@ -0,0 +1,56 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type InlineEditType = 'text' | 'textarea' | 'number' | 'date' | 'select' | 'email' | 'url' | 'tel';
+interface InlineEditOption {
+    value: string;
+    label: string;
+}
+interface InlineEditLabels {
+    /** Accessible name of the display button. */
+    edit: (label: string) => string;
+    save: string;
+    cancel: string;
+    saving: string;
+    /** Shown when the value is empty and no `placeholder` is given. */
+    empty: string;
+    /** Shown when `onSave` rejects without an `Error` message. */
+    saveFailed: string;
+}
+declare const defaultInlineEditLabels: InlineEditLabels;
+declare const displayVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InlineEditProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, VariantProps<typeof displayVariants> {
+    /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */
+    value: string;
+    /** Persist the new value. Rejecting restores the previous value and shows an error. */
+    onSave: (value: string) => void | Promise<void>;
+    /** Field name, used for the accessible names of the controls. */
+    label: string;
+    /** Which control to render while editing. */
+    type?: InlineEditType;
+    /** Choices for `type="select"`. */
+    options?: InlineEditOption[];
+    /** Shown when the value is empty. */
+    placeholder?: string;
+    /** Return an error message to block the save. */
+    validate?: (value: string) => string | undefined;
+    /** Custom rendering of a non-empty value in display mode. */
+    formatDisplay?: (value: string) => React.ReactNode;
+    /** Render the value as plain text with no edit affordance. */
+    readOnly?: boolean;
+    disabled?: boolean;
+    /** Save when focus leaves the editor (default). When false, blur cancels. */
+    saveOnBlur?: boolean;
+    /** Translatable strings. */
+    labels?: Partial<InlineEditLabels>;
+}
+/**
+ * Click-to-edit value: a button in display mode, the matching control in edit
+ * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.
+ */
+declare const InlineEdit: React.ForwardRefExoticComponent<InlineEditProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InlineEdit, type InlineEditLabels, type InlineEditOption, type InlineEditProps, type InlineEditType, defaultInlineEditLabels };

package/dist/components/InlineEdit/index.js

@@ -0,0 +1,7 @@
+export { InlineEdit, defaultInlineEditLabels } from '../../chunk-M3VPGJMV.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/InlineEdit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/KeyboardShortcutsOverlay/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkXI34EGK5_cjs = require('../../chunk-XI34EGK5.cjs');
-require('../../chunk-7ZDPD5ZX.cjs');
+var chunkVV2U36T6_cjs = require('../../chunk-VV2U36T6.cjs');
+require('../../chunk-LC3JL2HB.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
-require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -13,11 +13,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "Kbd", {
   enumerable: true,
-  get: function () { return chunkXI34EGK5_cjs.Kbd; }
+  get: function () { return chunkVV2U36T6_cjs.Kbd; }
 });
 Object.defineProperty(exports, "KeyboardShortcutsOverlay", {
   enumerable: true,
-  get: function () { return chunkXI34EGK5_cjs.KeyboardShortcutsOverlay; }
+  get: function () { return chunkVV2U36T6_cjs.KeyboardShortcutsOverlay; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/KeyboardShortcutsOverlay/index.js

@@ -1,9 +1,9 @@
-export { Kbd, KeyboardShortcutsOverlay } from '../../chunk-VILW53UZ.js';
-import '../../chunk-5JJ2DAE4.js';
+export { Kbd, KeyboardShortcutsOverlay } from '../../chunk-JMAZ2GKT.js';
+import '../../chunk-TWQSMUE6.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-XCP454Q6.js';
+import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/ListView/index.cjs

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkXZNN3S3S_cjs = require('../../chunk-XZNN3S3S.cjs');
+var chunkPYI2IWNX_cjs = require('../../chunk-PYI2IWNX.cjs');
 require('../../chunk-4NCDU5IG.cjs');
 require('../../chunk-XXVUHLQN.cjs');
 require('../../chunk-L7L5S2HO.cjs');
-require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
+require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
@@ -12,11 +14,11 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "ListView", {
   enumerable: true,
-  get: function () { return chunkXZNN3S3S_cjs.ListView; }
+  get: function () { return chunkPYI2IWNX_cjs.ListView; }
 });
 Object.defineProperty(exports, "listViewItemVariants", {
   enumerable: true,
-  get: function () { return chunkXZNN3S3S_cjs.itemVariants; }
+  get: function () { return chunkPYI2IWNX_cjs.itemVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/ListView/index.d.cts

@@ -1,9 +1,96 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { a as ViewBaseProps, S as Stage } from '../../types-CbWXIKbe.cjs';
-import 'react';
-import 'luxon';
+import * as React from 'react';
+
+/**
+ * The contract every component in the `Modules/Views` family reads through.
+ *
+ * A page describes its collection once — which field is the id, the title, the
+ * status, the start date — and every view understands it. That is the whole
+ * reason the family exists: without it each view needs its own adapter and you
+ * end up re-implementing the same board per entity.
+ *
+ * Views are headless. Nothing here fetches, subscribes, or navigates.
+ * See CONTRIBUTING → "Modules: headless data components".
+ */
+
+/**
+ * Which layout is on screen. `overview` and `table` are rendered by the host
+ * through `ViewSet` slots rather than by a component in this family — a tabular
+ * collection is `DataVisNitroGrid`, and an overview is domain content.
+ */
+type ViewId = 'overview' | 'list' | 'board' | 'calendar' | 'gantt' | 'roadmap' | 'table';
+/**
+ * A semantic colour name, resolved to `--mieweb-*` tokens by each view.
+ *
+ * Accessors return one of these rather than a class string so a caller cannot
+ * hardcode a palette that breaks under another brand or in dark mode.
+ */
+type Accent = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
+/** A named stage: a board column, and the segments of a stage bar. */
+interface Stage {
+    id: string;
+    label: string;
+    accent?: Accent;
+}
+/**
+ * How a view reads one item. Only `getId` and `getTitle` are always required;
+ * each view documents which of the rest it needs (a board needs `getStatus`, a
+ * Gantt needs `getStart`) and renders an explanatory empty state without them.
+ */
+interface ViewAccessors<T> {
+    getId: (item: T) => string;
+    getTitle: (item: T) => string;
+    /** Secondary line under the title. */
+    getSubtitle?: (item: T) => string | undefined;
+    /** Board column and list group; matched against `Stage['id']`. */
+    getStatus?: (item: T) => string;
+    /** Gantt bar start, calendar placement. */
+    getStart?: (item: T) => Date | string | null | undefined;
+    /** Gantt bar end, calendar span. Falls back to the start when absent. */
+    getEnd?: (item: T) => Date | string | null | undefined;
+    /** Swimlane in a roadmap, row group in a Gantt. */
+    getGroup?: (item: T) => string | undefined;
+    getAccent?: (item: T) => Accent;
+}
+/** Strings a view renders. Every one is overridable; the defaults are English. */
+interface ViewLabels {
+    /** Accessible name of the view switcher group. */
+    viewSwitcher: string;
+    loading: string;
+    empty: string;
+    error: string;
+    /** Action on the error state. */
+    retry: string;
+    /** Heading for the group a record with no status or group falls into. */
+    ungrouped: string;
+}
+/**
+ * Props every view accepts. Views are controlled: selection, the active view and
+ * filter state live in the page, and every change is handed back.
+ */
+interface ViewBaseProps<T> {
+    items: T[];
+    accessors: ViewAccessors<T>;
+    loading?: boolean;
+    error?: Error | null;
+    selectedId?: string | null;
+    /** Called when the user activates an item. */
+    onOpen?: (id: string, item: T) => void;
+    /** Return a URL to render each item as a real anchor — middle-clickable and crawlable. */
+    getHref?: (id: string, item: T) => string;
+    /** Render one item. Receives the active view so one function can serve several. */
+    renderItem?: (item: T, context: {
+        view: ViewId;
+    }) => React.ReactNode;
+    /** Replaces the built-in empty state. */
+    emptyState?: React.ReactNode;
+    labels?: Partial<ViewLabels>;
+    /** Pins "today" so stories, tests and visual snapshots stay deterministic. */
+    now?: Date;
+    className?: string;
+}
 
 type ListViewSlot = 'group' | 'groupHeader' | 'item' | 'selectedItem' | 'state';
 interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {
@@ -24,7 +111,7 @@ interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVar
     headingLevel?: 'h2' | 'h3' | 'h4';
 }
 declare const itemVariants: (props?: ({
-    density?: "compact" | "comfortable" | null | undefined;
+    density?: "comfortable" | "compact" | null | undefined;
     interactive?: boolean | null | undefined;
     selected?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/ListView/index.d.ts

@@ -1,9 +1,96 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
-import { a as ViewBaseProps, S as Stage } from '../../types-CbWXIKbe.js';
-import 'react';
-import 'luxon';
+import * as React from 'react';
+
+/**
+ * The contract every component in the `Modules/Views` family reads through.
+ *
+ * A page describes its collection once — which field is the id, the title, the
+ * status, the start date — and every view understands it. That is the whole
+ * reason the family exists: without it each view needs its own adapter and you
+ * end up re-implementing the same board per entity.
+ *
+ * Views are headless. Nothing here fetches, subscribes, or navigates.
+ * See CONTRIBUTING → "Modules: headless data components".
+ */
+
+/**
+ * Which layout is on screen. `overview` and `table` are rendered by the host
+ * through `ViewSet` slots rather than by a component in this family — a tabular
+ * collection is `DataVisNitroGrid`, and an overview is domain content.
+ */
+type ViewId = 'overview' | 'list' | 'board' | 'calendar' | 'gantt' | 'roadmap' | 'table';
+/**
+ * A semantic colour name, resolved to `--mieweb-*` tokens by each view.
+ *
+ * Accessors return one of these rather than a class string so a caller cannot
+ * hardcode a palette that breaks under another brand or in dark mode.
+ */
+type Accent = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'neutral';
+/** A named stage: a board column, and the segments of a stage bar. */
+interface Stage {
+    id: string;
+    label: string;
+    accent?: Accent;
+}
+/**
+ * How a view reads one item. Only `getId` and `getTitle` are always required;
+ * each view documents which of the rest it needs (a board needs `getStatus`, a
+ * Gantt needs `getStart`) and renders an explanatory empty state without them.
+ */
+interface ViewAccessors<T> {
+    getId: (item: T) => string;
+    getTitle: (item: T) => string;
+    /** Secondary line under the title. */
+    getSubtitle?: (item: T) => string | undefined;
+    /** Board column and list group; matched against `Stage['id']`. */
+    getStatus?: (item: T) => string;
+    /** Gantt bar start, calendar placement. */
+    getStart?: (item: T) => Date | string | null | undefined;
+    /** Gantt bar end, calendar span. Falls back to the start when absent. */
+    getEnd?: (item: T) => Date | string | null | undefined;
+    /** Swimlane in a roadmap, row group in a Gantt. */
+    getGroup?: (item: T) => string | undefined;
+    getAccent?: (item: T) => Accent;
+}
+/** Strings a view renders. Every one is overridable; the defaults are English. */
+interface ViewLabels {
+    /** Accessible name of the view switcher group. */
+    viewSwitcher: string;
+    loading: string;
+    empty: string;
+    error: string;
+    /** Action on the error state. */
+    retry: string;
+    /** Heading for the group a record with no status or group falls into. */
+    ungrouped: string;
+}
+/**
+ * Props every view accepts. Views are controlled: selection, the active view and
+ * filter state live in the page, and every change is handed back.
+ */
+interface ViewBaseProps<T> {
+    items: T[];
+    accessors: ViewAccessors<T>;
+    loading?: boolean;
+    error?: Error | null;
+    selectedId?: string | null;
+    /** Called when the user activates an item. */
+    onOpen?: (id: string, item: T) => void;
+    /** Return a URL to render each item as a real anchor — middle-clickable and crawlable. */
+    getHref?: (id: string, item: T) => string;
+    /** Render one item. Receives the active view so one function can serve several. */
+    renderItem?: (item: T, context: {
+        view: ViewId;
+    }) => React.ReactNode;
+    /** Replaces the built-in empty state. */
+    emptyState?: React.ReactNode;
+    labels?: Partial<ViewLabels>;
+    /** Pins "today" so stories, tests and visual snapshots stay deterministic. */
+    now?: Date;
+    className?: string;
+}
 
 type ListViewSlot = 'group' | 'groupHeader' | 'item' | 'selectedItem' | 'state';
 interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {
@@ -24,7 +111,7 @@ interface ListViewProps<T> extends ViewBaseProps<T>, VariantProps<typeof itemVar
     headingLevel?: 'h2' | 'h3' | 'h4';
 }
 declare const itemVariants: (props?: ({
-    density?: "compact" | "comfortable" | null | undefined;
+    density?: "comfortable" | "compact" | null | undefined;
     interactive?: boolean | null | undefined;
     selected?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/ListView/index.js

@@ -1,8 +1,10 @@
-export { ListView, itemVariants as listViewItemVariants } from '../../chunk-DZ5HFLRC.js';
+export { ListView, itemVariants as listViewItemVariants } from '../../chunk-UNFDIBKJ.js';
 import '../../chunk-3YBS4WUQ.js';
 import '../../chunk-UA7E7PDS.js';
 import '../../chunk-BKSPDTX4.js';
-import '../../chunk-GOALNQZ2.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
 import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map

package/dist/components/LogoUploader/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkFSGJXCBG_cjs = require('../../chunk-FSGJXCBG.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "LogoUploader", {
+  enumerable: true,
+  get: function () { return chunkFSGJXCBG_cjs.LogoUploader; }
+});
+Object.defineProperty(exports, "defaultLogoUploaderLabels", {
+  enumerable: true,
+  get: function () { return chunkFSGJXCBG_cjs.defaultLogoUploaderLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/LogoUploader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/LogoUploader/index.d.cts

@@ -0,0 +1,49 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+interface LogoUploaderLabels {
+    /** Accessible name of the file input. */
+    upload: string;
+    replace: string;
+    remove: string;
+    /** Text inside the empty drop target. */
+    dropHint: string;
+    uploading: string;
+    removing: string;
+    invalidType: string;
+    tooLarge: (maxBytes: number) => string;
+    uploadFailed: string;
+    removeFailed: string;
+    /** Alt text of the preview image. */
+    previewAlt: string;
+}
+declare const defaultLogoUploaderLabels: LogoUploaderLabels;
+declare const targetVariants: (props?: ({
+    shape?: "square" | "circle" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    dragging?: boolean | null | undefined;
+    filled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LogoUploaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<VariantProps<typeof targetVariants>, 'shape' | 'size'> {
+    /** URL of the current logo. */
+    value?: string | null;
+    /** Upload the file. Resolve with the new URL to preview it until `value` updates. */
+    onUpload: (file: File) => Promise<string | void>;
+    /** Remove the logo. Omit to hide the remove button. */
+    onRemove?: () => void | Promise<void>;
+    /** `accept` attribute for the file input. */
+    accept?: string;
+    /** Reject files larger than this. */
+    maxSizeBytes?: number;
+    disabled?: boolean;
+    /** Translatable strings. */
+    labels?: Partial<LogoUploaderLabels>;
+}
+/**
+ * Square or circular logo drop target with click-to-browse, preview and
+ * remove.
+ */
+declare const LogoUploader: React.ForwardRefExoticComponent<LogoUploaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LogoUploader, type LogoUploaderLabels, type LogoUploaderProps, defaultLogoUploaderLabels };

package/dist/components/LogoUploader/index.d.ts

@@ -0,0 +1,49 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+interface LogoUploaderLabels {
+    /** Accessible name of the file input. */
+    upload: string;
+    replace: string;
+    remove: string;
+    /** Text inside the empty drop target. */
+    dropHint: string;
+    uploading: string;
+    removing: string;
+    invalidType: string;
+    tooLarge: (maxBytes: number) => string;
+    uploadFailed: string;
+    removeFailed: string;
+    /** Alt text of the preview image. */
+    previewAlt: string;
+}
+declare const defaultLogoUploaderLabels: LogoUploaderLabels;
+declare const targetVariants: (props?: ({
+    shape?: "square" | "circle" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    dragging?: boolean | null | undefined;
+    filled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface LogoUploaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<VariantProps<typeof targetVariants>, 'shape' | 'size'> {
+    /** URL of the current logo. */
+    value?: string | null;
+    /** Upload the file. Resolve with the new URL to preview it until `value` updates. */
+    onUpload: (file: File) => Promise<string | void>;
+    /** Remove the logo. Omit to hide the remove button. */
+    onRemove?: () => void | Promise<void>;
+    /** `accept` attribute for the file input. */
+    accept?: string;
+    /** Reject files larger than this. */
+    maxSizeBytes?: number;
+    disabled?: boolean;
+    /** Translatable strings. */
+    labels?: Partial<LogoUploaderLabels>;
+}
+/**
+ * Square or circular logo drop target with click-to-browse, preview and
+ * remove.
+ */
+declare const LogoUploader: React.ForwardRefExoticComponent<LogoUploaderProps & React.RefAttributes<HTMLDivElement>>;
+
+export { LogoUploader, type LogoUploaderLabels, type LogoUploaderProps, defaultLogoUploaderLabels };

package/dist/components/LogoUploader/index.js

@@ -0,0 +1,5 @@
+export { LogoUploader, defaultLogoUploaderLabels } from '../../chunk-WQHBMZSC.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/LogoUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}