@dxos/react-ui 0.1.12 → 0.1.14

package/dist/{src → types/src}/components/AlertDialog/AlertDialog.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxosTheme';
 import { AlertDialogProps } from './AlertDialog';
 declare const _default: {
     title: string;
-    component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
+    component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling, slots }: AlertDialogProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<AlertDialogProps>;

package/dist/types/src/components/AlertDialog/AlertDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}

package/dist/types/src/components/AlertDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,22 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import React, { ComponentProps, ReactHTMLElement, ReactNode } from 'react';
+import { Size } from '../../props';
+export interface AvatarSlots {
+    root?: Omit<ComponentProps<typeof AvatarPrimitive.Root>, 'children'>;
+    image?: Omit<ComponentProps<typeof AvatarPrimitive.Image>, 'children'>;
+    fallback?: Omit<ComponentProps<typeof AvatarPrimitive.Fallback>, 'children'>;
+}
+export interface AvatarProps {
+    fallbackValue: string;
+    label: string | Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
+    size?: Size;
+    variant?: 'square' | 'circle';
+    mediaSrc?: string;
+    mediaAlt?: string;
+    children?: ReactNode;
+    slots?: AvatarSlots;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EAAE,EAEZ,cAAc,EAId,gBAAgB,EAChB,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAInC,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;IACrE,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;CAC9E;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAOD,eAAO,MAAM,MAAM;;yCA0DlB,CAAC"}

package/dist/types/src/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,12 @@
+import '@dxosTheme';
+import React from 'react';
+import { AvatarProps } from './Avatar';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<AvatarProps & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLSpanElement>>;
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<AvatarProps>;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/types/src/components/Avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;AAE/C,wBAGE;AAWF,eAAO,MAAM,OAAO,+CAA+C,CAAC"}

package/dist/types/src/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}

package/dist/types/src/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "prefix" | "translate" | "is" | "disabled" | "form" | "slot" | "style" | "title" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,2vJASjB,CAAC"}

package/dist/types/src/components/Button/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import '@dxosTheme';
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<ButtonProps, "prefix" | "translate" | "is" | "disabled" | "form" | "slot" | "style" | "title" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Default: import("@storybook/react").Story<Omit<ButtonProps, "ref">>;
+export declare const Primary: () => JSX.Element;
+export declare const Outline: () => JSX.Element;
+export declare const Ghost: () => JSX.Element;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/types/src/components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;;;;AAE5C,wBAGE;AAsBF,eAAO,MAAM,OAAO,4DAAqC,CAAC;AAG1D,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,OAAO,mBAAoE,CAAC;AAEzF,eAAO,MAAM,KAAK,mBAAkE,CAAC"}

package/dist/types/src/components/Button/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,8BAA+B,gBAAgB,gBAUtE,CAAC"}

package/dist/{src → types/src}/components/Button/ButtonProps.d.ts

@@ -2,8 +2,6 @@ import { ComponentProps } from 'react';
 export interface ButtonProps extends ComponentProps<'button'> {
     variant?: 'default' | 'primary' | 'outline' | 'ghost';
     compact?: boolean;
-    rounding?: string;
-    spacing?: string;
     disabled?: boolean;
 }
 //# sourceMappingURL=ButtonProps.d.ts.map

package/dist/types/src/components/Button/ButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types/src/components/Button/buttonStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AACxG,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,UAAW,WAAW,WAsB9C,CAAC"}

package/dist/types/src/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/types/src/components/CompoundButton/CompoundButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,6DAA8D,mBAAmB,gBAkC3G,CAAC"}

package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;;;;;AAEvE,wBAGE;AAWF,eAAO,MAAM,OAAO,oEAAqC,CAAC;AAS1D,eAAO,MAAM,OAAO,mBAWnB,CAAC"}

package/dist/types/src/components/CompoundButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC"}

package/dist/types/src/components/Dialog/Dialog.d.ts

@@ -0,0 +1,26 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'phosphor-react';
+import { ComponentProps, ReactNode } from 'react';
+export interface DialogSlots {
+    overlay?: Pick<ComponentProps<typeof DialogPrimitive.Overlay>, 'className'>;
+    content?: Omit<ComponentProps<typeof DialogPrimitive.Content>, 'children'>;
+    title?: Omit<ComponentProps<typeof DialogPrimitive.Content>, 'children'>;
+    description?: Omit<ComponentProps<typeof DialogPrimitive.Description>, 'children'>;
+    close?: Pick<ComponentProps<typeof DialogPrimitive.Close>, 'className'>;
+    closeIcon?: ComponentProps<typeof X>;
+    closeTriggers?: Omit<ComponentProps<'div'>, 'children'>;
+}
+export interface DialogProps {
+    title: ReactNode;
+    openTrigger?: ReactNode;
+    closeTriggers?: [ReactNode, ...ReactNode[]];
+    titleVisuallyHidden?: boolean;
+    description?: ReactNode;
+    children?: ReactNode;
+    closeLabel?: string;
+    initiallyOpen?: boolean;
+    mountAsSibling?: boolean;
+    slots?: DialogSlots;
+}
+export declare const Dialog: ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling, slots }: DialogProps) => JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/types/src/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,gBAAgB,CAAC;AACnC,OAAc,EAAE,cAAc,EAAY,SAAS,EAAY,MAAM,OAAO,CAAC;AAM7E,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC;IAC5E,OAAO,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IAC3E,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;IACzE,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;IACnF,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;IACxE,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,wIAWhB,WAAW,gBA6Gb,CAAC"}

package/dist/{src → types/src}/components/Dialog/Dialog.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxosTheme';
 import { DialogProps } from './Dialog';
 declare const _default: {
     title: string;
-    component: ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling }: DialogProps) => JSX.Element;
+    component: ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling, slots }: DialogProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<DialogProps>;

package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;AAE/C,wBAGE;AAMF,eAAO,MAAM,OAAO,+CAIlB,CAAC"}

package/dist/types/src/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}

package/dist/{src → types/src}/components/Group/Group.d.ts

@@ -6,5 +6,5 @@ export interface GroupProps extends React.ComponentProps<'div'> {
     elevation?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     children?: ReactNode;
 }
-export declare const Group: ({ elevation, children, label, labelVisuallyHidden, className, ...props }: GroupProps) => JSX.Element;
+export declare const Group: ({ elevation, children, label, labelVisuallyHidden, ...rootSlot }: GroupProps) => JSX.Element;
 //# sourceMappingURL=Group.d.ts.map

package/dist/types/src/components/Group/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,qEAA0E,UAAU,gBAarG,CAAC"}

package/dist/{src → types/src}/components/Group/Group.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxosTheme';
 import { GroupProps } from './Group';
 declare const _default: {
     title: string;
-    component: ({ elevation, children, label, labelVisuallyHidden, className, ...props }: GroupProps) => JSX.Element;
+    component: ({ elevation, children, label, labelVisuallyHidden, ...rootSlot }: GroupProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<GroupProps>;

package/dist/types/src/components/Group/Group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Group/Group.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAIpB,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;AAE5C,wBAGE;AAMF,eAAO,MAAM,OAAO,8CAAgD,CAAC"}

package/dist/types/src/components/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Group/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}

package/dist/{src → types/src}/components/Heading/Heading.d.ts

@@ -3,7 +3,7 @@ export interface HeadingProps extends React.ComponentProps<'h1'> {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     children?: ReactNode;
 }
-export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingProps>) => React.DetailedReactHTMLElement<{
+export declare const Heading: ({ level, ...rootSlot }: PropsWithChildren<HeadingProps>) => React.DetailedReactHTMLElement<{
     className: string;
     children?: ReactNode;
     ref?: React.LegacyRef<HTMLHeadingElement> | undefined;
@@ -20,7 +20,6 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
-    nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -50,11 +49,11 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
@@ -65,12 +64,12 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -171,8 +170,6 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
     onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/types/src/components/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAWD,eAAO,MAAM,OAAO,2BAA4B,kBAAkB,YAAY,CAAC;;eAZlE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkBrB,CAAC"}

package/dist/{src → types/src}/components/Heading/Heading.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { HeadingProps } from './Heading';
 declare const _default: {
     title: string;
-    component: ({ level, ...props }: React.PropsWithChildren<HeadingProps>) => React.DetailedReactHTMLElement<{
+    component: ({ level, ...rootSlot }: React.PropsWithChildren<HeadingProps>) => React.DetailedReactHTMLElement<{
         className: string;
         children?: React.ReactNode;
         ref?: React.LegacyRef<HTMLHeadingElement> | undefined;
@@ -20,7 +20,6 @@ declare const _default: {
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        nonce?: string | undefined;
         placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -50,11 +49,11 @@ declare const _default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
@@ -65,12 +64,12 @@ declare const _default: {
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -171,8 +170,6 @@ declare const _default: {
         onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/{src → types/src}/components/Heading/Heading.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBAGE;AAQF,eAAO,MAAM,OAAO,gDAA+C,CAAC;AAGpE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC"}
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElD,wBAGE;AAQF,eAAO,MAAM,OAAO,gDAA+C,CAAC;AAGpE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC;AACjE,eAAO,MAAM,MAAM,mBAA6C,CAAC"}

package/dist/types/src/components/Heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}

package/dist/{src → types/src}/components/Input/BarePinInput.d.ts

@@ -1,8 +1,15 @@
 import { CodeInput } from 'rci';
 import React, { ComponentProps } from 'react';
-import { InputProps } from './InputProps';
-export type BarePinInputProps = Omit<InputProps, 'ref' | 'label' | 'onChange'> & Pick<ComponentProps<typeof CodeInput>, 'onChange' | 'value' | 'length'>;
-export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputProps, "label" | "ref" | "onChange"> & Pick<{
+import { InputProps, InputSlots } from './InputProps';
+export declare type BarePinInputProps = Omit<InputProps, 'ref' | 'label' | 'onChange' | 'slots'> & Pick<ComponentProps<typeof CodeInput>, 'onChange' | 'value' | 'length'> & {
+    inputSlot: InputSlots['input'];
+};
+export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputProps, "label" | "ref" | "onChange" | "slots"> & Pick<{
+    prefix?: string | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    translate?: "yes" | "no" | undefined;
+    is?: string | undefined;
     disabled?: boolean | undefined;
     form?: string | undefined;
     slot?: string | undefined;
@@ -24,17 +31,14 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
-    nonce?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -51,11 +55,10 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
@@ -66,12 +69,12 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -172,8 +175,6 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
@@ -283,7 +284,6 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
     minLength?: number | undefined;
@@ -293,7 +293,6 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     required?: boolean | undefined;
     src?: string | undefined;
     type?: React.HTMLInputTypeAttribute | undefined;
-    width?: string | number | undefined;
 } & {
     inputRef: React.RefObject<HTMLInputElement>;
     renderSegment: (segmentProps: import("rci").SegmentProps) => React.ReactNode;
@@ -309,5 +308,7 @@ export declare const BarePinInput: React.ForwardRefExoticComponent<Omit<InputPro
     inputWidth?: string | undefined;
     inputClassName?: string | undefined;
     inputStyle?: React.CSSProperties | undefined;
-}, "onChange" | "length" | "value"> & React.RefAttributes<HTMLInputElement>>;
+}, "length" | "onChange" | "value"> & {
+    inputSlot: InputSlots['input'];
+} & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=BarePinInput.d.ts.map

package/dist/types/src/components/Input/BarePinInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarePinInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/BarePinInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAsB,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,EAA2B,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQtD,oBAAY,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GACtF,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAG/G,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAHgE,UAAU,CAAC,OAAO,CAAC;0CA+C3G,CAAC"}

package/dist/types/src/components/Input/BareTextInput.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { InputProps, InputSlots } from './InputProps';
+export declare type BareTextInputProps = Omit<InputProps, 'label' | 'initialValue' | 'onChange' | 'slots'> & Pick<ComponentProps<'input'>, 'onChange' | 'value'> & {
+    inputSlot: InputSlots['input'];
+};
+export declare const BareTextInput: ({ validationValence, validationMessage, size, disabled, placeholder, onChange, value, inputSlot }: BareTextInputProps) => JSX.Element;
+//# sourceMappingURL=BareTextInput.d.ts.map

package/dist/types/src/components/Input/BareTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BareTextInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/BareTextInput.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAE,UAAU,EAAa,UAAU,EAAE,MAAM,cAAc,CAAC;AASjE,oBAAY,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,GAChG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAE3F,eAAO,MAAM,aAAa,sGASvB,kBAAkB,gBAkBpB,CAAC"}

package/dist/types/src/components/Input/BareTextareaInput.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { TextareaProps, TextareaSlots } from './InputProps';
+export declare type BareTextareaInputProps = Omit<TextareaProps, 'label' | 'initialValue' | 'onChange' | 'slots'> & Pick<ComponentProps<'textarea'>, 'onChange' | 'value'> & {
+    inputSlot: TextareaSlots['input'];
+};
+export declare const BareTextareaInput: ({ validationValence, validationMessage, onChange, value, disabled, placeholder, inputSlot }: BareTextareaInputProps) => JSX.Element;
+//# sourceMappingURL=BareTextareaInput.d.ts.map

package/dist/types/src/components/Input/BareTextareaInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BareTextareaInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/BareTextareaInput.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE5D,oBAAY,sBAAsB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC,GACvG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAAE,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,iBAAiB,gGAQ3B,sBAAsB,gBAiBxB,CAAC"}

package/dist/types/src/components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import { InputProps as NaturalInputProps } from './InputProps';
+export declare type InputProps = NaturalInputProps;
+export declare const Input: ({ label, labelVisuallyHidden, description, descriptionVisuallyHidden, initialValue, onChange, disabled, placeholder, size, length, validationMessage, validationValence, slots }: InputProps) => JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/src/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE/D,oBAAY,UAAU,GAAG,iBAAiB,CAAC;AAE3C,eAAO,MAAM,KAAK,qLAcf,UAAU,gBAoFZ,CAAC"}

package/dist/{src → types/src}/components/Input/Input.stories.d.ts

@@ -1,7 +1,7 @@
 import '@dxosTheme';
 declare const _default: {
     title: string;
-    component: ({ label, labelVisuallyHidden, placeholder, description, descriptionVisuallyHidden, required, initialValue, onChange, disabled, className, size, length, spacing, borders, typography, rounding, validationMessage, validationValence, ...inputProps }: import("./InputProps").InputProps) => JSX.Element;
+    component: ({ label, labelVisuallyHidden, description, descriptionVisuallyHidden, initialValue, onChange, disabled, placeholder, size, length, validationMessage, validationValence, slots }: import("./InputProps").InputProps) => JSX.Element;
     argTypes: {
         description: {
             control: string;

package/dist/types/src/components/Input/Input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAMpB,wBAcE;AAMF,eAAO,MAAM,OAAO,qEAAgD,CAAC;AAarE,eAAO,MAAM,QAAQ,mBAQpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBAQhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAUxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,mBAU7C,CAAC;AAEF,eAAO,MAAM,QAAQ,mBAUpB,CAAC"}

package/dist/types/src/components/Input/InputProps.d.ts

@@ -0,0 +1,37 @@
+import { ComponentProps, ReactNode } from 'react';
+import { MessageValence } from '../../props';
+export declare type InputSize = 'md' | 'lg' | 'pin' | 'textarea';
+interface SharedTextInputProps {
+    label: ReactNode;
+    placeholder?: string;
+    labelVisuallyHidden?: boolean;
+    description?: ReactNode;
+    descriptionVisuallyHidden?: boolean;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    size?: InputSize;
+    validationMessage?: ReactNode;
+    validationValence?: MessageValence;
+    length?: number;
+}
+interface SharedSlots {
+    root?: Omit<ComponentProps<'div'>, 'children'>;
+    label?: Omit<ComponentProps<'label'>, 'children'>;
+    description?: Pick<ComponentProps<'span'>, 'className'>;
+    validation?: Pick<ComponentProps<'span'>, 'className'>;
+}
+export interface InputSlots extends SharedSlots {
+    input?: Omit<ComponentProps<'input'>, 'value' | 'onChange' | 'size' | 'ref' | 'disabled' | 'placeholder'>;
+}
+export interface TextareaSlots extends SharedSlots {
+    input?: Omit<ComponentProps<'textarea'>, 'value' | 'onChange' | 'size' | 'ref' | 'disabled' | 'placeholder'>;
+}
+export interface InputProps extends SharedTextInputProps {
+    slots?: InputSlots;
+}
+export interface TextareaProps extends SharedTextInputProps {
+    slots?: TextareaSlots;
+}
+export {};
+//# sourceMappingURL=InputProps.d.ts.map