@lmb-it/kitsconcerto-native 0.1.284 → 0.1.286

package/index.d.ts

@@ -750,22 +750,60 @@ export interface ISelectSlots extends IFormElementBaseSlots {
     itemDisabled?: IElementSlotConfig;
 }
 /**
- * MultiSelect = Select + chip + per-item checkbox visuals.
- * Inherits ISelectSlots and adds chip/checkbox slots that only apply
- * to the multi-value variant.
- */
-export interface IMultiSelectSlots extends ISelectSlots {
+ * Chip-bearing selects — the slots shared by EVERY control that renders
+ * the current value as removable chips: MultiSelect (`display="chip"`)
+ * and AutoComplete with `isMultiple` (the Tags field).
+ *
+ * ⛔ IT IS ONE INTERFACE BECAUSE THE TWO CONTROLS DRIFTED. MultiSelect read
+ * `token` from the theme and drew a pill; AutoComplete hardcoded its own
+ * `pt.token` (background + colour, nothing else) and ignored the slot, so the
+ * same form showed pill chips in one field and PrimeReact's square chips in the
+ * next. The defaults now live ONCE, on the `Select` base group, and both
+ * controls read them from here.
+ */
+export interface IChipInputSlots extends ISelectSlots {
+    /**
+     * ⛔ THE OUTER BOX OF A CHIPS FIELD — the element a consumer means by
+     * "the tags input". It holds the chips AND the text caret, and it is the
+     * one PrimeReact gives `.p-inputtext` to, so it is what has to carry the
+     * border / radius / background / padding that makes a tags field look like
+     * a text input.
+     *
+     * Web  → `ul.p-autocomplete-multiple-container` (AutoComplete `pt.container`).
+     * Native → the field wrapper `View` that holds the chips and the `TextInput`.
+     *
+     * ⚠️ NOT `root` and NOT `container`. `root` is the inner input element and
+     * `container` is `KitsContainer`'s outermost Flex (label + field + error).
+     * Neither is the bordered box, which is why styling the chips field used to
+     * have nowhere to land: the only reachable slots were either inside the box
+     * or around the whole block.
+     *
+     * Defaults to transparent / border-less so the `inputGroup` chrome
+     * `KitsContainer` paints stays the single visible border. Give it a border
+     * here (or on an `attached` field, which has no `KitsContainer`) and it
+     * paints its own.
+     */
+    tokenContainer?: IElementSlotConfig;
     /**
      * Selected-value chip (small pill rendered for each selected item
-     * when `display="chip"`). Drives bg / color / radius / padding via
-     * inline style on `.p-multiselect-token`.
+     * when `display="chip"` / `isMultiple`). Drives bg / color / radius /
+     * padding via inline style on `.p-multiselect-token` and
+     * `.p-autocomplete-token`.
      */
     token?: IElementSlotConfig;
     /**
      * The "remove" icon inside a token chip. Drives color / size of
-     * the close (×) icon via inline style on `.p-multiselect-token-icon`.
+     * the close (×) icon via inline style on `.p-multiselect-token-icon`
+     * and `.p-autocomplete-token-icon`.
      */
     tokenIcon?: IElementSlotConfig;
+}
+/**
+ * MultiSelect = chip-bearing select + per-item checkbox visuals.
+ * Inherits IChipInputSlots and adds the checkbox slots that only apply
+ * to the multi-value variant with an option list.
+ */
+export interface IMultiSelectSlots extends IChipInputSlots {
     /**
      * Per-item checkbox box (also the header "select all"). Drives
      * border / bg / radius for the rounded square inside each row.
@@ -887,7 +925,7 @@ export interface IRadioSlots extends IFormElementBaseSlots {
  * `useComponentDefaults`) — derive from this to keep the runtime set
  * in sync with the type contract automatically.
  */
-export type AllSlotKeys = keyof IFormElementBaseSlots | keyof ITextInputSlots | keyof IDatepickerSlots | keyof ISelectSlots | keyof IMultiSelectSlots | keyof ISwitchSlots | keyof ICheckboxSlots | keyof IRadioSlots;
+export type AllSlotKeys = keyof IFormElementBaseSlots | keyof ITextInputSlots | keyof IDatepickerSlots | keyof ISelectSlots | keyof IChipInputSlots | keyof IMultiSelectSlots | keyof ISwitchSlots | keyof ICheckboxSlots | keyof IRadioSlots | keyof IImageCropperSlots;
 /**
  * Wide superset of every form-element slot — the union of all
  * form-element slot interfaces.
@@ -937,6 +975,81 @@ export interface IButtonElementSlots {
     /** The text label inside the button */
     label?: IElementSlotConfig;
 }
+/**
+ * Element slots for ImageCropper.
+ *
+ * ⛔ THE CROPPER IS DRAWN, NOT COMPOSED, SO IT NEEDS SLOTS NOTHING ELSE HAS.
+ * A shade that dims everything outside the window, a window outline, thirds
+ * guides, eight grips, a zoom readout — none of these is a Button or a Card
+ * with a different colour, and a consumer who cannot reach them cannot make
+ * the cropper look like the rest of their product. Eight new keys below; the
+ * rest are the names this library already uses for the same jobs.
+ *
+ * ⚠️ A SLOT ADDED HERE IS INERT UNTIL IT IS ADDED TO `ELEMENT_SLOT_KEYS` IN
+ * `useComponentDefaults.ts` TOO. That allowlist is what decides whether a slot
+ * is merged at all; a key in this interface and not in that set type-checks
+ * perfectly, themes without complaint, and renders nothing. See the note on
+ * that constant — it has caught this before.
+ */
+export interface IImageCropperSlots {
+    /** The whole component's outer shell — border, radius, background. */
+    root?: IElementSlotConfig;
+    /** Top bar: title on one side, close on the other. */
+    header?: IElementSlotConfig;
+    /** The header's text. */
+    title?: IElementSlotConfig;
+    /** Everything between header and footer — stage plus preview. */
+    content?: IElementSlotConfig;
+    /**
+     * The STAGE: the bounded box the image and the crop window live in.
+     *
+     * ⚠️ ITS SIZE IS THE VIEWPORT THE GEOMETRY IS WRITTEN AGAINST, so a
+     * padding here changes what every pointer coordinate means. That is
+     * intended — it is measured, not assumed — but it is not merely cosmetic.
+     */
+    container?: IElementSlotConfig;
+    /** The action row — cancel, rotate, reset, save. */
+    footer?: IElementSlotConfig;
+    /** Icons inside the toolbar buttons. */
+    icon?: IElementSlotConfig;
+    /** Secondary text: the hint line, the "JPG · 320 KB" readout. */
+    text?: IElementSlotConfig;
+    /**
+     * The crop window's own chrome — its outline and corner radius. The shape
+     * that gets CUT OUT of the shade is `mask`; this is the line drawn on top.
+     */
+    cropWindow?: IElementSlotConfig;
+    /**
+     * The dimmed region OUTSIDE the crop window.
+     *
+     * ⚠️ ITS `backgroundColor` WANTS AN ALPHA TOKEN, not a solid colour —
+     * `black-alpha-60` and friends are literal in both colour modes precisely
+     * so a scrim never inverts. A solid value here hides the image completely.
+     */
+    shade?: IElementSlotConfig;
+    /** The rule-of-thirds guides drawn inside the window. */
+    gridLine?: IElementSlotConfig;
+    /** One of the eight resize grips. */
+    handle?: IElementSlotConfig;
+    /** The pill that reads back the current zoom. */
+    zoomChip?: IElementSlotConfig;
+    /** The box around the live preview of the cropped result. */
+    previewFrame?: IElementSlotConfig;
+    /** The "drop an image here" target shown before a source is chosen. */
+    dropZone?: IElementSlotConfig;
+    /** The filled portion of the processing/compression bar. */
+    progressFill?: IElementSlotConfig;
+    /**
+     * The crop window's cut-out SHAPE — a circle for avatars, a rect for
+     * covers. Shares the Sidebar's `mask` name because it does the same job:
+     * the overlay geometry, not the chrome drawn over it.
+     */
+    mask?: IElementSlotConfig;
+    /** Zoom slider rail. Same name, same job, as the Switch's. */
+    track?: IElementSlotConfig;
+    /** Zoom slider knob. */
+    thumb?: IElementSlotConfig;
+}
 /** Element slots for Card */
 export interface ICardElementSlots {
     /** The card root element (outer container) */
@@ -1311,10 +1424,21 @@ export interface IKitsComponentDefaults {
     ColorPicker?: IComponentThemeConfig<ITextInputSlots>;
     PhoneInput?: IComponentThemeConfig<ITextInputSlots>;
     Datepicker?: IComponentThemeConfig<IDatepickerSlots>;
-    Select?: IComponentThemeConfig<ISelectSlots>;
+    /**
+     * Select base group.
+     *
+     * ⛔ TYPED AS `IChipInputSlots`, NOT `ISelectSlots`, ON PURPOSE. The chip
+     * defaults (`token` / `tokenIcon` / `tokenContainer`) live HERE so the two
+     * chip-bearing members — MultiSelect and AutoComplete-with-`isMultiple`
+     * (Tags) — read one set of values instead of each carrying its own. A chip
+     * slot on a shape that draws no chips (Dropdown, ListBox) is inert, the same
+     * way the option-list slots are inert on a select with no popover.
+     */
+    Select?: IComponentThemeConfig<IChipInputSlots>;
     DropdownSelect?: IComponentThemeConfig<ISelectSlots>;
     TreeSelect?: IComponentThemeConfig<ISelectSlots>;
-    AutoComplete?: IComponentThemeConfig<ISelectSlots>;
+    /** AutoComplete — chips when `isMultiple` (this is the Tags field). */
+    AutoComplete?: IComponentThemeConfig<IChipInputSlots>;
     ListBox?: IComponentThemeConfig<ISelectSlots>;
     CascadeSelect?: IComponentThemeConfig<ISelectSlots>;
     MultiSelect?: IComponentThemeConfig<IMultiSelectSlots>;
@@ -1331,6 +1455,7 @@ export interface IKitsComponentDefaults {
      */
     Table?: IComponentThemeConfig<ITableElementSlots> & ITableFlatConfig;
     Sidebar?: IComponentThemeConfig<ISidebarElementSlots>;
+    ImageCropper?: IComponentThemeConfig<IImageCropperSlots>;
     Accordion?: IComponentThemeConfig<IAccordionElementSlots>;
     Group?: IComponentThemeConfig<IGroupElementSlots>;
     Header?: IComponentThemeConfig<IHeaderElementSlots>;
@@ -5105,6 +5230,17 @@ export interface IKitsContainer extends IFormSingleElement, Omit<ElementProps, "
     additionalClassName?: string;
     /** Per-element styles (IStyleClasses) passed from the parent form input component */
     elementStyles?: Record<string, Record<string, any>>;
+    /**
+     * Per-element extra attributes (`className`, `data-*`, …) passed from the
+     * parent form input component — `useComponentDefaults().elementProps`.
+     *
+     * ⛔ WITHOUT THIS, `slots.container.props` AND `slots.inputGroup.props`
+     * WENT NOWHERE. KitsContainer owns both of those elements, so a class a
+     * consumer put on either slot had no route to the DOM: the container only
+     * ever received `elementStyles`. Optional, so a form input that does not
+     * pass it behaves exactly as before.
+     */
+    elementProps?: Record<string, Record<string, any>>;
     /**
      * When true, strips the input-group chrome (border, border-radius, overflow, focus ring).
      * Used by Switch, Checkbox, and Radio which render their own visual controls
@@ -8083,6 +8219,249 @@ export interface IWidgetData<T> {
     };
 }
 
+/**
+ * The vocabulary the cropper's geometry is written in.
+ *
+ * ⛔ THREE COORDINATE SPACES, AND CONFUSING TWO OF THEM IS THE WHOLE BUG CLASS
+ * THIS FILE EXISTS TO NAME. Every rect and point below belongs to exactly one
+ * of them, and a function that crosses between them says so in its name.
+ *
+ *   SOURCE   — the original image's own pixels, before any rotation. The only
+ *              space a crop can finally be expressed in, because it is the only
+ *              one the decoder understands.
+ *   ORIENTED — source after a 90°-step rotation. Same pixels, and for 90/270 the
+ *              width and height have SWAPPED. Still image pixels, not screen.
+ *   VIEWPORT — the on-screen stage, in layout units (CSS px on web, DIP on
+ *              native). This is where the crop window and the pointer live.
+ *
+ * ⚠️ VIEWPORT UNITS ARE NOT DEVICE PIXELS and this module never converts to
+ * them. A retina screen draws the same viewport rect over twice as many device
+ * pixels; that is the renderer's business. Mixing the two is how a crop comes
+ * out half size on one device and right on another.
+ */
+/** Width and height, in whichever space the function taking it names. */
+export interface ICropSize {
+    width: number;
+    height: number;
+}
+/** A point, in whichever space the function taking it names. */
+export interface ICropPoint {
+    x: number;
+    y: number;
+}
+/** An axis-aligned rect: `x`/`y` are its TOP-LEFT corner. */
+export interface ICropRect extends ICropSize, ICropPoint {
+}
+/**
+ * Display rotation in 90° steps, CLOCKWISE.
+ *
+ * ⚠️ CLOCKWISE IS A CHOICE, AND IT IS THE ONE THE "ROTATE" BUTTON MAKES. Both
+ * platform encoders are told the same number, so flipping this convention means
+ * flipping it in three places at once.
+ */
+export type CropRotation = 0 | 90 | 180 | 270;
+/**
+ * Where the oriented image sits on the stage: scaled by `scale`, then its
+ * top-left placed at (`x`, `y`) in VIEWPORT space.
+ *
+ * ⚠️ `x`/`y` ARE THE IMAGE'S TOP-LEFT, NOT ITS CENTRE. A centre-based transform
+ * is equally valid and reads better for pinch gestures — it is not what this
+ * module uses, and the two differ by half a scaled image.
+ */
+export interface ICropTransform {
+    scale: number;
+    x: number;
+    y: number;
+}
+/** The eight resize grips, named for the compass edge they sit on. */
+export type CropHandle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+/** `[width, height]` — e.g. `[1, 1]` for a square, `[16, 9]` for a cover. */
+export type CropAspect = readonly [number, number];
+/** Options for {@link resizeRect}. */
+export interface ICropResizeOptions {
+    /** Locked width ÷ height. Omit for a free resize. */
+    ratio?: number;
+    /** Floor on the result, in viewport units. */
+    min?: ICropSize;
+    /** The result may not leave this rect — except where `min` forbids it. */
+    bounds?: ICropRect;
+}
+
+/** What the crop window is cut to. */
+export type CropMaskShape = "circle" | "rectangle";
+/** Encoders both platforms can actually produce. */
+export type CropOutputFormat = "jpeg" | "png" | "webp";
+/**
+ * What the cropper is asked to produce.
+ *
+ * ⚠️ EVERY FIELD IS A CEILING, NOT A TARGET. A 200×200 source asked for at most
+ * 1024×1024 comes back 200×200 — upscaling invents detail and charges bytes for
+ * it. Likewise `maxBytes` is "no larger than", reached by lowering quality and
+ * then, only if that is not enough, by scaling down.
+ */
+export interface ICropOutput {
+    /** Ceiling on the result's width, in image pixels. */
+    maxWidth?: number;
+    /** Ceiling on the result's height, in image pixels. */
+    maxHeight?: number;
+    /**
+     * Ceiling on the encoded file size, in BYTES. Defaults to 500 KB.
+     *
+     * ⚠️ `png` IS LOSSLESS, SO QUALITY CANNOT BUY BYTES BACK. A PNG over the
+     * ceiling can only be made smaller by shrinking its dimensions, and a PNG
+     * of a photograph may not reach a tight ceiling at any sane size. Use
+     * `jpeg` or `webp` when `maxBytes` matters.
+     */
+    maxBytes?: number;
+    /**
+     * Encoder for the result. Defaults to `jpeg`.
+     *
+     * ⛔ THE OUTPUT FORMAT NEVER ECHOES THE INPUT'S. A HEIC chosen on an iPhone
+     * is re-encoded to this format, which is how a photo that no browser would
+     * display becomes one that every browser displays. The input's format is
+     * never carried through.
+     */
+    format?: CropOutputFormat;
+}
+/** What the cropper hands back. */
+export interface ICropResult {
+    /**
+     * The cropped image. A `blob:` object URL on web, a `file://` path on
+     * native.
+     *
+     * ⛔ ON WEB THIS IS AN OBJECT URL THE CALLER NOW OWNS. It holds its blob in
+     * memory until someone calls `URL.revokeObjectURL` on it; dropping the
+     * reference does not free it. Revoke it once uploaded or once a later crop
+     * replaces it.
+     */
+    uri: string;
+    /** The result's real pixel width, after every ceiling was applied. */
+    width: number;
+    /** The result's real pixel height. */
+    height: number;
+    /** The encoded size in bytes — what `maxBytes` was measured against. */
+    size: number;
+    /** The encoder that actually produced it. */
+    format: CropOutputFormat;
+    /** The blob itself, on web, for callers that would rather not re-fetch the URL. */
+    blob?: Blob;
+}
+/** Why a crop could not be produced. */
+export type CropErrorReason = 
+/** The source could not be decoded — most often a HEIC in a browser that has no decoder. */
+"decode-failed"
+/** The encoder could not reach `maxBytes` even at its smallest. */
+ | "too-large"
+/** The platform refused the encode. */
+ | "encode-failed";
+export interface ICropError {
+    reason: CropErrorReason;
+    /** A sentence fit to show a user. */
+    message: string;
+}
+export interface IImageCropperProps {
+    /**
+     * The image to crop: a URL/URI, a `File` picked on web, or — on native — a
+     * bundled asset straight from `require('./photo.png')`.
+     *
+     * ⛔ PREFER THE `require()` FORM ON NATIVE. React Native hands back an
+     * asset id whose dimensions are already known, so the cropper reads them
+     * synchronously from the asset registry. A bundled asset passed as a URI
+     * STRING instead forces an `Image.getSize` round-trip to whatever host that
+     * URI names — in development that is the Metro dev server, which a physical
+     * phone frequently cannot reach, and in a release build it is not fetchable
+     * that way at all. Both failures surface as
+     * `onError({reason: 'decode-failed'})`, which reads like a corrupt image
+     * and is not one.
+     *
+     * ⚠️ THE `require()` FORM IS NATIVE-ONLY and is reported, not ignored, on
+     * web: a bundler there resolves `require` of an image to a URL string or a
+     * module object, never to React Native's numeric asset id.
+     *
+     * ⚠️ A HEIC `File` IS ACCEPTED AND MAY STILL FAIL TO DECODE ON WEB. Safari
+     * decodes HEIC; Chrome and Firefox do not, and no amount of re-encoding
+     * helps because the pixels were never read. That case arrives as
+     * `onError({reason: 'decode-failed'})` with a sentence saying so, rather
+     * than as a blank stage. Native decodes HEIC on both platforms.
+     */
+    source?: string | File | number | null;
+    /** Locked crop ratio as `[width, height]`. Defaults to `[1, 1]`. */
+    aspect?: CropAspect;
+    /** Circle for avatars, rectangle for covers. Defaults to `rectangle`. */
+    maskShape?: CropMaskShape;
+    /** Ceilings on the result. See {@link ICropOutput}. */
+    output?: ICropOutput;
+    /** The crop the user accepted. */
+    onCrop?: (result: ICropResult) => void;
+    /** The user backed out. */
+    onCancel?: () => void;
+    /** Something could not be done, with a reason fit to show. */
+    onError?: (error: ICropError) => void;
+    /**
+     * A finger is on the stage (`true`), or has left it (`false`).
+     *
+     * ⛔ IT EXISTS FOR ONE JOB: TURNING OFF AN ENCLOSING `ScrollView` ON NATIVE.
+     * A cropper lives inside a scrollable form, and iOS gives a vertical drag
+     * to the scroll view before anything in the content can ask for it —
+     * `UIScrollView` delays content touches, decides the gesture is a scroll,
+     * and then never delivers it. Nothing rendered INSIDE that scroll view can
+     * outvote it, so the owner of the scroll view has to stand down:
+     *
+     * ```tsx
+     * const [framing, setFraming] = useState(false);
+     * <ScrollView scrollEnabled={!framing}>
+     *     <ImageCropper onInteractionChange={setFraming} ... />
+     * </ScrollView>
+     * ```
+     *
+     * ⚠️ IT IS NOT NEEDED ON WEB, and is harmless there — the web stage stops
+     * page scrolling itself with a non-passive wheel listener and pointer
+     * capture, neither of which native has an equivalent for.
+     *
+     * ⚠️ AND IT IS A BELT, NOT THE ONLY BRACES. The native cropper already
+     * claims the touch in a way that blocks the scroll view wherever the touch
+     * reaches it at all; this is the deterministic fallback for the case where
+     * it does not.
+     */
+    onInteractionChange?: (active: boolean) => void;
+    /** Shown in the header. Omit for no header. */
+    title?: ReactNode;
+    /** Hide the live preview of the result. */
+    hidePreview?: boolean;
+    /** Hide the rule-of-thirds guides. */
+    hideGrid?: boolean;
+    /**
+     * Let the crop window be resized by its eight grips.
+     *
+     * ⚠️ WEB ONLY, AND ACCEPTED-AND-INERT ON NATIVE, the same contract `popup`
+     * carries on the selects: a shared config stays valid on both surfaces
+     * rather than making a consumer branch on platform. A finger has no hover
+     * and a grip small enough to look right is too small to hit, so native
+     * frames by pinch and pan against a fixed window instead.
+     */
+    resizable?: boolean;
+    /** Zoom ceiling, as a multiple of the scale that just covers the window. Defaults to 8. */
+    maxZoom?: number;
+    /** Labels, for translation. */
+    labels?: {
+        cancel?: string;
+        save?: string;
+        rotate?: string;
+        reset?: string;
+        zoom?: string;
+        preview?: string;
+        dropZone?: string;
+        processing?: string;
+    };
+    /** Stable test id, forwarded to the stage. */
+    testID?: string;
+    /** Per-instance slot overrides, merged over the theme. */
+    slots?: Partial<IImageCropperSlots>;
+    /** Style on the outer shell. */
+    style?: IStyleClasses;
+    className?: string;
+}
+
 export interface ILoaderProps<TColor = string, TStyle = unknown, TLocal = Record<string, unknown>> {
     localProps?: TLocal;
     animating?: boolean;
@@ -8654,6 +9033,78 @@ declare function Avatar(props: IAvatarProps): React__default.JSX.Element;
  */
 declare function AvatarStack(props: IAvatarStackProps): React__default.JSX.Element;
 
+declare function ImageCropper(rawProps: IImageCropperProps): React__default.JSX.Element;
+
+/**
+ * Where a host app plugs in the one thing the NATIVE cropper cannot do itself.
+ *
+ * ⛔ THIS FILE HAS NO `.native` SUFFIX ON PURPOSE, AND THAT IS NOT COSMETIC.
+ * `rollup.web.config.mjs` treats any path containing `.native.` as EXTERNAL —
+ * so a registry living in `encode.native.ts` and re-exported from the shared
+ * `components` barrel would compile, and then emit a bare import of a native
+ * file into the WEB bundle for a consumer's bundler to fail on. Found by
+ * reading that config rather than by shipping it. The registry itself imports
+ * nothing platform-specific, so a neutral name is also the honest one.
+ *
+ * ⚠️ THE WEB CROPPER NEVER CONSULTS THIS. It has a canvas and needs no
+ * injection. A cross-platform app can therefore call `setCropEncoder` once at
+ * start-up unconditionally: on web it is a harmless no-op, on a device it is
+ * what makes Save work.
+ */
+export interface ICropEncoder {
+    /**
+     * Produce one encoded file.
+     *
+     * @param uri        the source image
+     * @param sourceRect the region to keep, in SOURCE pixels, rotation undone
+     * @param sourceSize the source's full pixel size
+     * @param rotation   degrees clockwise to apply when saving
+     * @param size       the output's pixel size, already decided by the search
+     * @param quality    0–1; ignored by lossless formats
+     * @param format     the encoder to use
+     * @returns the written file's uri, its size in bytes, and — when the
+     *          implementation knows them — the dimensions it actually produced
+     *
+     * ⚠️ `width`/`height` ARE REPORTED BECAUSE THE REQUEST IS NOT ALWAYS THE
+     * RESULT. The bare-React-Native encoder asks its resizer for a square
+     * ceiling with `contain` (the only orientation-safe way to drive it), so
+     * the output can land a pixel or two off the requested size. Reporting the
+     * number back beats the caller assuming the one it asked for.
+     */
+    (args: {
+        uri: string;
+        sourceRect: ICropRect;
+        /**
+         * The source's full size.
+         *
+         * ⚠️ THE BUNDLED ENCODER NO LONGER NEEDS THIS, and the field stays
+         * anyway. It was added when that encoder rotated the file BEFORE
+         * cropping it and therefore had to re-express the rect into the rotated
+         * frame. Reordering the chain to crop first removed that mapping — but
+         * the contract is public, any implementation that rotates first still
+         * needs the dimensions, and they are free to carry. A canvas encoder
+         * ignores the field entirely.
+         */
+        sourceSize: ICropSize;
+        rotation: number;
+        size: ICropSize;
+        quality: number;
+        format: CropOutputFormat;
+    }): Promise<{
+        uri: string;
+        bytes: number;
+        width?: number;
+        height?: number;
+    }>;
+}
+/**
+ * Register the native encoder. Call once, at app start, before the cropper is
+ * used. Passing `null` unregisters it, which is what a test wants.
+ */
+declare const setCropEncoder: (next: ICropEncoder | null) => void;
+/** Whether a host app has wired one up. The native UI reads this to disable Save. */
+declare const hasCropEncoder: () => boolean;
+
 /**
  * Stepper — horizontal progress indicator for multi-step flows.
  *
@@ -9281,6 +9732,13 @@ declare const useKitsConcerto: () => IMainContextValues<any, React$1.JSX.Element
 
 export interface IElementConfig {
     style: Record<string, any>;
+    /**
+     * Extra attributes for this slot's element — `className`, `data-*`,
+     * `aria-*`, anything the platform element accepts. Merged across the
+     * whole chain (FormElement < baseGroup < component < instance slots),
+     * with `className` CONCATENATED rather than replaced.
+     */
+    props: Record<string, any>;
     important?: boolean | string[];
     pseudo?: Record<string, Record<string, any>>;
 }
@@ -9299,7 +9757,20 @@ export interface UseComponentDefaultsResult<T> {
      */
     elementStyles: Record<string, Record<string, any>>;
     /**
-     * Full slot configs including `important` and `pseudo` fields.
+     * Per-element extra attributes. Each key is a slot name, value is the
+     * merged `props` for that slot (`className`, `data-*`, `aria-*`, …).
+     *
+     * ⛔ EVERY SLOT, NOT JUST `root` — THAT WAS THE BUG. `IElementSlotConfig`
+     * has advertised `props` on every slot since the slot system landed, but
+     * only `root.props` was ever read (it is folded into `mergedProps`).
+     * Anything a consumer put on another slot — the class a portal needs on a
+     * tags field's outer box to make it match a text input — was parsed,
+     * merged, and then thrown away with no warning and no type error.
+     * Components apply `elementProps[slot]` to the matching element.
+     */
+    elementProps: Record<string, Record<string, any>>;
+    /**
+     * Full slot configs including `props`, `important` and `pseudo` fields.
      * Use this instead of `elementStyles` when you need those fields.
      */
     elementConfigs: Record<string, IElementConfig>;
@@ -9321,8 +9792,15 @@ export interface UseComponentDefaultsResult<T> {
  * on the component config. Each slot accepts `{ props?, style? }`.
  *
  * The `root` slot's `props` are merged into `mergedProps` alongside
- * user props (user always wins). The `root` slot's `style` is returned
- * as both `themeStyle` (backwards compat) and `elementStyles.root`.
+ * user props (user always wins, except `className`, which concatenates).
+ * The `root` slot's `style` is returned as both `themeStyle` (backwards
+ * compat) and `elementStyles.root`.
+ *
+ * EVERY OTHER slot's `props` come back on `elementProps[slot]` — the
+ * component is responsible for spreading them onto the element that slot
+ * names. Before that existed, `props` on a non-root slot was silently
+ * discarded, which is how a consumer's class on a tags field's outer box
+ * disappeared without a single error.
  *
  * Supports base-group inheritance: e.g. `useComponentDefaults('InputText', rawProps, 'Input')`
  * merges FormElement first, then Input base, then InputText overrides,
@@ -15182,5 +15660,5 @@ declare const localeFiles: {
     };
 };
 
-export { ALPHA_COLOR_VARS, ALPHA_STEPS, ALPHA_TOKEN_NAMES, AccentEdge, CustomAccordion as Accordion, ActionCard, Alert, AlertDescription, AlertIcon, AlertTitle, KitsAnimatePresence as AnimatePresence, AnyFile, Avatar, AvatarStack, Badge, Banner, BottomTabBar, Box, BreadCrumb, BreadcrumbProvider, Button, Card, Carousel, Center, ChatBubble, Chip, CircularProgress, Collapse, CommandPalette, Container, CustomPopover, DEFAULT_NATIVE_SHADOWS, DataView, DataViewContext, DateSeparator, Delta, DetailList as DetailsList, Divider, Donut, DotGrid, EDateFormat, EKeyFilter, Editable, EmptyState, FIELD_LABEL_MARGIN, FIELD_MARGIN, Flex, Form, FormSelect, GUTTER, Gallery, Gauge, Form as GoForm, Datatable as GoTable, KitsGrid as Grid, KitsGridItem as GridItem, GroupedBars, HELPER_TEXT_MARGIN, HStack, Heading, Icon, IconMap, Image, KitsInputSwitch as InputSwitch, KeyboardNavContext, KitsAutoComplete, KitsBarChart, KitsCascadeSelect, KitsCheckbox as KitsCheckboxes, KitsConfirm, KitsConfirmPopup, KitsContainer, KitsInputCalendar as KitsDatepicker, KitsDialogControlled as KitsDialog, KitsDropdown, FilePicker as KitsFilePicker, KitsInputColorPicker, KitsInputLocation, KitsInputMask, KitsInputNumber, KitsInputPassword, KitsInputText, KitsInputTextarea, KitsLineChart, KitsListBox, KitsMultiSelect, KitsPhoneComponent, KitsRadar, KitsRadio as KitsRadios, RadiusPicker as KitsRadiusPicker, KitsSliders, KitsThemeProvider, KitsToast, KitsTreeSelect, Label, Legend, Link, List, ListItem, Loader, LocaleContext, LocaleContextProvider, MainContext, MainContextProvider, MapTile, MessageComposer, MessageReceipt, MetricCard, KitsMultiSelect as MultiSelect, PermissionsProvider, PersonCard, ProgressBar, RadiusPicker, RankedList, ReducedMotionProvider, Rise, SHADOW_PRESET_KEYS, SPACER, KitsScrollView as ScrollView, SegmentedControl, FormSelect as Select, SelectButton, Skeleton$1 as Skeleton, SkeletonRows, Skeleton as SkeletonText, Sparkline, StackedBars, StatCard, StatGroup, StatePill, StatusCard, Stepper, Striped, Svg, TableContext, Tabs, Text, ThemeContextProvider, Timeline, Tip, Tooltip, Translate, KitsTreeSelect as TreeSelect, TreeView, TriStateCheckbox, TypingIndicator, VStack, Wash, WidgetPanel, borderProperties, breakpoints, capitalizeFirstLetter, checkExtAgainstAccepted, checkNameDuplication, colorWithAlpha, dateTimeFormat, deepMerge, defaultSeverityTheme, defaultTheme, downloadCanvas, dynamicList, expandShadowNative, extendTheme, fileTypeIcon, fileValidation, filesExt, filesMemes, filesTypes, flattenSlotStyles, fontSizeMapping, formFileValidation, formatNumber, getActiveNativeShadows, getCombinedChildIds, getCustomDateTime, getDateElements, getDefaultValues, getMeme, getParams, getPropertyByPath, getType, getTypes, getURLParams, imagesExt, imagesMemes, imagesTypes, isAlphaToken, isNumber, isSemanticToken, isShadowPreset, isThemeToken, isToday, isValidURL, kitsMotion, listingProperties, localeFiles, allProperties as mapCssProperties, mergeRefs, nonPxProperties, propertiesWithoutCssEquivalent, pxProperties, resolveStyleRecord, resolveTokenValue, schemaBuilder, setActiveNativeShadows, shadowNative, shadowWeb, sizeMapping, sizingProperties, timeAgo, timeSince, toMemes, useAllSeverityColors, useBreadcrumb, useBreadcrumbTrail, useComponentDefaults, useCountUp, useDataView, useDialog, useDisclosure, useEnter, useFieldLogic, useFocusStyles, useFormFieldKeyboardNav, useFormManager, useKeyboardNav, useKeyboardNavProvider, useKitsColorScheme, useKitsConcerto, useKitsTheme, useLanguage, useMeasuredWidth, useNativeColorMap, usePermissions, usePopup, useReducedMotion, useResolvedElementStyles, useResolvedStyle, useRtlLineHeight, useScrollState, useSelectionController, useSeverityColors, useTable, useTheme, useThemedFont, useToast };
-export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBodyTemplateIcon, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBreadcrumbCrumb, IBreadcrumbProps, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridCellStyle, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaginatorLabels, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TExternalFilterLabelMode, TFiltersLayout, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TPaginatorAlign, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };
+export { ALPHA_COLOR_VARS, ALPHA_STEPS, ALPHA_TOKEN_NAMES, AccentEdge, CustomAccordion as Accordion, ActionCard, Alert, AlertDescription, AlertIcon, AlertTitle, KitsAnimatePresence as AnimatePresence, AnyFile, Avatar, AvatarStack, Badge, Banner, BottomTabBar, Box, BreadCrumb, BreadcrumbProvider, Button, Card, Carousel, Center, ChatBubble, Chip, CircularProgress, Collapse, CommandPalette, Container, CustomPopover, DEFAULT_NATIVE_SHADOWS, DataView, DataViewContext, DateSeparator, Delta, DetailList as DetailsList, Divider, Donut, DotGrid, EDateFormat, EKeyFilter, Editable, EmptyState, FIELD_LABEL_MARGIN, FIELD_MARGIN, Flex, Form, FormSelect, GUTTER, Gallery, Gauge, Form as GoForm, Datatable as GoTable, KitsGrid as Grid, KitsGridItem as GridItem, GroupedBars, HELPER_TEXT_MARGIN, HStack, Heading, Icon, IconMap, Image, ImageCropper, KitsInputSwitch as InputSwitch, KeyboardNavContext, KitsAutoComplete, KitsBarChart, KitsCascadeSelect, KitsCheckbox as KitsCheckboxes, KitsConfirm, KitsConfirmPopup, KitsContainer, KitsInputCalendar as KitsDatepicker, KitsDialogControlled as KitsDialog, KitsDropdown, FilePicker as KitsFilePicker, KitsInputColorPicker, KitsInputLocation, KitsInputMask, KitsInputNumber, KitsInputPassword, KitsInputText, KitsInputTextarea, KitsLineChart, KitsListBox, KitsMultiSelect, KitsPhoneComponent, KitsRadar, KitsRadio as KitsRadios, RadiusPicker as KitsRadiusPicker, KitsSliders, KitsThemeProvider, KitsToast, KitsTreeSelect, Label, Legend, Link, List, ListItem, Loader, LocaleContext, LocaleContextProvider, MainContext, MainContextProvider, MapTile, MessageComposer, MessageReceipt, MetricCard, KitsMultiSelect as MultiSelect, PermissionsProvider, PersonCard, ProgressBar, RadiusPicker, RankedList, ReducedMotionProvider, Rise, SHADOW_PRESET_KEYS, SPACER, KitsScrollView as ScrollView, SegmentedControl, FormSelect as Select, SelectButton, Skeleton$1 as Skeleton, SkeletonRows, Skeleton as SkeletonText, Sparkline, StackedBars, StatCard, StatGroup, StatePill, StatusCard, Stepper, Striped, Svg, TableContext, Tabs, Text, ThemeContextProvider, Timeline, Tip, Tooltip, Translate, KitsTreeSelect as TreeSelect, TreeView, TriStateCheckbox, TypingIndicator, VStack, Wash, WidgetPanel, borderProperties, breakpoints, capitalizeFirstLetter, checkExtAgainstAccepted, checkNameDuplication, colorWithAlpha, dateTimeFormat, deepMerge, defaultSeverityTheme, defaultTheme, downloadCanvas, dynamicList, expandShadowNative, extendTheme, fileTypeIcon, fileValidation, filesExt, filesMemes, filesTypes, flattenSlotStyles, fontSizeMapping, formFileValidation, formatNumber, getActiveNativeShadows, getCombinedChildIds, getCustomDateTime, getDateElements, getDefaultValues, getMeme, getParams, getPropertyByPath, getType, getTypes, getURLParams, hasCropEncoder, imagesExt, imagesMemes, imagesTypes, isAlphaToken, isNumber, isSemanticToken, isShadowPreset, isThemeToken, isToday, isValidURL, kitsMotion, listingProperties, localeFiles, allProperties as mapCssProperties, mergeRefs, nonPxProperties, propertiesWithoutCssEquivalent, pxProperties, resolveStyleRecord, resolveTokenValue, schemaBuilder, setActiveNativeShadows, setCropEncoder, shadowNative, shadowWeb, sizeMapping, sizingProperties, timeAgo, timeSince, toMemes, useAllSeverityColors, useBreadcrumb, useBreadcrumbTrail, useComponentDefaults, useCountUp, useDataView, useDialog, useDisclosure, useEnter, useFieldLogic, useFocusStyles, useFormFieldKeyboardNav, useFormManager, useKeyboardNav, useKeyboardNavProvider, useKitsColorScheme, useKitsConcerto, useKitsTheme, useLanguage, useMeasuredWidth, useNativeColorMap, usePermissions, usePopup, useReducedMotion, useResolvedElementStyles, useResolvedStyle, useRtlLineHeight, useScrollState, useSelectionController, useSeverityColors, useTable, useTheme, useThemedFont, useToast };
+export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CropAspect, CropErrorReason, CropHandle, CropMaskShape, CropOutputFormat, CropRotation, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBodyTemplateIcon, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBreadcrumbCrumb, IBreadcrumbProps, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipInputSlots, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICropEncoder, ICropError, ICropOutput, ICropPoint, ICropRect, ICropResizeOptions, ICropResult, ICropSize, ICropTransform, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridCellStyle, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImageCropperProps, IImageCropperSlots, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaginatorLabels, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TExternalFilterLabelMode, TFiltersLayout, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TPaginatorAlign, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };

package/index.js

@@ -35,6 +35,8 @@ export { SegmentedControl } from './components/SegmentedControl/index.js';
 export { CommandPalette } from './components/overlay/CommandPalette/index.js';
 export { StatePill } from './components/StatePill/index.js';
 export { Avatar, AvatarStack } from './components/Avatar/index.js';
+export { ImageCropper } from './components/ImageCropper/index.js';
+export { hasCropEncoder, setCropEncoder } from './components/ImageCropper/encoderRegistry.js';
 export { Stepper } from './components/Stepper/index.js';
 export { StatCard, StatGroup } from './components/StatCard/index.js';
 export { default as Rise } from './components/Rise/index.js';