@envive-ai/react-toolkit-v3 0.3.5

package/dist/Container/Container.d.cts

@@ -0,0 +1,303 @@
+import { ContainerProps } from "./types/index.cjs";
+import * as react4 from "react";
+
+//#region src/components/Container/Container.d.ts
+
+/**
+ * Renders a container component with responsive controls.
+ * Padding can be controlled via the className prop.
+ */
+declare const Container: ({
+  id,
+  testId,
+  children,
+  className,
+  style,
+  component,
+  fluid,
+  centerContent,
+  ...props
+}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react4.DetailedReactHTMLElement<{
+  onChange?: react4.FormEventHandler<HTMLElement>;
+  onSubmit?: react4.FormEventHandler<HTMLElement>;
+  onClick?: react4.MouseEventHandler<HTMLElement>;
+  slot?: string | undefined;
+  title?: string | undefined;
+  content?: string | undefined;
+  color?: string | undefined;
+  "aria-label"?: 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: (boolean | "true" | "false") | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  spellCheck?: (boolean | "true" | "false") | undefined;
+  tabIndex?: number | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  role?: react4.AriaRole | undefined;
+  about?: 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;
+  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-activedescendant"?: string | undefined;
+  "aria-atomic"?: (boolean | "true" | "false") | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+  "aria-braillelabel"?: string | undefined;
+  "aria-brailleroledescription"?: string | undefined;
+  "aria-busy"?: (boolean | "true" | "false") | 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"?: (boolean | "true" | "false") | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "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 | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+  "aria-hidden"?: (boolean | "true" | "false") | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+  "aria-keyshortcuts"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-level"?: number | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined;
+  "aria-modal"?: (boolean | "true" | "false") | undefined;
+  "aria-multiline"?: (boolean | "true" | "false") | undefined;
+  "aria-multiselectable"?: (boolean | "true" | "false") | 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"?: (boolean | "true" | "false") | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+  "aria-required"?: (boolean | "true" | "false") | undefined;
+  "aria-roledescription"?: string | undefined;
+  "aria-rowcount"?: number | undefined;
+  "aria-rowindex"?: number | undefined;
+  "aria-rowindextext"?: string | undefined;
+  "aria-rowspan"?: number | undefined;
+  "aria-selected"?: (boolean | "true" | "false") | 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;
+  dangerouslySetInnerHTML?: {
+    __html: string | TrustedHTML;
+  } | undefined;
+  onCopy?: react4.ClipboardEventHandler<HTMLElement>;
+  onCopyCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onCut?: react4.ClipboardEventHandler<HTMLElement>;
+  onCutCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onPaste?: react4.ClipboardEventHandler<HTMLElement>;
+  onPasteCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onCompositionEnd?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionEndCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionStart?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionStartCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdate?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdateCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onFocus?: react4.FocusEventHandler<HTMLElement>;
+  onFocusCapture?: react4.FocusEventHandler<HTMLElement>;
+  onBlur?: react4.FocusEventHandler<HTMLElement>;
+  onBlurCapture?: react4.FocusEventHandler<HTMLElement>;
+  onChangeCapture?: react4.FormEventHandler<HTMLElement>;
+  onBeforeInput?: react4.InputEventHandler<HTMLElement>;
+  onBeforeInputCapture?: react4.FormEventHandler<HTMLElement>;
+  onInput?: react4.FormEventHandler<HTMLElement>;
+  onInputCapture?: react4.FormEventHandler<HTMLElement>;
+  onReset?: react4.FormEventHandler<HTMLElement>;
+  onResetCapture?: react4.FormEventHandler<HTMLElement>;
+  onSubmitCapture?: react4.FormEventHandler<HTMLElement>;
+  onInvalid?: react4.FormEventHandler<HTMLElement>;
+  onInvalidCapture?: react4.FormEventHandler<HTMLElement>;
+  onLoad?: react4.ReactEventHandler<HTMLElement>;
+  onLoadCapture?: react4.ReactEventHandler<HTMLElement>;
+  onError?: react4.ReactEventHandler<HTMLElement>;
+  onErrorCapture?: react4.ReactEventHandler<HTMLElement>;
+  onKeyDown?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyDownCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyPress?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyPressCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyUp?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyUpCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onAbort?: react4.ReactEventHandler<HTMLElement>;
+  onAbortCapture?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlay?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayCapture?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayThrough?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayThroughCapture?: react4.ReactEventHandler<HTMLElement>;
+  onDurationChange?: react4.ReactEventHandler<HTMLElement>;
+  onDurationChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEmptied?: react4.ReactEventHandler<HTMLElement>;
+  onEmptiedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEncrypted?: react4.ReactEventHandler<HTMLElement>;
+  onEncryptedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEnded?: react4.ReactEventHandler<HTMLElement>;
+  onEndedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedData?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedDataCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedMetadata?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedMetadataCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadStart?: react4.ReactEventHandler<HTMLElement>;
+  onLoadStartCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPause?: react4.ReactEventHandler<HTMLElement>;
+  onPauseCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPlay?: react4.ReactEventHandler<HTMLElement>;
+  onPlayCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPlaying?: react4.ReactEventHandler<HTMLElement>;
+  onPlayingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onProgress?: react4.ReactEventHandler<HTMLElement>;
+  onProgressCapture?: react4.ReactEventHandler<HTMLElement>;
+  onRateChange?: react4.ReactEventHandler<HTMLElement>;
+  onRateChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSeeked?: react4.ReactEventHandler<HTMLElement>;
+  onSeekedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSeeking?: react4.ReactEventHandler<HTMLElement>;
+  onSeekingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onStalled?: react4.ReactEventHandler<HTMLElement>;
+  onStalledCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSuspend?: react4.ReactEventHandler<HTMLElement>;
+  onSuspendCapture?: react4.ReactEventHandler<HTMLElement>;
+  onTimeUpdate?: react4.ReactEventHandler<HTMLElement>;
+  onTimeUpdateCapture?: react4.ReactEventHandler<HTMLElement>;
+  onVolumeChange?: react4.ReactEventHandler<HTMLElement>;
+  onVolumeChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onWaiting?: react4.ReactEventHandler<HTMLElement>;
+  onWaitingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onAuxClick?: react4.MouseEventHandler<HTMLElement>;
+  onAuxClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onContextMenu?: react4.MouseEventHandler<HTMLElement>;
+  onContextMenuCapture?: react4.MouseEventHandler<HTMLElement>;
+  onDoubleClick?: react4.MouseEventHandler<HTMLElement>;
+  onDoubleClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onDrag?: react4.DragEventHandler<HTMLElement>;
+  onDragCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragEnd?: react4.DragEventHandler<HTMLElement>;
+  onDragEndCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragEnter?: react4.DragEventHandler<HTMLElement>;
+  onDragEnterCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragExit?: react4.DragEventHandler<HTMLElement>;
+  onDragExitCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragLeave?: react4.DragEventHandler<HTMLElement>;
+  onDragLeaveCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragOver?: react4.DragEventHandler<HTMLElement>;
+  onDragOverCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragStart?: react4.DragEventHandler<HTMLElement>;
+  onDragStartCapture?: react4.DragEventHandler<HTMLElement>;
+  onDrop?: react4.DragEventHandler<HTMLElement>;
+  onDropCapture?: react4.DragEventHandler<HTMLElement>;
+  onMouseDown?: react4.MouseEventHandler<HTMLElement>;
+  onMouseDownCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: react4.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: react4.MouseEventHandler<HTMLElement>;
+  onMouseMove?: react4.MouseEventHandler<HTMLElement>;
+  onMouseMoveCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOut?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOutCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOver?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOverCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react4.MouseEventHandler<HTMLElement>;
+  onMouseUpCapture?: react4.MouseEventHandler<HTMLElement>;
+  onSelect?: react4.ReactEventHandler<HTMLElement>;
+  onSelectCapture?: react4.ReactEventHandler<HTMLElement>;
+  onTouchCancel?: react4.TouchEventHandler<HTMLElement>;
+  onTouchCancelCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react4.TouchEventHandler<HTMLElement>;
+  onTouchEndCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchMove?: react4.TouchEventHandler<HTMLElement>;
+  onTouchMoveCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react4.TouchEventHandler<HTMLElement>;
+  onTouchStartCapture?: react4.TouchEventHandler<HTMLElement>;
+  onPointerDown?: react4.PointerEventHandler<HTMLElement>;
+  onPointerDownCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerMove?: react4.PointerEventHandler<HTMLElement>;
+  onPointerMoveCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerUp?: react4.PointerEventHandler<HTMLElement>;
+  onPointerUpCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerCancel?: react4.PointerEventHandler<HTMLElement>;
+  onPointerCancelCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerEnter?: react4.PointerEventHandler<HTMLElement>;
+  onPointerLeave?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOver?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOverCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOut?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOutCapture?: react4.PointerEventHandler<HTMLElement>;
+  onGotPointerCapture?: react4.PointerEventHandler<HTMLElement>;
+  onGotPointerCaptureCapture?: react4.PointerEventHandler<HTMLElement>;
+  onLostPointerCapture?: react4.PointerEventHandler<HTMLElement>;
+  onLostPointerCaptureCapture?: react4.PointerEventHandler<HTMLElement>;
+  onScroll?: react4.UIEventHandler<HTMLElement>;
+  onScrollCapture?: react4.UIEventHandler<HTMLElement>;
+  onScrollEnd?: react4.UIEventHandler<HTMLElement>;
+  onScrollEndCapture?: react4.UIEventHandler<HTMLElement>;
+  onWheel?: react4.WheelEventHandler<HTMLElement>;
+  onWheelCapture?: react4.WheelEventHandler<HTMLElement>;
+  onAnimationStart?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationStartCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationEnd?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationEndCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationIteration?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationIterationCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onToggle?: react4.ToggleEventHandler<HTMLElement>;
+  onBeforeToggle?: react4.ToggleEventHandler<HTMLElement>;
+  onTransitionCancel?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionCancelCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionEnd?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionEndCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionRun?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionRunCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionStart?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionStartCapture?: react4.TransitionEventHandler<HTMLElement>;
+  className: string;
+  style: react4.CSSProperties;
+  id: string;
+  'data-testid': string;
+}, HTMLElement>;
+//#endregion
+export { Container };

package/dist/Container/Container.d.ts

@@ -0,0 +1,303 @@
+import { ContainerProps } from "./types/index.js";
+import * as react4 from "react";
+
+//#region src/components/Container/Container.d.ts
+
+/**
+ * Renders a container component with responsive controls.
+ * Padding can be controlled via the className prop.
+ */
+declare const Container: ({
+  id,
+  testId,
+  children,
+  className,
+  style,
+  component,
+  fluid,
+  centerContent,
+  ...props
+}: ContainerProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "style" | "component">) => react4.DetailedReactHTMLElement<{
+  onChange?: react4.FormEventHandler<HTMLElement>;
+  onSubmit?: react4.FormEventHandler<HTMLElement>;
+  onClick?: react4.MouseEventHandler<HTMLElement>;
+  slot?: string | undefined;
+  title?: string | undefined;
+  content?: string | undefined;
+  color?: string | undefined;
+  "aria-label"?: 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?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined;
+  dir?: string | undefined;
+  draggable?: (boolean | "true" | "false") | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+  hidden?: boolean | undefined;
+  lang?: string | undefined;
+  nonce?: string | undefined;
+  spellCheck?: (boolean | "true" | "false") | undefined;
+  tabIndex?: number | undefined;
+  translate?: "yes" | "no" | undefined;
+  radioGroup?: string | undefined;
+  role?: react4.AriaRole | undefined;
+  about?: 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;
+  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-activedescendant"?: string | undefined;
+  "aria-atomic"?: (boolean | "true" | "false") | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+  "aria-braillelabel"?: string | undefined;
+  "aria-brailleroledescription"?: string | undefined;
+  "aria-busy"?: (boolean | "true" | "false") | 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"?: (boolean | "true" | "false") | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "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 | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+  "aria-hidden"?: (boolean | "true" | "false") | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+  "aria-keyshortcuts"?: string | undefined;
+  "aria-labelledby"?: string | undefined;
+  "aria-level"?: number | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined;
+  "aria-modal"?: (boolean | "true" | "false") | undefined;
+  "aria-multiline"?: (boolean | "true" | "false") | undefined;
+  "aria-multiselectable"?: (boolean | "true" | "false") | 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"?: (boolean | "true" | "false") | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+  "aria-required"?: (boolean | "true" | "false") | undefined;
+  "aria-roledescription"?: string | undefined;
+  "aria-rowcount"?: number | undefined;
+  "aria-rowindex"?: number | undefined;
+  "aria-rowindextext"?: string | undefined;
+  "aria-rowspan"?: number | undefined;
+  "aria-selected"?: (boolean | "true" | "false") | 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;
+  dangerouslySetInnerHTML?: {
+    __html: string | TrustedHTML;
+  } | undefined;
+  onCopy?: react4.ClipboardEventHandler<HTMLElement>;
+  onCopyCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onCut?: react4.ClipboardEventHandler<HTMLElement>;
+  onCutCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onPaste?: react4.ClipboardEventHandler<HTMLElement>;
+  onPasteCapture?: react4.ClipboardEventHandler<HTMLElement>;
+  onCompositionEnd?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionEndCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionStart?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionStartCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdate?: react4.CompositionEventHandler<HTMLElement>;
+  onCompositionUpdateCapture?: react4.CompositionEventHandler<HTMLElement>;
+  onFocus?: react4.FocusEventHandler<HTMLElement>;
+  onFocusCapture?: react4.FocusEventHandler<HTMLElement>;
+  onBlur?: react4.FocusEventHandler<HTMLElement>;
+  onBlurCapture?: react4.FocusEventHandler<HTMLElement>;
+  onChangeCapture?: react4.FormEventHandler<HTMLElement>;
+  onBeforeInput?: react4.InputEventHandler<HTMLElement>;
+  onBeforeInputCapture?: react4.FormEventHandler<HTMLElement>;
+  onInput?: react4.FormEventHandler<HTMLElement>;
+  onInputCapture?: react4.FormEventHandler<HTMLElement>;
+  onReset?: react4.FormEventHandler<HTMLElement>;
+  onResetCapture?: react4.FormEventHandler<HTMLElement>;
+  onSubmitCapture?: react4.FormEventHandler<HTMLElement>;
+  onInvalid?: react4.FormEventHandler<HTMLElement>;
+  onInvalidCapture?: react4.FormEventHandler<HTMLElement>;
+  onLoad?: react4.ReactEventHandler<HTMLElement>;
+  onLoadCapture?: react4.ReactEventHandler<HTMLElement>;
+  onError?: react4.ReactEventHandler<HTMLElement>;
+  onErrorCapture?: react4.ReactEventHandler<HTMLElement>;
+  onKeyDown?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyDownCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyPress?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyPressCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyUp?: react4.KeyboardEventHandler<HTMLElement>;
+  onKeyUpCapture?: react4.KeyboardEventHandler<HTMLElement>;
+  onAbort?: react4.ReactEventHandler<HTMLElement>;
+  onAbortCapture?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlay?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayCapture?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayThrough?: react4.ReactEventHandler<HTMLElement>;
+  onCanPlayThroughCapture?: react4.ReactEventHandler<HTMLElement>;
+  onDurationChange?: react4.ReactEventHandler<HTMLElement>;
+  onDurationChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEmptied?: react4.ReactEventHandler<HTMLElement>;
+  onEmptiedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEncrypted?: react4.ReactEventHandler<HTMLElement>;
+  onEncryptedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onEnded?: react4.ReactEventHandler<HTMLElement>;
+  onEndedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedData?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedDataCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedMetadata?: react4.ReactEventHandler<HTMLElement>;
+  onLoadedMetadataCapture?: react4.ReactEventHandler<HTMLElement>;
+  onLoadStart?: react4.ReactEventHandler<HTMLElement>;
+  onLoadStartCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPause?: react4.ReactEventHandler<HTMLElement>;
+  onPauseCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPlay?: react4.ReactEventHandler<HTMLElement>;
+  onPlayCapture?: react4.ReactEventHandler<HTMLElement>;
+  onPlaying?: react4.ReactEventHandler<HTMLElement>;
+  onPlayingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onProgress?: react4.ReactEventHandler<HTMLElement>;
+  onProgressCapture?: react4.ReactEventHandler<HTMLElement>;
+  onRateChange?: react4.ReactEventHandler<HTMLElement>;
+  onRateChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSeeked?: react4.ReactEventHandler<HTMLElement>;
+  onSeekedCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSeeking?: react4.ReactEventHandler<HTMLElement>;
+  onSeekingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onStalled?: react4.ReactEventHandler<HTMLElement>;
+  onStalledCapture?: react4.ReactEventHandler<HTMLElement>;
+  onSuspend?: react4.ReactEventHandler<HTMLElement>;
+  onSuspendCapture?: react4.ReactEventHandler<HTMLElement>;
+  onTimeUpdate?: react4.ReactEventHandler<HTMLElement>;
+  onTimeUpdateCapture?: react4.ReactEventHandler<HTMLElement>;
+  onVolumeChange?: react4.ReactEventHandler<HTMLElement>;
+  onVolumeChangeCapture?: react4.ReactEventHandler<HTMLElement>;
+  onWaiting?: react4.ReactEventHandler<HTMLElement>;
+  onWaitingCapture?: react4.ReactEventHandler<HTMLElement>;
+  onAuxClick?: react4.MouseEventHandler<HTMLElement>;
+  onAuxClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onContextMenu?: react4.MouseEventHandler<HTMLElement>;
+  onContextMenuCapture?: react4.MouseEventHandler<HTMLElement>;
+  onDoubleClick?: react4.MouseEventHandler<HTMLElement>;
+  onDoubleClickCapture?: react4.MouseEventHandler<HTMLElement>;
+  onDrag?: react4.DragEventHandler<HTMLElement>;
+  onDragCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragEnd?: react4.DragEventHandler<HTMLElement>;
+  onDragEndCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragEnter?: react4.DragEventHandler<HTMLElement>;
+  onDragEnterCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragExit?: react4.DragEventHandler<HTMLElement>;
+  onDragExitCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragLeave?: react4.DragEventHandler<HTMLElement>;
+  onDragLeaveCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragOver?: react4.DragEventHandler<HTMLElement>;
+  onDragOverCapture?: react4.DragEventHandler<HTMLElement>;
+  onDragStart?: react4.DragEventHandler<HTMLElement>;
+  onDragStartCapture?: react4.DragEventHandler<HTMLElement>;
+  onDrop?: react4.DragEventHandler<HTMLElement>;
+  onDropCapture?: react4.DragEventHandler<HTMLElement>;
+  onMouseDown?: react4.MouseEventHandler<HTMLElement>;
+  onMouseDownCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: react4.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: react4.MouseEventHandler<HTMLElement>;
+  onMouseMove?: react4.MouseEventHandler<HTMLElement>;
+  onMouseMoveCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOut?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOutCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOver?: react4.MouseEventHandler<HTMLElement>;
+  onMouseOverCapture?: react4.MouseEventHandler<HTMLElement>;
+  onMouseUp?: react4.MouseEventHandler<HTMLElement>;
+  onMouseUpCapture?: react4.MouseEventHandler<HTMLElement>;
+  onSelect?: react4.ReactEventHandler<HTMLElement>;
+  onSelectCapture?: react4.ReactEventHandler<HTMLElement>;
+  onTouchCancel?: react4.TouchEventHandler<HTMLElement>;
+  onTouchCancelCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchEnd?: react4.TouchEventHandler<HTMLElement>;
+  onTouchEndCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchMove?: react4.TouchEventHandler<HTMLElement>;
+  onTouchMoveCapture?: react4.TouchEventHandler<HTMLElement>;
+  onTouchStart?: react4.TouchEventHandler<HTMLElement>;
+  onTouchStartCapture?: react4.TouchEventHandler<HTMLElement>;
+  onPointerDown?: react4.PointerEventHandler<HTMLElement>;
+  onPointerDownCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerMove?: react4.PointerEventHandler<HTMLElement>;
+  onPointerMoveCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerUp?: react4.PointerEventHandler<HTMLElement>;
+  onPointerUpCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerCancel?: react4.PointerEventHandler<HTMLElement>;
+  onPointerCancelCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerEnter?: react4.PointerEventHandler<HTMLElement>;
+  onPointerLeave?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOver?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOverCapture?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOut?: react4.PointerEventHandler<HTMLElement>;
+  onPointerOutCapture?: react4.PointerEventHandler<HTMLElement>;
+  onGotPointerCapture?: react4.PointerEventHandler<HTMLElement>;
+  onGotPointerCaptureCapture?: react4.PointerEventHandler<HTMLElement>;
+  onLostPointerCapture?: react4.PointerEventHandler<HTMLElement>;
+  onLostPointerCaptureCapture?: react4.PointerEventHandler<HTMLElement>;
+  onScroll?: react4.UIEventHandler<HTMLElement>;
+  onScrollCapture?: react4.UIEventHandler<HTMLElement>;
+  onScrollEnd?: react4.UIEventHandler<HTMLElement>;
+  onScrollEndCapture?: react4.UIEventHandler<HTMLElement>;
+  onWheel?: react4.WheelEventHandler<HTMLElement>;
+  onWheelCapture?: react4.WheelEventHandler<HTMLElement>;
+  onAnimationStart?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationStartCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationEnd?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationEndCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationIteration?: react4.AnimationEventHandler<HTMLElement>;
+  onAnimationIterationCapture?: react4.AnimationEventHandler<HTMLElement>;
+  onToggle?: react4.ToggleEventHandler<HTMLElement>;
+  onBeforeToggle?: react4.ToggleEventHandler<HTMLElement>;
+  onTransitionCancel?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionCancelCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionEnd?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionEndCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionRun?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionRunCapture?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionStart?: react4.TransitionEventHandler<HTMLElement>;
+  onTransitionStartCapture?: react4.TransitionEventHandler<HTMLElement>;
+  className: string;
+  style: react4.CSSProperties;
+  id: string;
+  'data-testid': string;
+}, HTMLElement>;
+//#endregion
+export { Container };

package/dist/Container/Container.js

@@ -0,0 +1,24 @@
+import { useGetFluidProperties } from "./hooks/useGetFluidProperties.js";
+import { useGetCenterContentProperties } from "./hooks/useGetCenterContentProperties.js";
+import { createElement } from "react";
+import classNames from "classnames";
+
+//#region src/components/Container/Container.tsx
+/**
+* Renders a container component with responsive controls.
+* Padding can be controlled via the className prop.
+*/
+const Container = ({ id, testId, children, className, style, component = "div", fluid = false, centerContent, ...props }) => {
+	const { fluidClass } = useGetFluidProperties(fluid);
+	const { centerContentClass } = useGetCenterContentProperties(centerContent);
+	return createElement(component, {
+		className: classNames(fluidClass, centerContentClass, className),
+		style,
+		id,
+		"data-testid": testId,
+		...props
+	}, children);
+};
+
+//#endregion
+export { Container };

package/dist/Container/hooks/useGetCenterContentProperties.cjs

@@ -0,0 +1,13 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+
+//#region src/components/Container/hooks/useGetCenterContentProperties.ts
+const useGetCenterContentProperties = (centerContent) => {
+	return { centerContentClass: (0, react.useMemo)(() => {
+		if (centerContent) return "envive-tw-mx-auto envive-tw-text-center";
+		return "";
+	}, [centerContent]) };
+};
+
+//#endregion
+exports.useGetCenterContentProperties = useGetCenterContentProperties;

package/dist/Container/hooks/useGetCenterContentProperties.js

@@ -0,0 +1,12 @@
+import { useMemo } from "react";
+
+//#region src/components/Container/hooks/useGetCenterContentProperties.ts
+const useGetCenterContentProperties = (centerContent) => {
+	return { centerContentClass: useMemo(() => {
+		if (centerContent) return "envive-tw-mx-auto envive-tw-text-center";
+		return "";
+	}, [centerContent]) };
+};
+
+//#endregion
+export { useGetCenterContentProperties };