@motech-development/breeze-ui 2.4.0 → 3.0.0

package/dist/primitives/GridList/GridList.d.ts

@@ -0,0 +1,131 @@
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+import type { BreezeCollectionItem, CollectionContentProps, CollectionKey, CollectionSelection, CollectionVirtualization } from '../../internal/types/collection';
+interface GridListVirtualizationLayout {
+    /** Maximum responsive grid column count. Defaults to the available width. */
+    maximumColumns?: number;
+    /** Minimum grid item width in pixels. Defaults to `224`. */
+    minimumItemWidth?: number;
+}
+/** Breeze virtualization configuration with optional responsive grid sizing. */
+export type GridListVirtualization = CollectionVirtualization & GridListVirtualizationLayout;
+type GridListRootNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'style'>;
+interface GridListRootSharedProps extends GridListRootNativeProps {
+    /** Keys whose items cannot receive focus, selection, or actions. */
+    disabledKeys?: Iterable<CollectionKey>;
+    /** Content displayed when the collection has no items. */
+    emptyContent?: ReactNode;
+    /** Arranges items as one stack or a responsive wrapping grid. Defaults to `stack`. */
+    layout?: 'stack' | 'grid';
+    /** Enables multiple selection. Defaults to `false`. */
+    multiple?: boolean;
+    /** Primary arrow-key navigation axis. Defaults to `vertical`. */
+    orientation?: 'horizontal' | 'vertical';
+    /** Ref to the rendered grid element. */
+    ref?: Ref<HTMLDivElement>;
+    /** Optional fixed- or variable-height windowing configuration. */
+    virtualization?: GridListVirtualization;
+}
+interface ControlledGridListRootProps {
+    /** Current selected keys. */
+    selection: CollectionSelection;
+    /** Called with the next selected keys. */
+    onSelectionChange: (selection: CollectionSelection) => void;
+    /** Excluded when selection is controlled. */
+    defaultSelection?: never;
+    /** Controlled mutable state cannot be marked read-only. */
+    readOnly?: false;
+}
+interface ReadOnlyGridListRootProps {
+    /** Current immutable selected keys. */
+    selection: CollectionSelection;
+    /** Marks controlled selection as intentionally immutable. */
+    readOnly: true;
+    /** Excluded when selection is controlled. */
+    defaultSelection?: never;
+    /** Excluded because read-only selection cannot change. */
+    onSelectionChange?: never;
+}
+interface UncontrolledGridListRootProps {
+    /** Initial selected keys. Defaults to an empty selection. */
+    defaultSelection?: CollectionSelection;
+    /** Called with the next selected keys. */
+    onSelectionChange?: (selection: CollectionSelection) => void;
+    /** Uncontrolled state cannot be marked read-only. */
+    readOnly?: false;
+    /** Excluded when selection is uncontrolled. */
+    selection?: never;
+}
+/** Props for a static or generic, controlled, read-only, or uncontrolled grid list. */
+export type GridListRootProps<Item extends BreezeCollectionItem = BreezeCollectionItem> = GridListRootSharedProps & CollectionContentProps<Item> & (ControlledGridListRootProps | ReadOnlyGridListRootProps | UncontrolledGridListRootProps);
+/** Props for one interactive grid-list row. */
+export interface GridListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'onClick' | 'onClickCapture' | 'style'> {
+    /** Visible row content, including any independently focusable controls. */
+    children: ReactNode;
+    /** Prevents focus, selection, and actions for this row. Defaults to `false`. */
+    disabled?: boolean;
+    /** Stable string or number row key. */
+    id: CollectionKey;
+    /** Called with this row key when its action is invoked. */
+    onAction?: (key: CollectionKey) => void;
+    /** Ref to the rendered row. */
+    ref?: Ref<HTMLDivElement>;
+    /** Plain-text representation used for typeahead and accessibility. */
+    textValue: string;
+}
+/** Props for one static grid-list section. */
+export interface GridListSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'id' | 'style'> {
+    /** Section header followed by keyed grid-list items. */
+    children: ReactNode;
+    /** Stable string or number section key. */
+    id: CollectionKey;
+    /** Ref to the rendered section. */
+    ref?: Ref<HTMLDivElement>;
+}
+/** Props for a visible grid-list section heading. */
+export interface GridListHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
+    /** Ref to the rendered section heading. */
+    ref?: Ref<HTMLDivElement>;
+}
+/** Props for a grid-list loading row and load-more sentinel. */
+export interface GridListLoadMoreProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
+    /** Visible loading-row content. */
+    children: ReactNode;
+    /** Shows the loading row and suppresses duplicate requests. Defaults to `false`. */
+    loading?: boolean;
+    /** Called once when more consumer-owned items should be requested. */
+    onLoadMore: () => void | Promise<void>;
+    /** Trigger distance as a proportion of the scroll viewport. Defaults to `1`. */
+    offset?: number;
+    /** Ref to the rendered loading row. */
+    ref?: Ref<HTMLDivElement>;
+}
+/** Coordinates grid semantics, focus, typeahead, row actions, and selection. */
+export declare function Root<Item extends BreezeCollectionItem>({ children, className, defaultSelection, disabledKeys, emptyContent, items, layout, multiple, onSelectionChange, orientation, readOnly, ref, selection, virtualization, ...props }: Readonly<GridListRootProps<Item>>): ReactElement;
+/** Renders one keyed interactive row within a grid list. */
+export declare function Item({ className, disabled, id, onAction, ref, textValue, ...props }: Readonly<GridListItemProps>): ReactElement;
+/** Groups related grid-list rows under a stable collection key. */
+export declare function Section({ className, ref, ...props }: Readonly<GridListSectionProps>): ReactElement;
+/** Renders the visible heading for a grid-list section. */
+export declare function Header({ className, ref, ...props }: Readonly<GridListHeaderProps>): ReactElement;
+/** Renders a loading row and deduplicated intersection sentinel. */
+export declare function LoadMore({ className, loading, offset, onLoadMore, ref, ...props }: Readonly<GridListLoadMoreProps>): ReactElement;
+/**
+ * Presents selectable interactive rows that may contain embedded controls,
+ * static sections, responsive grids, or application-configured virtualization.
+ *
+ * @summary accessible selectable rows with embedded controls
+ */
+export declare const GridList: {
+    /** Visible section heading. */
+    Header: typeof Header;
+    /** One keyed interactive row. */
+    Item: typeof Item;
+    /** Loading row and deduplicated load-more sentinel. */
+    LoadMore: typeof LoadMore;
+    /** Grid semantics, focus, actions, and selection root. */
+    Root: typeof Root;
+    /** Stable grouping for related rows. */
+    Section: typeof Section;
+};
+export {};
+//# sourceMappingURL=GridList.d.ts.map

package/dist/primitives/GridList/GridList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridList.d.ts","sourceRoot":"","sources":["../../../src/primitives/GridList/GridList.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/IconButton/IconButton.d.ts

@@ -0,0 +1,37 @@
+import type { ReactElement, ReactNode, Ref } from 'react';
+import { type NativeButtonType } from '../../internal/react-aria/renderNativeButton';
+import type { ControlSize, VisualAppearance, VisualVariant } from '../../internal/styling/visual';
+import type { NativeButtonProps } from '../../internal/types/native';
+/** Props for an icon-only action with a required accessible name. */
+export interface IconButtonProps extends NativeButtonProps {
+    /** Accessible action name. */
+    'aria-label': string;
+    /** Visual emphasis treatment. Defaults to `ghost`. */
+    appearance?: VisualAppearance;
+    /** Decorative icon. */
+    children: ReactNode;
+    /** Placement and composition classes. */
+    className?: string;
+    /** Prevents interaction. Defaults to `false`. */
+    disabled?: boolean;
+    /** Shows and announces an in-progress state while preventing activation. Defaults to `false`. */
+    loading?: boolean;
+    /** Called once when the user activates the button. */
+    onAction?: () => void;
+    /** Ref to the rendered button. */
+    ref?: Ref<HTMLButtonElement>;
+    /** Canonical square control size. Defaults to `md`. */
+    size?: ControlSize;
+    /** Constrained native form behavior: `button` or `submit`. Defaults to `button`. */
+    type?: NativeButtonType;
+    /** Semantic colour. Defaults to `secondary`. */
+    variant?: VisualVariant;
+}
+/**
+ * Performs an application action through a compact icon-only control whose
+ * required accessible label supplies its semantic name.
+ *
+ * @summary icon-only action with a mandatory accessible label
+ */
+export declare function IconButton({ appearance, children, className, disabled, loading, onAction, ref, size, type, variant, ...props }: Readonly<IconButtonProps>): ReactElement;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/primitives/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/primitives/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI1E,OAA2B,EACzB,KAAK,gBAAgB,EACtB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EACV,WAAW,EACX,gBAAgB,EAChB,aAAa,EACd,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,qEAAqE;AACrE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kCAAkC;IAClC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,uDAAuD;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oFAAoF;IACpF,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAQD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,GAAG,EACH,IAAW,EACX,IAAe,EACf,OAAqB,EACrB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,YAAY,CAuC1C"}

package/dist/primitives/IconTile/IconTile.d.ts

@@ -0,0 +1,312 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+import type { ControlSize, VisualVariant } from '../../internal/styling/visual';
+/** Semantic colours supported by a presentation tile. */
+export type IconTileVariant = VisualVariant | 'neutral';
+/** Props for a semantic visual-marker tile. */
+export interface IconTileProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-hidden' | 'children' | 'style'> {
+    /** Adds the semantic variant border. Defaults to `true`. */
+    bordered?: boolean;
+    /** The visual marker content rendered inside the tile. */
+    children: ReactNode;
+    /** Hides marker content from assistive technology. Defaults to `true`. */
+    decorative?: boolean;
+    /** Ref to the rendered span. */
+    ref?: Ref<HTMLSpanElement>;
+    /** Square or circular marker geometry. Defaults to `square`. */
+    shape?: 'circle' | 'square';
+    /** Canonical tile size. Defaults to `md`. */
+    size?: ControlSize;
+    /** Semantic colour. Defaults to `primary`. */
+    variant?: IconTileVariant;
+}
+/**
+ * Presents decorative or meaningful marker content with canonical geometry,
+ * sizing, and constrained semantic colour emphasis.
+ *
+ * @summary semantic presentation tile for icons and short markers
+ */
+export declare function IconTile({ bordered, children, className, decorative, ref, shape, size, variant, ...props }: Readonly<IconTileProps>): import("react").DetailedReactHTMLElement<{
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLSpanElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLSpanElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLSpanElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLSpanElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: ("false" | "true" | boolean) | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    'aria-hidden': true | undefined;
+    className: string;
+    'data-bordered': boolean;
+    'data-size': ControlSize;
+    'data-variant': IconTileVariant;
+    ref: import("react").RefCallback<HTMLSpanElement>;
+}, HTMLSpanElement>;
+//# sourceMappingURL=IconTile.d.ts.map

package/dist/primitives/IconTile/IconTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.d.ts","sourceRoot":"","sources":["../../../src/primitives/IconTile/IconTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AA8ChF,yDAAyD;AACzD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,SAAS,CAAC;AAExD,+CAA+C;AAC/C,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,cAAc,CAAC,eAAe,CAAC,EAC/B,aAAa,GAAG,UAAU,GAAG,OAAO,CACrC;IACD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B,gEAAgE;IAChE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAe,EACf,QAAQ,EACR,SAAS,EACT,UAAiB,EACjB,GAAG,EACH,KAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAwBzB"}