@x15ventures/x15-ui-library 3.17.0 → 3.18.0

package/dist/cjs/components/design/tooltip/Tooltip.js

@@ -9,7 +9,7 @@ exports.getTooltipContentId = exports.default = exports.Tooltip = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _ClickOutside = require("../../../hooks/ClickOutside");
-var _Icon = require("../icons/basicIcon/Icon");
+var _iconHelpers = require("../../../helpers/iconHelpers");
 var _EdgeProximityDetect = require("../../../hooks/EdgeProximityDetect");
 var _InteractiveHostFocus = require("../../../hooks/InteractiveHostFocus");
 require("./tooltip.css");
@@ -44,7 +44,6 @@ const Tooltip = props => {
   const triggerElement = (0, _react.useRef)(null);
   const contentElement = (0, _react.useRef)(null);
   const hoverTimer = (0, _react.useRef)(null);
-  const iconIsElement = /*#__PURE__*/_react.default.isValidElement(icon);
 
   // Hover is handled in css by default. It is only taken over by js when a delay is requested.
   const hasHoverDelay = typeof hoverDelay === 'number' && hoverDelay > 0;
@@ -128,9 +127,7 @@ const Tooltip = props => {
     setIsOpen,
     enabled: passiveTrigger
   });
-  const triggerIcon = iconIsElement ? icon : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: icon.toString()
-  });
+  const triggerIcon = (0, _iconHelpers.renderIcon)(icon);
   if (passiveTrigger) {
     return /*#__PURE__*/_react.default.createElement("span", {
       ref: tooltipElement,
@@ -161,9 +158,7 @@ const Tooltip = props => {
       'aria-describedby': `${triggerId}_content`
     } : {}, triggerStyle === 'icon' ? {
       'aria-label': typeof label === 'string' ? label : undefined
-    } : {}), triggerStyle === 'icon' && (iconIsElement ? icon : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: icon.toString()
-    })), triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
+    } : {}), triggerStyle === 'icon' && triggerIcon, triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
       className: "labelText"
     }, label)), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       ref: contentElement,
@@ -184,9 +179,7 @@ const Tooltip = props => {
     id: triggerId
   } : {}, triggerStyle === 'icon' ? {
     'aria-label': typeof label === 'string' ? label : undefined
-  } : {}), triggerStyle === 'icon' && (iconIsElement ? icon : /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: icon.toString()
-  })), triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
+  } : {}), triggerStyle === 'icon' && triggerIcon, triggerStyle === 'text' && /*#__PURE__*/_react.default.createElement("span", {
     className: "labelText"
   }, label)), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
     "aria-hidden": true,

package/dist/cjs/components/design/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","getTooltipContentId","default","Tooltip","_extends2","_react","_interopRequireWildcard","_ClickOutside","_Icon","_EdgeProximityDetect","_InteractiveHostFocus","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","triggerId","props","triggerStyle","icon","customCssClass","containsBlockElements","children","label","showPointer","hoverDelay","passiveTrigger","visualIndicators","underline","colouredText","undefined","isOpen","setIsOpen","useState","isHovered","setIsHovered","tooltipElement","useRef","triggerElement","contentElement","hoverTimer","iconIsElement","React","isValidElement","hasHoverDelay","isVisible","clearHoverTimer","useCallback","current","clearTimeout","handleMouseEnter","setTimeout","handleMouseLeave","dismiss","handleTriggerClick","useEffect","hoverHandlers","onMouseEnter","onMouseLeave","useOnClickOutside","useOnEdgeProximityDetect","triggerRef","wrapperRef","contentRef","requiresRecalc","handleSpecialKeyPresses","event","key","keyCode","wrapper","addEventListener","removeEventListener","isDismissed","useOnInteractiveHostFocus","enabled","triggerIcon","createElement","Icon","toString","ref","className","role","id","type","onClick","_default"],"sources":["../../../../../src/components/design/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useRef, useEffect, useCallback, ReactNode, ReactElement } from 'react';\nimport { useOnClickOutside } from '../../../hooks/ClickOutside';\nimport { Icon } from '../icons/basicIcon/Icon';\nimport { useOnEdgeProximityDetect } from '../../../hooks/EdgeProximityDetect';\nimport { useOnInteractiveHostFocus } from '../../../hooks/InteractiveHostFocus';\nimport './tooltip.scss';\n\n// Define the props for Tooltip\nexport type TooltipProps =\n   {\n      triggerId?: string;\n      icon?: ReactElement | string;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle?: 'icon';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n      hoverDelay?: number;\n      passiveTrigger?: false;\n    }\n  | {\n      /**\n       * Renders a non-focusable trigger for use inside another interactive element (e.g. a button).\n       */\n      passiveTrigger: true;\n      triggerId: string;\n      icon?: ReactElement | string;\n      customCssClass?: string;\n      children: ReactNode;\n      showPointer?: boolean;\n    }\n  | {\n      triggerId?: string;\n      icon?: ReactElement | string;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle: 'text';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n      hoverDelay?: number;\n      visualIndicators?: { underline?: boolean; colouredText?: boolean };\n      passiveTrigger?: false;\n    };\n\nexport const getTooltipContentId = (triggerId: string) => `${ triggerId }_content`;\n\nexport const Tooltip: React.FC<TooltipProps> = (props) => {\n  const {\n    triggerId,\n    triggerStyle = 'icon',\n    icon = 'info',\n    customCssClass,\n    containsBlockElements = false,\n    children,\n    label = 'Toggle tooltip open state',\n    showPointer = true,\n    hoverDelay,\n    passiveTrigger = false,\n    // visualIndicators will be handled below\n  } = props as any;\n\n  // Only use visualIndicators if triggerStyle is 'text'\n  const visualIndicators =\n    triggerStyle === 'text'\n      ? (props as { visualIndicators?: { underline?: boolean; colouredText?: boolean } }).visualIndicators ?? { underline: true, colouredText: true }\n      : undefined;\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const tooltipElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const triggerElement = useRef<HTMLButtonElement | HTMLSpanElement>(null);\n  const contentElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const hoverTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const iconIsElement = React.isValidElement(icon);\n\n  // Hover is handled in css by default. It is only taken over by js when a delay is requested.\n  const hasHoverDelay = typeof hoverDelay === 'number' && hoverDelay > 0;\n  const isVisible = isOpen || isHovered;\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimer.current) {\n      clearTimeout(hoverTimer.current);\n      hoverTimer.current = null;\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    clearHoverTimer();\n    hoverTimer.current = setTimeout(() => setIsHovered(true), hoverDelay);\n  }, [clearHoverTimer, hoverDelay]);\n\n  const handleMouseLeave = useCallback(() => {\n    clearHoverTimer();\n    setIsHovered(false);\n  }, [clearHoverTimer]);\n\n  // Single dismissal path, so every close route clears both the click and hover state\n  const dismiss = useCallback(() => {\n    clearHoverTimer();\n    setIsHovered(false);\n    setIsOpen(false);\n  }, [clearHoverTimer]);\n\n  const handleTriggerClick = useCallback(() => {\n    if (isVisible) {\n      dismiss();\n      return;\n    }\n    clearHoverTimer();\n    setIsOpen(true);\n  }, [isVisible, dismiss, clearHoverTimer]);\n\n  // Releasing the delay detaches the mouse handlers, so reset any hover state they left behind\n  useEffect(() => {\n    if (!hasHoverDelay) {\n      clearHoverTimer();\n      setIsHovered(false);\n    }\n  }, [hasHoverDelay, clearHoverTimer]);\n\n  useEffect(() => clearHoverTimer, [clearHoverTimer]);\n\n  const hoverHandlers = hasHoverDelay\n    ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }\n    : {};\n\n  // Passive mode closes on host blur; focusin on the host would otherwise count as \"outside\".\n  useOnClickOutside(tooltipElement, () => {\n    if (!passiveTrigger) {\n      dismiss();\n    }\n  });\n\n  useOnEdgeProximityDetect({\n    triggerRef: triggerElement,\n    wrapperRef: tooltipElement,\n    contentRef: contentElement,\n    requiresRecalc: isVisible,\n  });\n\n  // Handle special key presses\n  const handleSpecialKeyPresses = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' || event.keyCode === 27) {\n        dismiss();\n      }\n    },\n    [dismiss],\n  );\n\n  useEffect(() => {\n    const wrapper = tooltipElement.current;\n    if (!wrapper || passiveTrigger) {\n      return undefined;\n    }\n    wrapper.addEventListener('keydown', handleSpecialKeyPresses as EventListener);\n    return () => wrapper.removeEventListener('keydown', handleSpecialKeyPresses as EventListener);\n  }, [handleSpecialKeyPresses, passiveTrigger]);\n\n  // Passive triggers can't take focus, so open/close follows focus of the interactive host instead.\n  const { isDismissed } = useOnInteractiveHostFocus({\n    wrapperRef: tooltipElement,\n    setIsOpen,\n    enabled: passiveTrigger,\n  });\n\n  const triggerIcon = iconIsElement ? icon : <Icon icon={ icon.toString() } />;\n\n  if (passiveTrigger) {\n    return (\n      <span\n        ref={ tooltipElement as React.RefObject<HTMLSpanElement> }\n        className={ `tooltip passive ${ isOpen ? 'isOpen' : '' } ${ isDismissed ? 'isDismissed' : '' } ${ customCssClass || '' }` }\n      >\n        <span\n          ref={ triggerElement as React.RefObject<HTMLSpanElement> }\n          className=\"icon_only\"\n          aria-hidden=\"true\"\n        >\n          { triggerIcon }\n        </span>\n        <span\n          role=\"tooltip\"\n          ref={ contentElement as React.RefObject<HTMLSpanElement> }\n          className={ `content ${ showPointer ? 'showPointer' : '' }` }\n          id={ getTooltipContentId(triggerId) }\n        >\n          { children }\n        </span>\n      </span>\n    );\n  }\n\n  if (containsBlockElements) {\n    return (\n      <div\n        role=\"tooltip\"\n        ref={ tooltipElement as React.RefObject<HTMLDivElement> }\n        className={ `tooltip tooltip_block ${ isVisible ? 'isOpen' : '' } ${ hasHoverDelay ? 'hoverDelayed' : '' } ${ triggerStyle === 'text' ? 'textDisplay' : '' } ${ customCssClass || '' }` }\n        { ...hoverHandlers }\n      >\n        <button\n          ref={ triggerElement as React.RefObject<HTMLButtonElement> }\n          type=\"button\"\n          onClick={ handleTriggerClick }\n          className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n          { ...(triggerId ? { 'id': triggerId, 'aria-describedby': `${ triggerId }_content` } : {}) }\n          { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n        >\n          { triggerStyle === 'icon' && (iconIsElement ? icon : <Icon icon={ icon.toString() } />) }\n          { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n        </button>\n        <div\n          ref={ contentElement as React.RefObject<HTMLDivElement> }\n          className={ `content ${ showPointer ? 'showPointer' : '' }` }\n          { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n        >\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <span\n      ref={ tooltipElement as React.RefObject<HTMLSpanElement> }\n      className={ `tooltip ${ isVisible ? 'isOpen' : '' } ${ hasHoverDelay ? 'hoverDelayed' : '' } ${ triggerStyle === 'text' ? 'textDisplay' : '' } ${ customCssClass || '' }` }\n      { ...hoverHandlers }\n    >\n      <button\n        ref={ triggerElement as React.RefObject<HTMLButtonElement> }\n        type=\"button\"\n        onClick={ handleTriggerClick }\n        className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n        { ...(triggerId ? { id: triggerId } : {}) }\n        { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n      >\n        { triggerStyle === 'icon' && (iconIsElement ? icon : <Icon icon={ icon.toString() } />) }\n        { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n      </button>\n      <span\n        aria-hidden\n        role=\"presentation\"\n        ref={ contentElement as React.RefObject<HTMLSpanElement> }\n        className={ `content ${ showPointer ? 'showPointer' : '' }` }\n        { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n      >\n        { children }\n      </span>\n    </span>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tooltip.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","getTooltipContentId","default","Tooltip","_extends2","_react","_interopRequireWildcard","_ClickOutside","_iconHelpers","_EdgeProximityDetect","_InteractiveHostFocus","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","triggerId","props","triggerStyle","icon","customCssClass","containsBlockElements","children","label","showPointer","hoverDelay","passiveTrigger","visualIndicators","underline","colouredText","undefined","isOpen","setIsOpen","useState","isHovered","setIsHovered","tooltipElement","useRef","triggerElement","contentElement","hoverTimer","hasHoverDelay","isVisible","clearHoverTimer","useCallback","current","clearTimeout","handleMouseEnter","setTimeout","handleMouseLeave","dismiss","handleTriggerClick","useEffect","hoverHandlers","onMouseEnter","onMouseLeave","useOnClickOutside","useOnEdgeProximityDetect","triggerRef","wrapperRef","contentRef","requiresRecalc","handleSpecialKeyPresses","event","key","keyCode","wrapper","addEventListener","removeEventListener","isDismissed","useOnInteractiveHostFocus","enabled","triggerIcon","renderIcon","createElement","ref","className","role","id","type","onClick","_default"],"sources":["../../../../../src/components/design/tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useRef, useEffect, useCallback, ReactNode } from 'react';\nimport { useOnClickOutside } from '../../../hooks/ClickOutside';\nimport { IconSource, renderIcon } from '../../../helpers/iconHelpers';\nimport { useOnEdgeProximityDetect } from '../../../hooks/EdgeProximityDetect';\nimport { useOnInteractiveHostFocus } from '../../../hooks/InteractiveHostFocus';\nimport './tooltip.scss';\n\n// Define the props for Tooltip\nexport type TooltipProps =\n   {\n      triggerId?: string;\n      icon?: IconSource;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle?: 'icon';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n      hoverDelay?: number;\n      passiveTrigger?: false;\n    }\n  | {\n      /**\n       * Renders a non-focusable trigger for use inside another interactive element (e.g. a button).\n       */\n      passiveTrigger: true;\n      triggerId: string;\n      icon?: IconSource;\n      customCssClass?: string;\n      children: ReactNode;\n      showPointer?: boolean;\n    }\n  | {\n      triggerId?: string;\n      icon?: IconSource;\n      customCssClass?: string;\n      children: ReactNode;\n      containsBlockElements?: boolean;\n      triggerStyle: 'text';\n      label?: string | ReactNode;\n      showPointer?: boolean;\n      hoverDelay?: number;\n      visualIndicators?: { underline?: boolean; colouredText?: boolean };\n      passiveTrigger?: false;\n    };\n\nexport const getTooltipContentId = (triggerId: string) => `${ triggerId }_content`;\n\nexport const Tooltip: React.FC<TooltipProps> = (props) => {\n  const {\n    triggerId,\n    triggerStyle = 'icon',\n    icon = 'info',\n    customCssClass,\n    containsBlockElements = false,\n    children,\n    label = 'Toggle tooltip open state',\n    showPointer = true,\n    hoverDelay,\n    passiveTrigger = false,\n    // visualIndicators will be handled below\n  } = props as any;\n\n  // Only use visualIndicators if triggerStyle is 'text'\n  const visualIndicators =\n    triggerStyle === 'text'\n      ? (props as { visualIndicators?: { underline?: boolean; colouredText?: boolean } }).visualIndicators ?? { underline: true, colouredText: true }\n      : undefined;\n  const [isOpen, setIsOpen] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const tooltipElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const triggerElement = useRef<HTMLButtonElement | HTMLSpanElement>(null);\n  const contentElement = useRef<HTMLDivElement | HTMLSpanElement>(null);\n  const hoverTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Hover is handled in css by default. It is only taken over by js when a delay is requested.\n  const hasHoverDelay = typeof hoverDelay === 'number' && hoverDelay > 0;\n  const isVisible = isOpen || isHovered;\n\n  const clearHoverTimer = useCallback(() => {\n    if (hoverTimer.current) {\n      clearTimeout(hoverTimer.current);\n      hoverTimer.current = null;\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    clearHoverTimer();\n    hoverTimer.current = setTimeout(() => setIsHovered(true), hoverDelay);\n  }, [clearHoverTimer, hoverDelay]);\n\n  const handleMouseLeave = useCallback(() => {\n    clearHoverTimer();\n    setIsHovered(false);\n  }, [clearHoverTimer]);\n\n  // Single dismissal path, so every close route clears both the click and hover state\n  const dismiss = useCallback(() => {\n    clearHoverTimer();\n    setIsHovered(false);\n    setIsOpen(false);\n  }, [clearHoverTimer]);\n\n  const handleTriggerClick = useCallback(() => {\n    if (isVisible) {\n      dismiss();\n      return;\n    }\n    clearHoverTimer();\n    setIsOpen(true);\n  }, [isVisible, dismiss, clearHoverTimer]);\n\n  // Releasing the delay detaches the mouse handlers, so reset any hover state they left behind\n  useEffect(() => {\n    if (!hasHoverDelay) {\n      clearHoverTimer();\n      setIsHovered(false);\n    }\n  }, [hasHoverDelay, clearHoverTimer]);\n\n  useEffect(() => clearHoverTimer, [clearHoverTimer]);\n\n  const hoverHandlers = hasHoverDelay\n    ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }\n    : {};\n\n  // Passive mode closes on host blur; focusin on the host would otherwise count as \"outside\".\n  useOnClickOutside(tooltipElement, () => {\n    if (!passiveTrigger) {\n      dismiss();\n    }\n  });\n\n  useOnEdgeProximityDetect({\n    triggerRef: triggerElement,\n    wrapperRef: tooltipElement,\n    contentRef: contentElement,\n    requiresRecalc: isVisible,\n  });\n\n  // Handle special key presses\n  const handleSpecialKeyPresses = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' || event.keyCode === 27) {\n        dismiss();\n      }\n    },\n    [dismiss],\n  );\n\n  useEffect(() => {\n    const wrapper = tooltipElement.current;\n    if (!wrapper || passiveTrigger) {\n      return undefined;\n    }\n    wrapper.addEventListener('keydown', handleSpecialKeyPresses as EventListener);\n    return () => wrapper.removeEventListener('keydown', handleSpecialKeyPresses as EventListener);\n  }, [handleSpecialKeyPresses, passiveTrigger]);\n\n  // Passive triggers can't take focus, so open/close follows focus of the interactive host instead.\n  const { isDismissed } = useOnInteractiveHostFocus({\n    wrapperRef: tooltipElement,\n    setIsOpen,\n    enabled: passiveTrigger,\n  });\n\n  const triggerIcon = renderIcon(icon);\n\n  if (passiveTrigger) {\n    return (\n      <span\n        ref={ tooltipElement as React.RefObject<HTMLSpanElement> }\n        className={ `tooltip passive ${ isOpen ? 'isOpen' : '' } ${ isDismissed ? 'isDismissed' : '' } ${ customCssClass || '' }` }\n      >\n        <span\n          ref={ triggerElement as React.RefObject<HTMLSpanElement> }\n          className=\"icon_only\"\n          aria-hidden=\"true\"\n        >\n          { triggerIcon }\n        </span>\n        <span\n          role=\"tooltip\"\n          ref={ contentElement as React.RefObject<HTMLSpanElement> }\n          className={ `content ${ showPointer ? 'showPointer' : '' }` }\n          id={ getTooltipContentId(triggerId) }\n        >\n          { children }\n        </span>\n      </span>\n    );\n  }\n\n  if (containsBlockElements) {\n    return (\n      <div\n        role=\"tooltip\"\n        ref={ tooltipElement as React.RefObject<HTMLDivElement> }\n        className={ `tooltip tooltip_block ${ isVisible ? 'isOpen' : '' } ${ hasHoverDelay ? 'hoverDelayed' : '' } ${ triggerStyle === 'text' ? 'textDisplay' : '' } ${ customCssClass || '' }` }\n        { ...hoverHandlers }\n      >\n        <button\n          ref={ triggerElement as React.RefObject<HTMLButtonElement> }\n          type=\"button\"\n          onClick={ handleTriggerClick }\n          className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n          { ...(triggerId ? { 'id': triggerId, 'aria-describedby': `${ triggerId }_content` } : {}) }\n          { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n        >\n          { triggerStyle === 'icon' && triggerIcon }\n          { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n        </button>\n        <div\n          ref={ contentElement as React.RefObject<HTMLDivElement> }\n          className={ `content ${ showPointer ? 'showPointer' : '' }` }\n          { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n        >\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <span\n      ref={ tooltipElement as React.RefObject<HTMLSpanElement> }\n      className={ `tooltip ${ isVisible ? 'isOpen' : '' } ${ hasHoverDelay ? 'hoverDelayed' : '' } ${ triggerStyle === 'text' ? 'textDisplay' : '' } ${ customCssClass || '' }` }\n      { ...hoverHandlers }\n    >\n      <button\n        ref={ triggerElement as React.RefObject<HTMLButtonElement> }\n        type=\"button\"\n        onClick={ handleTriggerClick }\n        className={ `button ${ triggerStyle === 'text' ? 'text_only' : 'icon_only' } ${ triggerStyle === 'text' && !visualIndicators?.underline ? 'underline_off' : '' } ${ triggerStyle === 'text' && !visualIndicators?.colouredText ? 'colouredText_off' : '' }` }\n        { ...(triggerId ? { id: triggerId } : {}) }\n        { ...(triggerStyle === 'icon' ? { 'aria-label': typeof label === 'string' ? label : undefined } : {}) }\n      >\n        { triggerStyle === 'icon' && triggerIcon }\n        { triggerStyle === 'text' && <span className=\"labelText\">{ label }</span> }\n      </button>\n      <span\n        aria-hidden\n        role=\"presentation\"\n        ref={ contentElement as React.RefObject<HTMLSpanElement> }\n        className={ `content ${ showPointer ? 'showPointer' : '' }` }\n        { ...(triggerId ? { id: `${ triggerId }_content` } : {}) }\n      >\n        { children }\n      </span>\n    </span>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/buttons/SimpleButton.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SimpleButton = exports.Button = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _Icon = require("../../design/icons/basicIcon/Icon");
+var _iconHelpers = require("../../../helpers/iconHelpers");
 var _button = require("./button.helpers");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SimpleButton = exports.Button = exports.SimpleButton = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -52,9 +52,9 @@ const SimpleButton = exports.Button = exports.SimpleButton = /*#__PURE__*/(0, _r
     disabled: disabled
   }, disabled && {
     'aria-describedby': disabledMessageId
-  }), leftIcon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, leftIcon), /*#__PURE__*/_react.default.createElement("span", {
+  }), (0, _iconHelpers.renderIcon)(leftIcon), /*#__PURE__*/_react.default.createElement("span", {
     className: `${hideLabel ? 'sr-only' : 'labelText'}`
-  }, label), children, rightIcon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, rightIcon)), disabled && /*#__PURE__*/_react.default.createElement("span", {
+  }, label), children, (0, _iconHelpers.renderIcon)(rightIcon)), disabled && /*#__PURE__*/_react.default.createElement("span", {
     id: disabledMessageId,
     className: "sr-only"
   }, disabledMessage));

package/dist/cjs/components/form/buttons/SimpleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","SimpleButton","Button","_extends2","_react","_interopRequireWildcard","_Icon","_button","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","forwardRef","buttonType","leftIcon","rightIcon","hideLabel","label","title","id","cssClass","disabled","disabledMessage","onClickHandler","buttonStyle","children","ref","buttonCssClass","useMemo","generateButtonClass","disabledMessageId","buttonHoverTitle","createElement","Fragment","className","type","onClick","Icon","_default"],"sources":["../../../../../src/components/form/buttons/SimpleButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, forwardRef } from 'react';\nimport { ButtonProps } from './button.interface';\nimport { Icon } from '../../design/icons/basicIcon/Icon';\nimport { generateButtonClass } from './button.helpers';\n\nexport const SimpleButton = forwardRef<HTMLButtonElement, ButtonProps>((\n  {\n    buttonType = 'button',\n    leftIcon,\n    rightIcon,\n    hideLabel = false,\n    label = 'A button',\n    title,\n    id = 'buttonIdRequired',\n    cssClass = 'button primary',\n    disabled = false,\n    disabledMessage = 'This button has been disabled temporarily. There is likely an issue elsewhere on your form that needs to be resolved first.',\n    onClickHandler = () => { },\n    buttonStyle,\n    children\n  },\n  ref\n) => {\n  \n  const buttonCssClass = useMemo(() => {\n    return generateButtonClass({ cssClass, buttonStyle, hideLabel });\n  }, [cssClass, buttonStyle, hideLabel]);\n\n  const disabledMessageId = `${ id }-disabledMessage`;\n\n  const buttonHoverTitle = () => {\n    if (title) {\n      return title;\n    }\n    if (hideLabel && typeof label === 'string') {\n      return label;\n    }\n  };\n\n  return (\n    <>\n      <button\n        ref={ ref }\n        id={ id }\n        title={ buttonHoverTitle() }\n        className={ buttonCssClass }\n        type={ buttonType }\n        onClick={ onClickHandler }\n        disabled={ disabled }\n        { ...(disabled && { 'aria-describedby': disabledMessageId }) }\n      >\n        { leftIcon && <Icon { ...leftIcon } /> }\n\n        <span className={ `${ hideLabel ? 'sr-only' : 'labelText' }` }>{ label }</span>\n\n        { children }\n\n        { rightIcon && <Icon { ...rightIcon } /> }\n      </button>\n      {\n        disabled && (\n          <span id={ disabledMessageId } className=\"sr-only\">\n            {\n              disabledMessage\n            }\n          </span>\n        )\n      }\n    </>\n  );\n});\n\nexport default SimpleButton;\n\nexport { SimpleButton as Button };"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SimpleButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","SimpleButton","Button","_extends2","_react","_interopRequireWildcard","_iconHelpers","_button","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","forwardRef","buttonType","leftIcon","rightIcon","hideLabel","label","title","id","cssClass","disabled","disabledMessage","onClickHandler","buttonStyle","children","ref","buttonCssClass","useMemo","generateButtonClass","disabledMessageId","buttonHoverTitle","createElement","Fragment","className","type","onClick","renderIcon","_default"],"sources":["../../../../../src/components/form/buttons/SimpleButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, forwardRef } from 'react';\nimport { ButtonProps } from './button.interface';\nimport { renderIcon } from '../../../helpers/iconHelpers';\nimport { generateButtonClass } from './button.helpers';\n\nexport const SimpleButton = forwardRef<HTMLButtonElement, ButtonProps>((\n  {\n    buttonType = 'button',\n    leftIcon,\n    rightIcon,\n    hideLabel = false,\n    label = 'A button',\n    title,\n    id = 'buttonIdRequired',\n    cssClass = 'button primary',\n    disabled = false,\n    disabledMessage = 'This button has been disabled temporarily. There is likely an issue elsewhere on your form that needs to be resolved first.',\n    onClickHandler = () => { },\n    buttonStyle,\n    children\n  },\n  ref\n) => {\n  \n  const buttonCssClass = useMemo(() => {\n    return generateButtonClass({ cssClass, buttonStyle, hideLabel });\n  }, [cssClass, buttonStyle, hideLabel]);\n\n  const disabledMessageId = `${ id }-disabledMessage`;\n\n  const buttonHoverTitle = () => {\n    if (title) {\n      return title;\n    }\n    if (hideLabel && typeof label === 'string') {\n      return label;\n    }\n  };\n\n  return (\n    <>\n      <button\n        ref={ ref }\n        id={ id }\n        title={ buttonHoverTitle() }\n        className={ buttonCssClass }\n        type={ buttonType }\n        onClick={ onClickHandler }\n        disabled={ disabled }\n        { ...(disabled && { 'aria-describedby': disabledMessageId }) }\n      >\n        { renderIcon(leftIcon) }\n\n        <span className={ `${ hideLabel ? 'sr-only' : 'labelText' }` }>{ label }</span>\n\n        { children }\n\n        { renderIcon(rightIcon) }\n      </button>\n      {\n        disabled && (\n          <span id={ disabledMessageId } className=\"sr-only\">\n            {\n              disabledMessage\n            }\n          </span>\n        )\n      }\n    </>\n  );\n});\n\nexport default SimpleButton;\n\nexport { SimpleButton as Button };"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/buttons/button.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.interface.js","names":[],"sources":["../../../../../src/components/form/buttons/button.interface.ts"],"sourcesContent":["import { ReactElement, ReactNode, RefObject } from 'react';\nimport { IconProps } from '../../design/icons/basicIcon/Icon';\nimport { GenericFunction } from '../../../interfaces/generic.interface';\nimport { ButtonClassCombination } from './buttonVariations';\n\nexport interface ButtonStyles {\n  color?: 'primary' | 'secondary' | 'tertiary';\n  variant?: 'solid' | 'outline' | 'text-only' | 'icon-only';\n  size?: 'default' | 'compact';\n}\n\nexport interface ButtonProps {\n  label: string | ReactNode;\n  id: string;\n  title?: string;\n  cssClass?: string | ButtonClassCombination;\n  onClickHandler?: GenericFunction;\n  buttonType?: 'button' | 'submit' | 'reset';\n  buttonStyle?: ButtonStyles;\n  leftIcon?: IconProps;\n  rightIcon?: IconProps;\n  hideLabel?: boolean;\n  children?: ReactNode | ReactElement;\n  disabled?: boolean;\n  disabledMessage?: string;\n  ref?: RefObject<HTMLButtonElement>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"button.interface.js","names":[],"sources":["../../../../../src/components/form/buttons/button.interface.ts"],"sourcesContent":["import { ReactElement, ReactNode, RefObject } from 'react';\nimport { IconSource } from '../../../helpers/iconHelpers';\nimport { GenericFunction } from '../../../interfaces/generic.interface';\nimport { ButtonClassCombination } from './buttonVariations';\n\nexport interface ButtonStyles {\n  color?: 'primary' | 'secondary' | 'tertiary';\n  variant?: 'solid' | 'outline' | 'text-only' | 'icon-only';\n  size?: 'default' | 'compact';\n}\n\nexport interface ButtonProps {\n  label: string | ReactNode;\n  id: string;\n  title?: string;\n  cssClass?: string | ButtonClassCombination;\n  onClickHandler?: GenericFunction;\n  buttonType?: 'button' | 'submit' | 'reset';\n  buttonStyle?: ButtonStyles;\n  leftIcon?: IconSource;\n  rightIcon?: IconSource;\n  hideLabel?: boolean;\n  children?: ReactNode | ReactElement;\n  disabled?: boolean;\n  disabledMessage?: string;\n  ref?: RefObject<HTMLButtonElement>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/formFieldWrapper/formFieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldProps.js","names":[],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/formFieldProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n} from 'react';\n\nimport type {\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n  TextareaHTMLAttributes,\n} from 'react';\n\nimport {\n  FieldValues,\n  Message,\n  UseFormReturn,\n  Validate,\n  ValidationRule\n} from 'react-hook-form';\nimport { GenericFunction } from '../../../../interfaces';\nimport { KeyboardEventHandler } from '../../../../interfaces/generic.interface';\n\n/**\n * Custom content props for additional elements around the label or field.\n */\nexport interface CustomContentProps {\n  /** Element or text to display before the label. */\n  preLabel?: ReactElement | string;\n  /** Element or text to display after the label. */\n  postLabel?: ReactElement | string;\n  /** Element or text to display before the field. */\n  preField?: ReactElement | string;\n  /** Element or text to display after the field. */\n  postField?: ReactElement | string;\n}\n\n/**\n * Props for the label element.\n */\nexport interface LabelProps {\n  /** Text or element for the label. */\n  text: string | ReactNode | ReactElement;\n  /** The ID of the input the label is associated with. */\n  inputId?: string;\n  /** The ID of the label element. */\n  labelId?: string;\n  /** Whether to hide the label visually. */\n  hide?: boolean;\n  /** Position of the label relative to the field. */\n  position?: 'inset' | 'left' | 'right' | string;\n  /** Tooltip for the label. */\n  labelTooltip?: {\n    /** Text for the tooltip. */\n    text: string;\n    /** Optional icon for the tooltip. */\n    icon?: ReactElement | string;\n  };\n  /** Screen reader instructions for the label. */\n  srInstruction?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Custom content for the label. */\n  customContent?: CustomContentProps;\n}\n\n/**\n * Type for a single select option.\n */\nexport type SelectOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n};\n\n/**\n * Type for select options, which can be an object or string.\n */\nexport type SelectOptionType = SelectOptionObjectType | string;\n\n/**\n * Type for a single combobox (autocomplete) option.\n */\nexport type ComboboxOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n  /** Additional data associated with the option. */\n  data?: Record<string, unknown>;\n};\n\nexport type ComboboxOption = ComboboxOptionObjectType | string;\n\n// Everything we want to *override* with our own definitions in FieldProps\nexport type OverriddenKeys =\n  | 'type'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'disabled'\n  | 'readOnly'\n  | 'min'\n  | 'max';\n\n// All the native props we want to mix in, minus the ones we override\nexport type NativeFieldProps =\n  & Omit<InputHTMLAttributes<HTMLInputElement>, OverriddenKeys>\n  & Omit<SelectHTMLAttributes<HTMLSelectElement>, OverriddenKeys>\n  & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenKeys>;\n\n/**\n * Props for the field element.\n */\nexport interface FieldProps extends NativeFieldProps {\n  /** The type of the input field. */\n  type: string;\n  /** The ID of the input field. */\n  id: string;\n  /** The name of the input field. */\n  name: string;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Default value for the input field. */\n  defaultValue?: string | number | readonly string[];\n  /** Handler for the change event. */\n  onChange?: ChangeEventHandler | ((\n    event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for the blur event. */\n  onBlur?: GenericFunction;\n  /** Handler for the input event. */\n  onInput?: FormEventHandler<\n    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n  >;\n  /** Handler for the keydown event. */\n  onKeyDown?: KeyboardEventHandler | ((\n    event: KeyboardEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for marking the field as touched. */\n  onTouched?: GenericFunction;\n  /** Whether to include an empty option in a dropdown. */\n  includeEmptyOption?: boolean;\n  /** Label for the empty option. */\n  emptyOptionLabel?: string;\n  /** Options for a dropdown field. */\n  options?: SelectOptionType[] | ComboboxOption[];\n  /** Auto-complete behaviour for the field. */\n  autoComplete?: string;\n  /** Whether the field allows editing and interaction. Note: Setting this to true makes it invisible to screen reader users. */\n  disabled?: boolean;\n  /** Setting to true prevents editing and interaction whilst still making the value visible to screen reader users.  */\n  readonly?: boolean;\n  /** Minimum value or length. */\n  min?: string | number;\n  /** Maximum value or length. */\n  max?: string | number;\n  /**\n   * Whether to enforce grapheme-aware max-length handling (used by textarea).\n   * Uses `field.maxLength` (native field prop) as the source for the UI/input limit.\n   * Keep `field.maxLength` and `validation.maxLength` aligned to avoid mixed UX/validation behaviour.\n   */\n  enforceMaxLength?: boolean;\n}\n\n/**\n * Validation rules for fields.\n */\nexport type CustomValidate<TFieldValue> = (\n  value: TFieldValue,\n  formValues?: unknown\n) => boolean | string | Promise<boolean | string>;\n\n/**\n * Props for validation rules.\n */\n\nexport type MinMaxRule<T> = T extends boolean\n  ? ValidationRule<boolean>\n  : ValidationRule<number | string>;\n\nexport interface ValidationProps<\n  TFieldValue = unknown | string | boolean,\n  TFormValues = unknown\n> {\n  /** Whether the field is required. */\n  required?: Message | ValidationRule<boolean>;\n  /** Minimum value or length. */\n  min?: MinMaxRule<TFieldValue>;\n  /** Maximum value or length. */\n  max?: MinMaxRule<TFieldValue>;\n  /**\n   * Maximum length validation rule.\n   * Used for validation outcome/messages, while textarea UI/input limiting is driven by `field.maxLength`.\n   * If both are provided, keep them equal.\n   */\n  maxLength?: ValidationRule<number>;\n  /** Minimum length of the field. */\n  minLength?: ValidationRule<number>;\n  /** Regex pattern for validation. */\n  pattern?: ValidationRule<RegExp>;\n  /** Custom validation logic. */\n  validate?: CustomValidate<TFieldValue> | Record<string, CustomValidate<TFieldValue>> | Validate<TFieldValue, TFormValues>;\n}\n\nexport type ValidationKey = keyof ValidationProps<unknown, unknown>; // Restrict to known keys\n\n/**\n * Custom CSS classes for the field components.\n */\nexport interface CustomFieldCssClassesProps {\n  /** CSS class for the label. */\n  label?: string;\n  /** CSS class for the input field. */\n  input?: string;\n  /** CSS class for the wrapper. */\n  wrapper?: string;\n}\n\n/**\n * Props for a form field component.\n */\nexport interface FormFieldProps {\n  /** Props for the label. */\n  label: LabelProps;\n  /** Props for the field. */\n  field: FieldProps;\n  /** Layout style of the form field. */\n  layout?: 'stacked' | 'horizontal' | string;\n  /** Validation rules for the field. */\n  validation?: ValidationProps;\n  /** Whether to show a spinner. */\n  showSpinner?: boolean;\n  /** Custom CSS classes for the field. */\n  customCssClasses?: CustomFieldCssClassesProps;\n  /** Custom content for the field. */\n  customContent?: CustomContentProps;\n  /** Override the default nesting of the input inside the label. */\n  separateLabelAndField?: boolean;\n  /** An existing form context to use when React context cannot reach this field, e.g. across a Next.js client boundary. */\n  formContext?: UseFormReturn<FieldValues, any, FieldValues>;\n}\n\nexport type TextareaFieldProps = Omit<FieldProps, 'onSelect'> & {\n  onSelect?: ReactEventHandler<HTMLTextAreaElement>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"formFieldProps.js","names":[],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/formFieldProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  FormEventHandler,\n  KeyboardEvent,\n  ReactElement,\n  ReactEventHandler,\n  ReactNode,\n} from 'react';\n\nimport type {\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n  TextareaHTMLAttributes,\n} from 'react';\n\nimport {\n  FieldValues,\n  Message,\n  UseFormReturn,\n  Validate,\n  ValidationRule\n} from 'react-hook-form';\nimport { GenericFunction } from '../../../../interfaces';\nimport { KeyboardEventHandler } from '../../../../interfaces/generic.interface';\nimport { IconSource } from '../../../../helpers/iconHelpers';\n\n/**\n * Custom content props for additional elements around the label or field.\n */\nexport interface CustomContentProps {\n  /** Element or text to display before the label. */\n  preLabel?: ReactElement | string;\n  /** Element or text to display after the label. */\n  postLabel?: ReactElement | string;\n  /** Element or text to display before the field. */\n  preField?: ReactElement | string;\n  /** Element or text to display after the field. */\n  postField?: ReactElement | string;\n}\n\n/**\n * Props for the label element.\n */\nexport interface LabelProps {\n  /** Text or element for the label. */\n  text: string | ReactNode | ReactElement;\n  /** The ID of the input the label is associated with. */\n  inputId?: string;\n  /** The ID of the label element. */\n  labelId?: string;\n  /** Whether to hide the label visually. */\n  hide?: boolean;\n  /** Position of the label relative to the field. */\n  position?: 'inset' | 'left' | 'right' | string;\n  /** Tooltip for the label. */\n  labelTooltip?: {\n    /** Text for the tooltip. */\n    text: string;\n    /** Optional icon for the tooltip. */\n    icon?: IconSource;\n  };\n  /** Screen reader instructions for the label. */\n  srInstruction?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Custom content for the label. */\n  customContent?: CustomContentProps;\n}\n\n/**\n * Type for a single select option.\n */\nexport type SelectOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n};\n\n/**\n * Type for select options, which can be an object or string.\n */\nexport type SelectOptionType = SelectOptionObjectType | string;\n\n/**\n * Type for a single combobox (autocomplete) option.\n */\nexport type ComboboxOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n  /** Additional data associated with the option. */\n  data?: Record<string, unknown>;\n};\n\nexport type ComboboxOption = ComboboxOptionObjectType | string;\n\n// Everything we want to *override* with our own definitions in FieldProps\nexport type OverriddenKeys =\n  | 'type'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'disabled'\n  | 'readOnly'\n  | 'min'\n  | 'max';\n\n// All the native props we want to mix in, minus the ones we override\nexport type NativeFieldProps =\n  & Omit<InputHTMLAttributes<HTMLInputElement>, OverriddenKeys>\n  & Omit<SelectHTMLAttributes<HTMLSelectElement>, OverriddenKeys>\n  & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenKeys>;\n\n/**\n * Props for the field element.\n */\nexport interface FieldProps extends NativeFieldProps {\n  /** The type of the input field. */\n  type: string;\n  /** The ID of the input field. */\n  id: string;\n  /** The name of the input field. */\n  name: string;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Default value for the input field. */\n  defaultValue?: string | number | readonly string[];\n  /** Handler for the change event. */\n  onChange?: ChangeEventHandler | ((\n    event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for the blur event. */\n  onBlur?: GenericFunction;\n  /** Handler for the input event. */\n  onInput?: FormEventHandler<\n    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n  >;\n  /** Handler for the keydown event. */\n  onKeyDown?: KeyboardEventHandler | ((\n    event: KeyboardEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for marking the field as touched. */\n  onTouched?: GenericFunction;\n  /** Whether to include an empty option in a dropdown. */\n  includeEmptyOption?: boolean;\n  /** Label for the empty option. */\n  emptyOptionLabel?: string;\n  /** Options for a dropdown field. */\n  options?: SelectOptionType[] | ComboboxOption[];\n  /** Auto-complete behaviour for the field. */\n  autoComplete?: string;\n  /** Whether the field allows editing and interaction. Note: Setting this to true makes it invisible to screen reader users. */\n  disabled?: boolean;\n  /** Setting to true prevents editing and interaction whilst still making the value visible to screen reader users.  */\n  readonly?: boolean;\n  /** Minimum value or length. */\n  min?: string | number;\n  /** Maximum value or length. */\n  max?: string | number;\n  /**\n   * Whether to enforce grapheme-aware max-length handling (used by textarea).\n   * Uses `field.maxLength` (native field prop) as the source for the UI/input limit.\n   * Keep `field.maxLength` and `validation.maxLength` aligned to avoid mixed UX/validation behaviour.\n   */\n  enforceMaxLength?: boolean;\n}\n\n/**\n * Validation rules for fields.\n */\nexport type CustomValidate<TFieldValue> = (\n  value: TFieldValue,\n  formValues?: unknown\n) => boolean | string | Promise<boolean | string>;\n\n/**\n * Props for validation rules.\n */\n\nexport type MinMaxRule<T> = T extends boolean\n  ? ValidationRule<boolean>\n  : ValidationRule<number | string>;\n\nexport interface ValidationProps<\n  TFieldValue = unknown | string | boolean,\n  TFormValues = unknown\n> {\n  /** Whether the field is required. */\n  required?: Message | ValidationRule<boolean>;\n  /** Minimum value or length. */\n  min?: MinMaxRule<TFieldValue>;\n  /** Maximum value or length. */\n  max?: MinMaxRule<TFieldValue>;\n  /**\n   * Maximum length validation rule.\n   * Used for validation outcome/messages, while textarea UI/input limiting is driven by `field.maxLength`.\n   * If both are provided, keep them equal.\n   */\n  maxLength?: ValidationRule<number>;\n  /** Minimum length of the field. */\n  minLength?: ValidationRule<number>;\n  /** Regex pattern for validation. */\n  pattern?: ValidationRule<RegExp>;\n  /** Custom validation logic. */\n  validate?: CustomValidate<TFieldValue> | Record<string, CustomValidate<TFieldValue>> | Validate<TFieldValue, TFormValues>;\n}\n\nexport type ValidationKey = keyof ValidationProps<unknown, unknown>; // Restrict to known keys\n\n/**\n * Custom CSS classes for the field components.\n */\nexport interface CustomFieldCssClassesProps {\n  /** CSS class for the label. */\n  label?: string;\n  /** CSS class for the input field. */\n  input?: string;\n  /** CSS class for the wrapper. */\n  wrapper?: string;\n}\n\n/**\n * Props for a form field component.\n */\nexport interface FormFieldProps {\n  /** Props for the label. */\n  label: LabelProps;\n  /** Props for the field. */\n  field: FieldProps;\n  /** Layout style of the form field. */\n  layout?: 'stacked' | 'horizontal' | string;\n  /** Validation rules for the field. */\n  validation?: ValidationProps;\n  /** Whether to show a spinner. */\n  showSpinner?: boolean;\n  /** Custom CSS classes for the field. */\n  customCssClasses?: CustomFieldCssClassesProps;\n  /** Custom content for the field. */\n  customContent?: CustomContentProps;\n  /** Override the default nesting of the input inside the label. */\n  separateLabelAndField?: boolean;\n  /** An existing form context to use when React context cannot reach this field, e.g. across a Next.js client boundary. */\n  formContext?: UseFormReturn<FieldValues, any, FieldValues>;\n}\n\nexport type TextareaFieldProps = Omit<FieldProps, 'onSelect'> & {\n  onSelect?: ReactEventHandler<HTMLTextAreaElement>;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.js

@@ -11,7 +11,7 @@ var _HookFormWrapper = require("../../../../hookFormWrapper/HookFormWrapper");
 var _FormFieldLabel = require("../../labels/FormFieldLabel");
 var _ValidationMessages = require("../../../../validation/ValidationMessages");
 var _Spinner = require("../../../../../design/spinner/Spinner");
-var _Icon = require("../../../../../design/icons/basicIcon/Icon");
+var _iconHelpers = require("../../../../../../helpers/iconHelpers");
 require("./inputCheckbox.css");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const InputCheckbox = props => /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, {
@@ -71,11 +71,11 @@ const InputCheckboxField = ({
     isRequired,
     customContent
   };
-  const checkedIcon = icons?.checked ?? /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: "checkbox-checked"
+  const checkedIcon = (0, _iconHelpers.renderIcon)(icons?.checked, {
+    fallback: 'checkbox-checked'
   });
-  const uncheckedIcon = icons?.unchecked ?? /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: "checkbox-unchecked"
+  const uncheckedIcon = (0, _iconHelpers.renderIcon)(icons?.unchecked, {
+    fallback: 'checkbox-unchecked'
   });
   const inputProps = {
     type: 'checkbox',

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputCheckbox.js","names":["Object","defineProperty","exports","value","InputCheckbox","CheckboxInput","_react","_interopRequireWildcard","require","_reactHookForm","_HookFormWrapper","_FormFieldLabel","_ValidationMessages","_Spinner","_Icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","createElement","HookFormWrapper","formContext","InputCheckboxField","label","field","id","name","defaultChecked","onBlur","onChange","onTouched","validation","showSpinner","icons","customCssClasses","customContent","isTouched","setIsTouched","useState","register","getFieldState","setValue","useFormContext","fieldState","useEffect","shouldValidate","shouldDirty","wrapperCssClass","wrapper","inputCssClass","input","invalid","isRequired","required","HandleOnBlur","event","target","labelProps","inputId","checkedIcon","checked","Icon","icon","uncheckedIcon","unchecked","inputProps","type","String","className","labelId","htmlFor","position","FormFieldLabel","Spinner","ValidationMessages"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../../labels/FormFieldLabel';\nimport { ValidationMessages } from '../../../../validation/ValidationMessages';\nimport { Spinner } from '../../../../../design/spinner/Spinner';\nimport { Icon } from '../../../../../design/icons/basicIcon/Icon';\n\nimport { InputCheckboxProps } from './inputCheckboxProps';\n\nimport './inputCheckbox.scss';\n\nexport const InputCheckbox: React.FC<InputCheckboxProps> = (props) => (\n  <HookFormWrapper formContext={ props.formContext }>\n    <InputCheckboxField { ...props } />\n  </HookFormWrapper>\n);\n\nconst InputCheckboxField: React.FC<InputCheckboxProps> = (\n  {\n    label,\n    field: {\n      id,\n      name,\n      value,\n      defaultChecked,\n      onBlur = () => {},\n      onChange = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    icons,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n  const { register, getFieldState, setValue } = useFormContext();\n  const fieldState = getFieldState(name);\n\n  // Initialize the form value with defaultChecked on mount\n  useEffect(() => {\n    if (defaultChecked) {\n      setValue(name, true, { shouldValidate: false, shouldDirty: false });\n    }\n  }, [name, setValue, defaultChecked, value]);\n\n  const wrapperCssClass = `formField checkBoxField ${ customCssClasses?.wrapper || '' } ${ isTouched ? 'touched' : '' }`;\n\n  const inputCssClass = `${ customCssClasses?.input || '' }${ fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const isRequired = validation && typeof validation.required !== 'undefined';\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    setIsTouched(true);\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: id,\n    isRequired,\n    customContent\n  };\n\n  const checkedIcon = icons?.checked ?? <Icon icon=\"checkbox-checked\" />;\n  const uncheckedIcon = icons?.unchecked ?? <Icon icon=\"checkbox-unchecked\" />;\n\n  const inputProps = {\n    type: 'checkbox',\n    id,\n    value: String(value),\n    className: inputCssClass,\n    'aria-required': isRequired,\n    ...register(\n      name,\n      {\n        onChange,\n        onBlur: HandleOnBlur,\n        value: defaultChecked ? true : value,\n        ...validation\n      }\n    )\n  };\n\n  return (\n    <div\n      className={ wrapperCssClass }\n    >\n      <label\n        id={ label.labelId || `${ id }_label` }\n        className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' }` }\n        htmlFor={ id }\n      >\n\n        { label.position === 'left'\n          && <FormFieldLabel { ...labelProps } /> }\n\n        <div className=\"inputContainer\">\n          <input { ...inputProps } />\n          { /* The input conveys the checked state, so the icons are decorative. */ }\n          <span className=\"checkboxIcons\" aria-hidden=\"true\">\n            <span className=\"checkboxIcon checkboxIconUnchecked\">{ uncheckedIcon }</span>\n            <span className=\"checkboxIcon checkboxIconChecked\">{ checkedIcon }</span>\n          </span>\n        </div>\n\n        { (!label?.position || label?.position === 'right')\n          && <FormFieldLabel { ...labelProps } /> }\n\n        {\n          showSpinner && <Spinner />\n        }\n\n        <ValidationMessages name={ name } validation={ validation } />\n      </label>\n    </div>\n  );\n};\n\nexport const CheckboxInput: React.FC<InputCheckboxProps> = (props) => <InputCheckbox { ...props } />;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputCheckbox.js","names":["Object","defineProperty","exports","value","InputCheckbox","CheckboxInput","_react","_interopRequireWildcard","require","_reactHookForm","_HookFormWrapper","_FormFieldLabel","_ValidationMessages","_Spinner","_iconHelpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","createElement","HookFormWrapper","formContext","InputCheckboxField","label","field","id","name","defaultChecked","onBlur","onChange","onTouched","validation","showSpinner","icons","customCssClasses","customContent","isTouched","setIsTouched","useState","register","getFieldState","setValue","useFormContext","fieldState","useEffect","shouldValidate","shouldDirty","wrapperCssClass","wrapper","inputCssClass","input","invalid","isRequired","required","HandleOnBlur","event","target","labelProps","inputId","checkedIcon","renderIcon","checked","fallback","uncheckedIcon","unchecked","inputProps","type","String","className","labelId","htmlFor","position","FormFieldLabel","Spinner","ValidationMessages"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../../labels/FormFieldLabel';\nimport { ValidationMessages } from '../../../../validation/ValidationMessages';\nimport { Spinner } from '../../../../../design/spinner/Spinner';\nimport { renderIcon } from '../../../../../../helpers/iconHelpers';\n\nimport { InputCheckboxProps } from './inputCheckboxProps';\n\nimport './inputCheckbox.scss';\n\nexport const InputCheckbox: React.FC<InputCheckboxProps> = (props) => (\n  <HookFormWrapper formContext={ props.formContext }>\n    <InputCheckboxField { ...props } />\n  </HookFormWrapper>\n);\n\nconst InputCheckboxField: React.FC<InputCheckboxProps> = (\n  {\n    label,\n    field: {\n      id,\n      name,\n      value,\n      defaultChecked,\n      onBlur = () => {},\n      onChange = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    icons,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n  const { register, getFieldState, setValue } = useFormContext();\n  const fieldState = getFieldState(name);\n\n  // Initialize the form value with defaultChecked on mount\n  useEffect(() => {\n    if (defaultChecked) {\n      setValue(name, true, { shouldValidate: false, shouldDirty: false });\n    }\n  }, [name, setValue, defaultChecked, value]);\n\n  const wrapperCssClass = `formField checkBoxField ${ customCssClasses?.wrapper || '' } ${ isTouched ? 'touched' : '' }`;\n\n  const inputCssClass = `${ customCssClasses?.input || '' }${ fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const isRequired = validation && typeof validation.required !== 'undefined';\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    setIsTouched(true);\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: id,\n    isRequired,\n    customContent\n  };\n\n  const checkedIcon = renderIcon(icons?.checked, { fallback: 'checkbox-checked' });\n  const uncheckedIcon = renderIcon(icons?.unchecked, { fallback: 'checkbox-unchecked' });\n\n  const inputProps = {\n    type: 'checkbox',\n    id,\n    value: String(value),\n    className: inputCssClass,\n    'aria-required': isRequired,\n    ...register(\n      name,\n      {\n        onChange,\n        onBlur: HandleOnBlur,\n        value: defaultChecked ? true : value,\n        ...validation\n      }\n    )\n  };\n\n  return (\n    <div\n      className={ wrapperCssClass }\n    >\n      <label\n        id={ label.labelId || `${ id }_label` }\n        className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' }` }\n        htmlFor={ id }\n      >\n\n        { label.position === 'left'\n          && <FormFieldLabel { ...labelProps } /> }\n\n        <div className=\"inputContainer\">\n          <input { ...inputProps } />\n          { /* The input conveys the checked state, so the icons are decorative. */ }\n          <span className=\"checkboxIcons\" aria-hidden=\"true\">\n            <span className=\"checkboxIcon checkboxIconUnchecked\">{ uncheckedIcon }</span>\n            <span className=\"checkboxIcon checkboxIconChecked\">{ checkedIcon }</span>\n          </span>\n        </div>\n\n        { (!label?.position || label?.position === 'right')\n          && <FormFieldLabel { ...labelProps } /> }\n\n        {\n          showSpinner && <Spinner />\n        }\n\n        <ValidationMessages name={ name } validation={ validation } />\n      </label>\n    </div>\n  );\n};\n\nexport const CheckboxInput: React.FC<InputCheckboxProps> = (props) => <InputCheckbox { ...props } />;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/checkboxSwitch/CheckboxSwitch.js

@@ -0,0 +1,176 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_POWER_BUTTON_STATES = exports.DEFAULT_CHECKBOX_SWITCH_STATES = exports.CheckboxSwitchState = exports.CheckboxSwitch = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _HookFormWrapper = require("../../../../../hookFormWrapper/HookFormWrapper");
+var _FormFieldLabel = require("../../../labels/FormFieldLabel");
+var _ValidationMessages = require("../../../../../validation/ValidationMessages");
+var _Spinner = require("../../../../../../design/spinner/Spinner");
+var _iconHelpers = require("../../../../../../../helpers/iconHelpers");
+var _arrayHelpers = require("../../../../../../../helpers/arrayHelpers");
+var _button = require("../../../../../buttons/button.helpers");
+require("./checkboxSwitch.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DEFAULT_CHECKBOX_SWITCH_STATES = exports.DEFAULT_CHECKBOX_SWITCH_STATES = {
+  checked: {
+    label: 'On'
+  },
+  unchecked: {
+    label: 'Off'
+  }
+};
+const DEFAULT_POWER_BUTTON_STATES = exports.DEFAULT_POWER_BUTTON_STATES = {
+  checked: {
+    label: 'On',
+    icon: 'switch'
+  },
+  unchecked: {
+    label: 'Off',
+    icon: 'switch'
+  }
+};
+const CheckboxSwitchState = ({
+  state,
+  label,
+  icon,
+  cssClass,
+  buttonStyle,
+  hideLabel
+}) => {
+  const stateClass = state === 'checked' ? 'checkboxSwitchChecked' : 'checkboxSwitchUnchecked';
+  const appearanceClass = buttonStyle ? (0, _arrayHelpers.cssClassesArrayToString)('checkboxSwitchButtonState', (0, _button.generateButtonClass)({
+    cssClass: cssClass || '',
+    buttonStyle,
+    hideLabel
+  })) : cssClass;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _arrayHelpers.cssClassesArrayToString)('checkboxSwitchState', stateClass, appearanceClass)
+  }, (0, _iconHelpers.renderIcon)(icon), !hideLabel && label && /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkboxSwitchStateLabel"
+  }, label));
+};
+exports.CheckboxSwitchState = CheckboxSwitchState;
+const CheckboxSwitch = props => /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, {
+  formContext: props.formContext
+}, /*#__PURE__*/_react.default.createElement(CheckboxSwitchField, props));
+exports.CheckboxSwitch = CheckboxSwitch;
+const CheckboxSwitchField = ({
+  label,
+  field: {
+    id,
+    name,
+    value,
+    defaultChecked,
+    disabled,
+    onBlur = () => {},
+    onChange = () => {},
+    onTouched = () => {}
+  },
+  validation,
+  variant = 'slide',
+  shape = 'round',
+  size = 'm',
+  states,
+  stateDisplay = 'split',
+  glowTheme = 'dark',
+  hideStateLabels = false,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const [isTouched, setIsTouched] = (0, _react.useState)(false);
+  const {
+    register,
+    getFieldState
+  } = (0, _reactHookForm.useFormContext)();
+  const fieldState = getFieldState(name);
+  const requiredRule = validation?.required;
+  const isRequired = typeof requiredRule === 'object' && requiredRule !== null ? requiredRule.value : Boolean(requiredRule);
+  const isSlide = variant === 'slide';
+  const isPowerButton = variant === 'powerButton';
+  // Power buttons are always a single icon-only circle.
+  const effectiveStateDisplay = isPowerButton ? 'single' : stateDisplay;
+  const effectiveHideStateLabels = isPowerButton || hideStateLabels;
+  const defaultStates = isPowerButton ? DEFAULT_POWER_BUTTON_STATES : DEFAULT_CHECKBOX_SWITCH_STATES;
+  // Button styles fight the slide thumb and power button cap, so those variants ignore them.
+  const stripButtonStyle = isSlide || isPowerButton ? {
+    buttonStyle: undefined
+  } : {};
+  const checkedState = {
+    ...defaultStates.checked,
+    ...states?.checked,
+    ...stripButtonStyle
+  };
+  const uncheckedState = {
+    ...defaultStates.unchecked,
+    ...states?.unchecked,
+    ...stripButtonStyle
+  };
+  const wrapperCssClass = ['formField', 'checkboxSwitchField', `checkboxSwitch_${variant}`, `checkboxSwitch_${shape}`, `checkboxSwitch_${size}`, `checkboxSwitch_${effectiveStateDisplay}`, variant === 'glow' && glowTheme === 'light' ? 'checkboxSwitch_glowLight' : '', effectiveHideStateLabels ? 'checkboxSwitch_hiddenStateLabels' : '', isTouched ? 'touched' : '', customCssClasses?.wrapper || ''].filter(Boolean).join(' ');
+  const inputCssClass = `${customCssClasses?.input || ''}${fieldState?.invalid ? ' invalidField' : ''}`;
+  const HandleOnBlur = event => {
+    setIsTouched(true);
+    onTouched();
+    onBlur(event);
+  };
+  const labelProps = {
+    ...label,
+    inputId: id,
+    isRequired,
+    customContent
+  };
+  const inputProps = {
+    type: 'checkbox',
+    role: 'switch',
+    id,
+    className: inputCssClass,
+    defaultChecked,
+    'aria-required': isRequired,
+    'aria-invalid': fieldState.invalid,
+    ...(fieldState.invalid ? {
+      'aria-describedby': `${name}_errors`
+    } : {}),
+    ...(typeof value === 'string' ? {
+      value
+    } : {}),
+    ...register(name, {
+      onChange,
+      onBlur: HandleOnBlur,
+      disabled,
+      ...validation
+    })
+  };
+  const isLabelLeft = label.position === 'left';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperCssClass
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    id: label.labelId || `${id}_label`,
+    className: `checkboxSwitchLabel ${customCssClasses?.label || ''} ${showSpinner ? 'withSpinner' : ''}`,
+    htmlFor: id
+  }, isLabelLeft && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkboxSwitchControl"
+  }, /*#__PURE__*/_react.default.createElement("input", inputProps), /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkboxSwitchTrack",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(CheckboxSwitchState, (0, _extends2.default)({}, checkedState, {
+    state: "checked",
+    hideLabel: effectiveHideStateLabels
+  })), /*#__PURE__*/_react.default.createElement(CheckboxSwitchState, (0, _extends2.default)({}, uncheckedState, {
+    state: "unchecked",
+    hideLabel: effectiveHideStateLabels
+  })), isSlide && /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkboxSwitchThumb"
+  }))), !isLabelLeft && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), showSpinner && /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null)), /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
+    name: name,
+    validation: validation
+  }));
+};
+var _default = exports.default = CheckboxSwitch;
+//# sourceMappingURL=CheckboxSwitch.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/checkboxSwitch/CheckboxSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSwitch.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","DEFAULT_POWER_BUTTON_STATES","DEFAULT_CHECKBOX_SWITCH_STATES","CheckboxSwitchState","CheckboxSwitch","_extends2","_react","_interopRequireWildcard","_reactHookForm","_HookFormWrapper","_FormFieldLabel","_ValidationMessages","_Spinner","_iconHelpers","_arrayHelpers","_button","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","checked","label","unchecked","icon","state","cssClass","buttonStyle","hideLabel","stateClass","appearanceClass","cssClassesArrayToString","generateButtonClass","createElement","className","renderIcon","props","HookFormWrapper","formContext","CheckboxSwitchField","field","id","name","defaultChecked","disabled","onBlur","onChange","onTouched","validation","variant","shape","size","states","stateDisplay","glowTheme","hideStateLabels","showSpinner","customCssClasses","customContent","isTouched","setIsTouched","useState","register","getFieldState","useFormContext","fieldState","requiredRule","required","isRequired","Boolean","isSlide","isPowerButton","effectiveStateDisplay","effectiveHideStateLabels","defaultStates","stripButtonStyle","undefined","checkedState","uncheckedState","wrapperCssClass","wrapper","filter","join","inputCssClass","input","invalid","HandleOnBlur","event","labelProps","inputId","inputProps","type","role","isLabelLeft","position","labelId","htmlFor","FormFieldLabel","Spinner","ValidationMessages","_default"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/checkbox/checkboxSwitch/CheckboxSwitch.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../../../labels/FormFieldLabel';\nimport { ValidationMessages } from '../../../../../validation/ValidationMessages';\nimport { Spinner } from '../../../../../../design/spinner/Spinner';\nimport { renderIcon } from '../../../../../../../helpers/iconHelpers';\nimport { cssClassesArrayToString } from '../../../../../../../helpers/arrayHelpers';\nimport { generateButtonClass } from '../../../../../buttons/button.helpers';\nimport { CheckboxSwitchProps, CheckboxSwitchStateProps } from './checkboxSwitchProps';\n\nimport './checkboxSwitch.scss';\n\nexport const DEFAULT_CHECKBOX_SWITCH_STATES = {\n  checked: { label: 'On' },\n  unchecked: { label: 'Off' }\n};\n\nexport const DEFAULT_POWER_BUTTON_STATES = {\n  checked: { label: 'On', icon: 'switch' },\n  unchecked: { label: 'Off', icon: 'switch' }\n};\n\ninterface CheckboxSwitchStateContentProps extends CheckboxSwitchStateProps {\n  state: 'checked' | 'unchecked';\n  hideLabel: boolean;\n}\n\nexport const CheckboxSwitchState: React.FC<CheckboxSwitchStateContentProps> = (\n  {\n    state,\n    label,\n    icon,\n    cssClass,\n    buttonStyle,\n    hideLabel\n  }\n) => {\n  const stateClass = state === 'checked' ? 'checkboxSwitchChecked' : 'checkboxSwitchUnchecked';\n\n  const appearanceClass = buttonStyle\n    ? cssClassesArrayToString('checkboxSwitchButtonState', generateButtonClass({ cssClass: cssClass || '', buttonStyle, hideLabel }))\n    : cssClass;\n\n  return (\n    <span className={ cssClassesArrayToString('checkboxSwitchState', stateClass, appearanceClass) }>\n      { renderIcon(icon) }\n      { !hideLabel && label && <span className=\"checkboxSwitchStateLabel\">{ label }</span> }\n    </span>\n  );\n};\n\nexport const CheckboxSwitch: React.FC<CheckboxSwitchProps> = (props) => (\n  <HookFormWrapper formContext={ props.formContext }>\n    <CheckboxSwitchField { ...props } />\n  </HookFormWrapper>\n);\n\nconst CheckboxSwitchField: React.FC<CheckboxSwitchProps> = (\n  {\n    label,\n    field: {\n      id,\n      name,\n      value,\n      defaultChecked,\n      disabled,\n      onBlur = () => {},\n      onChange = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    variant = 'slide',\n    shape = 'round',\n    size = 'm',\n    states,\n    stateDisplay = 'split',\n    glowTheme = 'dark',\n    hideStateLabels = false,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n  const { register, getFieldState } = useFormContext();\n  const fieldState = getFieldState(name);\n\n  const requiredRule = validation?.required;\n  const isRequired = typeof requiredRule === 'object' && requiredRule !== null\n    ? requiredRule.value\n    : Boolean(requiredRule);\n\n  const isSlide = variant === 'slide';\n  const isPowerButton = variant === 'powerButton';\n  // Power buttons are always a single icon-only circle.\n  const effectiveStateDisplay = isPowerButton ? 'single' : stateDisplay;\n  const effectiveHideStateLabels = isPowerButton || hideStateLabels;\n  const defaultStates = isPowerButton ? DEFAULT_POWER_BUTTON_STATES : DEFAULT_CHECKBOX_SWITCH_STATES;\n  // Button styles fight the slide thumb and power button cap, so those variants ignore them.\n  const stripButtonStyle = isSlide || isPowerButton ? { buttonStyle: undefined } : {};\n  const checkedState = { ...defaultStates.checked, ...states?.checked, ...stripButtonStyle };\n  const uncheckedState = { ...defaultStates.unchecked, ...states?.unchecked, ...stripButtonStyle };\n\n  const wrapperCssClass = [\n    'formField',\n    'checkboxSwitchField',\n    `checkboxSwitch_${ variant }`,\n    `checkboxSwitch_${ shape }`,\n    `checkboxSwitch_${ size }`,\n    `checkboxSwitch_${ effectiveStateDisplay }`,\n    variant === 'glow' && glowTheme === 'light' ? 'checkboxSwitch_glowLight' : '',\n    effectiveHideStateLabels ? 'checkboxSwitch_hiddenStateLabels' : '',\n    isTouched ? 'touched' : '',\n    customCssClasses?.wrapper || ''\n  ].filter(Boolean).join(' ');\n\n  const inputCssClass = `${ customCssClasses?.input || '' }${ fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    setIsTouched(true);\n    onTouched();\n    onBlur(event);\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: id,\n    isRequired,\n    customContent\n  };\n\n  const inputProps = {\n    type: 'checkbox',\n    role: 'switch',\n    id,\n    className: inputCssClass,\n    defaultChecked,\n    'aria-required': isRequired,\n    'aria-invalid': fieldState.invalid,\n    ...(fieldState.invalid ? { 'aria-describedby': `${ name }_errors` } : {}),\n    ...(typeof value === 'string' ? { value } : {}),\n    ...register(\n      name,\n      {\n        onChange,\n        onBlur: HandleOnBlur,\n        disabled,\n        ...validation\n      }\n    )\n  };\n\n  const isLabelLeft = label.position === 'left';\n\n  return (\n    <div className={ wrapperCssClass }>\n      <label\n        id={ label.labelId || `${ id }_label` }\n        className={ `checkboxSwitchLabel ${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' }` }\n        htmlFor={ id }\n      >\n        { isLabelLeft && <FormFieldLabel { ...labelProps } /> }\n\n        <span className=\"checkboxSwitchControl\">\n          <input { ...inputProps } />\n          { /* The input conveys the checked state, so the state spans are decorative. */ }\n          <span className=\"checkboxSwitchTrack\" aria-hidden=\"true\">\n            <CheckboxSwitchState { ...checkedState } state=\"checked\" hideLabel={ effectiveHideStateLabels } />\n            <CheckboxSwitchState { ...uncheckedState } state=\"unchecked\" hideLabel={ effectiveHideStateLabels } />\n            { isSlide && <span className=\"checkboxSwitchThumb\" /> }\n          </span>\n        </span>\n\n        { !isLabelLeft && <FormFieldLabel { ...labelProps } /> }\n\n        { showSpinner && <Spinner /> }\n      </label>\n\n      <ValidationMessages name={ name } validation={ validation } />\n    </div>\n  );\n};\n\nexport default CheckboxSwitch;\n"],"mappings":"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","ignoreList":[]}