@lax-wp/design-system 0.14.48 → 0.14.50

package/dist/components/data-display/label-value/LabelValue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelValue.es.js","sources":["../../../../src/components/data-display/label-value/LabelValue.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, type ReactNode } from 'react';\nimport cn from 'classnames';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { SearchIcon } from '../../icons/SearchIcon';\nimport { Typography } from '../typography/Typography';\nimport { formatCurrency, formatDate, formatBooleanValue, isISODateString, decodeHTMLEntities } from '../../../utils/formatters';\nimport { CURRENCIES } from '../../forms/currency-input/currency.constant';\nimport { Label } from '../label/Label';\nimport { motion } from 'framer-motion';\nimport { ArrowUpwardRounded, ArrowDownwardRounded, BoltOutlined, OpenInNew } from '@mui/icons-material';\nimport Tooltip from '../../tooltip/Tooltip';\nimport { AIExtractedIndicator } from '../../icons/AIExtractedIndicator';\nimport { AIStarIcon } from '../../icons/AIStarIcon';\nimport { CheckFilledIcon, ContentCopyIcon } from '../../icon';\nimport { getConfidenceScoreBadgeColor, getConfidenceScoreBadgeFill, getConfidenceScoreBadgeHoverClass, shouldShowConfidenceScore } from '../../../utils/confidenceScoreUtils';\nimport dayjs from 'dayjs';\n\n/**\n * Source meta bounding box\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\n/**\n * Source meta item\n */\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Available label value size options\n */\nexport type LabelValueSize = 'small' | 'medium' | 'large';\n\n/**\n * Available highlight color options\n */\nexport type HighlightColor = 'success' | 'warning' | 'error' | 'info';\n\n/**\n * Theme mode for styling\n */\nexport type ThemeMode = 'light' | 'dark';\n\n/**\n * Upload handler function type\n */\nexport type UploadHandler = (file: File) => void | Promise<void>;\n\n/**\n * Master data item interface\n */\nexport interface MasterDataItem {\n  is_master_data?: boolean;\n  reference?: string;\n  group_technical_name?: string;\n  currency_code?: string;\n}\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n * Master data modal component props\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onClose: () => void;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  masterdataInfo: any;\n}\n\n/**\n * Risk details card component props\n * Using generic to allow custom risk detail types from consumers\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface RiskDetailsCardProps<TRisk = any> {\n  riskDetails: TRisk;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the LabelValue component\n */\nexport interface LabelValueProps {\n  /** The id of the label value */\n  id?: string;\n  /** The label text to display */\n  label?: string;\n  /** The value to display */\n  value?: string | number | boolean | ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Data type for formatting */\n  type?: 'string' | 'number' | 'boolean' | 'currency' | 'date' | 'datetime' | 'percentage' | 'url';\n  /** Tags to display with the label */\n  tags?: Array<{ label: string; color?: string; value?: string }>;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Master data item information */\n  items?: MasterDataItem;\n  /** Whether the value has been modified */\n  isModified?: boolean;\n  /** Whether the value has been changed */\n  isChanged?: boolean;\n  /** Size variant */\n  size?: LabelValueSize;\n  /** Whether the value is highlighted */\n  isHighlighted?: boolean;\n  /** Deleted value for diff display */\n  deletedValue?: string;\n  /** Highlight color for changes */\n  highlightColor?: HighlightColor;\n  /** Whether search is active */\n  isSearchActive?: boolean;\n  /** Whether to show original boolean value */\n  originalValue?: boolean;\n  /** Whether to show diff between old and new values */\n  showDiff?: boolean;\n  /** Whether this is a live field (shows bolt icon) */\n  isLiveField?: boolean;\n  /** Whether this is an AI extracted field (shows AI extracted icon) */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Delta change value for currency fields */\n  deltaChange?: number;\n  /** Theme mode */\n  theme?: ThemeMode;\n  /** Upload handler function */\n  onUpload?: UploadHandler;\n  /** Whether the component accepts file uploads */\n  acceptsUpload?: boolean;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Risk analysis data - accepts any risk object extending RiskDetails */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  riskDetails?: RiskDetails | any;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component - accepts components with custom risk types */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Custom aria-label for accessibility */\n  'aria-label'?: string;\n  /** Whether to decode HTML character entities in string values (default: true) */\n  decodeEntities?: boolean;\n  /** Function to handle AI extracted indicator click */\n  onAiExtractedIndicatorClick?: (value: string) => void;\n  /** Whether to show a copy-to-clipboard icon in the top-right corner on hover */\n  copyOnHover?: boolean;\n  /** Display alias text for URL type — shown instead of the raw URL, with an external link icon */\n  urlAlias?: string;\n  /**\n   * Whether a `datetime` value is an instant that should be converted to the viewer's timezone.\n   * Field values are wall clock — what the user typed — so this is off by default; turn it on for\n   * system timestamps (created_at, executed_on...).\n   */\n  allowTimezoneConversion?: boolean;\n}\n\n/**\n * LabelValue component displays a label-value pair with various formatting options\n *\n * @example\n * ```tsx\n * <LabelValue \n *   label=\"Status\" \n *   value=\"Active\" \n *   type=\"string\" \n *   size=\"medium\" \n * />\n * <LabelValue \n *   label=\"Price\" \n *   value={99.99} \n *   type=\"currency\" \n *   items={{ currency_code: 'USD' }}\n * />\n * <LabelValue \n *   label=\"Upload File\" \n *   acceptsUpload \n *   onUpload={handleUpload}\n * />\n * ```\n */\nexport const LabelValue = forwardRef<HTMLDivElement, LabelValueProps>(\n  (\n    {\n      id,\n      label,\n      value,\n      className,\n      type = 'string',\n      tags,\n      tooltip,\n      items,\n      isModified = false,\n      isChanged = false,\n      size = 'medium',\n      isHighlighted = false,\n      deletedValue,\n      highlightColor = 'warning',\n      isSearchActive = false,\n      originalValue = false,\n      showDiff = false,\n      isLiveField = false,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      deltaChange,\n      theme: _theme = 'light',\n      onUpload,\n      acceptsUpload = false,\n      MasterDataModal,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      'aria-label': ariaLabel,\n      decodeEntities = true,\n      onAiExtractedIndicatorClick,\n      copyOnHover = false,\n      urlAlias,\n      allowTimezoneConversion = false,\n    },\n    ref\n  ) => {\n    const [collapseValue, setCollapseValue] = useState(true);\n    const [isOpenMasterDataModal, setIsOpenMasterDataModal] = useState(false);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [masterdataModalInfo, setMasterdataModalInfo] = useState<any>(null);\n    const [isHovered, setIsHovered] = useState(false);\n    const [isCopied, setIsCopied] = useState(false);\n    const copyResetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n      return () => {\n        if (copyResetTimer.current) clearTimeout(copyResetTimer.current);\n      };\n    }, []);\n\n    // Theme is passed as prop but not used in current implementation\n\n    /**\n     * Conditionally decode HTML entities based on the decodeEntities prop\n     */\n    const decode = (text: string): string => decodeEntities ? decodeHTMLEntities(text) : text;\n\n    const COLLAPSE_CHAR_LIMIT = 100;\n\n    /**\n     * Handle collapse toggle for long text\n     */\n    const handleCollapse = () => {\n      setCollapseValue(!collapseValue);\n    };\n\n    /**\n     * Show more / Show less toggle for long text and URLs\n     */\n    const renderCollapseToggle = () => (\n      <button\n        id={`btn-label-value-${collapseValue ? 'Show more' : 'Show less'}`}\n        className=\"text-primary-400 text-sm hover:text-primary-500 cursor-pointer whitespace-nowrap\"\n        onClick={handleCollapse}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleCollapse();\n          }\n        }}\n        aria-label={collapseValue ? 'Show more content' : 'Show less content'}\n        type=\"button\"\n      >\n        {collapseValue ? 'Show more' : 'Show less'}\n      </button>\n    );\n\n    /**\n     * Render a URL with optional collapse for long href/display text\n     */\n    const renderUrlValue = (href: string) => {\n      if (urlAlias) {\n        return (\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1 font-semibold text-neutral-900 dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition-colors\"\n          >\n            {urlAlias}\n            <OpenInNew sx={{ fontSize: 16 }} className=\"text-primary-600 dark:text-primary-400\" />\n          </a>\n        );\n      }\n      const decoded = decode(href);\n      if (decoded.length <= COLLAPSE_CHAR_LIMIT) {\n        return (\n          <a href={href} className=\"text-primary-600 truncate\">\n            {decoded}\n          </a>\n        );\n      }\n      return (\n        <p>\n          <a href={href} className=\"text-primary-600 break-all\">\n            {decoded.slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decoded.length)}\n          </a>\n          {collapseValue ? '... ' : ' '}\n          {renderCollapseToggle()}\n        </p>\n      );\n    };\n\n    /**\n     * Handle master data click\n     */\n    const handleMasterDataClick = (item: MasterDataItem) => {\n      setIsOpenMasterDataModal(true);\n      setMasterdataModalInfo({ ...item, value });\n    };\n\n    /**\n     * Handle master data modal close\n     */\n    const handleMasterDataClose = () => {\n      setIsOpenMasterDataModal(false);\n      setMasterdataModalInfo(null);\n    };\n\n    /**\n     * Copy the current value to the clipboard\n     */\n    const handleCopyValue = () => {\n      const textToCopy =\n        value === null || value === undefined || typeof value === 'object'\n          ? ''\n          : String(value);\n      if (!textToCopy) return;\n      navigator.clipboard?.writeText(textToCopy)\n        .then(() => {\n          setIsCopied(true);\n          if (copyResetTimer.current) clearTimeout(copyResetTimer.current);\n          copyResetTimer.current = setTimeout(() => setIsCopied(false), 1500);\n        })\n        .catch(() => { });\n    };\n\n    /**\n     * Handle file upload\n     */\n    const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      if (file && onUpload) {\n        onUpload(file);\n      }\n      // Reset input value to allow same file selection\n      event.target.value = '';\n    };\n\n    /**\n     * Format and display the value based on type\n     */\n    const displayValue = () => {\n      const isISODate = typeof value === 'string' && isISODateString(value);\n\n      if (isSearchActive && typeof value === 'object') {\n        return value;\n      }\n\n      if (value || (type?.toLowerCase() === 'boolean' && value === 0) || (type?.toLowerCase() === 'currency' && Number(value) >= 0)) {\n        if ((value === true || value === 'True') && !originalValue && (type?.toLowerCase() !== 'choice')) {\n          return 'Yes';\n        } else if ((value === false || value === 'False') && !originalValue && (type?.toLowerCase() !== 'choice')) {\n          return 'No';\n        } else if (type?.toLowerCase() === 'url') {\n          return renderUrlValue(value as string);\n        } else if (type?.toLowerCase() === 'boolean') {\n          return formatBooleanValue(value);\n        } else if (type?.toLowerCase() === 'currency') {\n          const formatted = formatCurrency(value, items?.currency_code) || '-';\n          const currencyName = items?.currency_code\n            ? CURRENCIES.find(c => c.value === items.currency_code)?.label\n            : undefined;\n          const tooltipTitle = currencyName\n            ? `${items!.currency_code} — ${currencyName}`\n            : items?.currency_code ?? '';\n          return currencyName ? (\n            <Tooltip title={tooltipTitle} placement=\"top\">\n              <span>{formatted}</span>\n            </Tooltip>\n          ) : formatted;\n        } else if (type?.toLowerCase() === 'datetime') {\n          const dateValue = typeof value === 'string' && value.includes('Z') ? value.replace(/\\.000Z$/, 'Z') : value;\n          return formatDate(dateValue as string, {\n            skipTimezone: !allowTimezoneConversion,\n            withTime: true,\n          });\n        } else if (type?.toLowerCase() === 'date' || isISODate) {\n          let dateValue = value;\n\n          if (typeof value === 'string' && value.includes('Z')) {\n            dateValue = value.replace(/\\.000Z$/, 'Z')\n          } else if (typeof value === 'string' && !value.includes('Z')) {\n            const parsed = dayjs(value);\n            dateValue = dayjs(parsed).isValid() ? parsed.toString() : value;\n          }\n\n          return formatDate(dateValue as string, {\n            skipTimezone: true,\n            withTime: false,\n          });\n        } else if (type?.toLowerCase() === 'percentage') {\n          return `${value}%`;\n        } else if (typeof value === 'string' && value.length > COLLAPSE_CHAR_LIMIT) {\n          const decoded = decode(value);\n          return (\n            <p>\n              {decoded.slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decoded.length)}\n              {collapseValue ? '... ' : ' '}\n              {renderCollapseToggle()}\n            </p>\n          );\n        } else {\n          return typeof value === 'string' ? decode(value) : value;\n        }\n      }\n      return '-';\n    };\n\n    /**\n     * Get Typography size based on LabelValue size\n     */\n    const getTypographySize = () => {\n      switch (size) {\n        case 'small':\n          return 'extra-small' as const;\n        case 'large':\n          return 'large' as const;\n        default: // medium\n          return 'small' as const;\n      }\n    };\n\n    /**\n     * Get highlight color classes\n     */\n    const getHighlightClasses = (): string => {\n      switch (highlightColor) {\n        case 'success':\n          return 'bg-success-100';\n        case 'warning':\n          return 'bg-warning-100';\n        case 'error':\n          return 'bg-error-100';\n        case 'info':\n          return 'bg-info-100';\n        default:\n          return 'bg-warning-100';\n      }\n    };\n\n    return (\n      <div\n        id={id || ''}\n        ref={ref}\n        className={cn(\n          'font-medium relative',\n          className\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        aria-label={ariaLabel || `Label: ${label}, Value: ${value}`}\n      >\n        {/* Label section */}\n        <Typography\n          variant=\"medium\"\n          size={getTypographySize()}\n          className=\"flex gap-1 items-center flex-wrap\"\n          appearance=\"subtitle\"\n        >\n\n          {/* Live field indicator */}\n          {typeof label === 'string' ? decode(label) : label} {<Label labels={tags?.map(tag => ({ ...tag, color: tag.color || 'primary' }))} />}\n\n          {isLiveField && <BoltOutlined sx={{ fontSize: 16, color: 'var(--color-primary-600)', rotate: '15deg' }} />}\n          {isAiExtracted &&\n            (shouldShowConfidenceScore(confidenceScore) && confidenceType ? (\n              <Tooltip\n                placement=\"top\"\n                title={confidenceTooltip || \"\"}\n                className=\"cursor-pointer\"\n              >\n                <div\n                  className={cn(\"cursor-pointer w-3 h-3 flex items-center justify-center rounded-full\", getConfidenceScoreBadgeHoverClass(confidenceType))}\n                  onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                >\n                  <AIStarIcon\n                    size={12}\n                    fill={getConfidenceScoreBadgeColor(confidenceType)}\n                    fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                  />\n                </div>\n              </Tooltip>\n            ) : (\n              <AIExtractedIndicator onClick={() => onAiExtractedIndicatorClick?.(displayValue() as string)} />\n            ))}\n\n          {/* Tooltip */}\n          {tooltip && (\n            <Tooltip\n              placement=\"top\"\n              title={tooltip}\n              whiteSpace=\"pre-wrap\"\n            >\n              <div\n                className=\"cursor-pointer\"\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    // Tooltip will show on focus\n                  }\n                }}\n              >\n                <HelpIcon size={14} />\n              </div>\n            </Tooltip>\n          )}\n          {copyOnHover && isHovered && (\n            <Tooltip title={isCopied ? 'Copied' : `Copy ${label ?? 'value'}`} placement=\"top\" whiteSpace=\"pre-wrap\">\n              <button\n                type=\"button\"\n                onClick={handleCopyValue}\n                aria-label={isCopied ? `Copied ${label ?? 'value'}` : `Copy ${label ?? 'value'}`}\n                className=\"p-1 flex items-center justify-center rounded text-neutral-500 hover:!text-primary-600 hover:bg-neutral-100 dark:text-primary-400 dark:hover:!text-primary-600 dark:hover:bg-neutral-800 cursor-pointer\"\n              >\n                <span className=\"relative inline-flex h-4 w-4 items-center justify-center\">\n                  <ContentCopyIcon\n                    size={16}\n                    className={cn(\n                      'absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out',\n                      isCopied ? 'opacity-0 scale-50 rotate-[-90deg]' : 'opacity-100 scale-100 rotate-0'\n                    )}\n                  />\n                  <CheckFilledIcon\n                    size={16}\n                    className={cn(\n                      'absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out',\n                      isCopied ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-50 rotate-90'\n                    )}\n                  />\n                </span>\n              </button>\n            </Tooltip>\n          )}\n        </Typography>\n\n        {/* Value section */}\n        <Typography\n          variant=\"medium\"\n          size={getTypographySize()}\n          className={cn(\n            'text-- whitespace-normal break-all flex gap-1 pt-0.5',\n            isModified && 'bg-neutral-50 dark:bg-black-700 p-1 rounded',\n            isRiskAnalysisOpen && riskDetails?.color &&\n            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300 px-0.5 rounded-lg`\n          )}\n          appearance=\"body\"\n        >\n          {/* Value display */}\n          {showDiff && deletedValue && value ? (\n            <div className=\"flex gap-2\">\n              <span className=\"line-through\">{decode(deletedValue)}</span>\n              <span>{displayValue()}</span>\n            </div>\n          ) : isChanged || isHighlighted ? (\n            <mark className={cn('rounded-md py-0.5 px-1', getHighlightClasses())}>\n              {displayValue()}\n            </mark>\n          ) : (\n            displayValue()\n          )}\n\n          {/* Delta change indicator for currency fields */}\n          {type?.toLowerCase() === 'currency' && deltaChange !== 0 && deltaChange !== undefined && deltaChange !== null && (\n            <motion.span\n              initial={{ opacity: 0, y: 2 }}\n              animate={{ opacity: 1, y: 0 }}\n              transition={{ duration: 0.25 }}\n              className={cn(\n                'inline-flex items-center gap-1 ml-1.5 text-xs font-medium',\n                deltaChange > 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-red-600 dark:text-red-400'\n              )}\n            >\n              <span className=\"flex items-center justify-center w-4 h-4\">\n                {deltaChange > 0 ? (\n                  <ArrowUpwardRounded sx={{ fontSize: 16 }} className=\"text-emerald-600 dark:text-emerald-400\" />\n                ) : (\n                  <ArrowDownwardRounded sx={{ fontSize: 16 }} className=\"text-red-600 dark:text-red-400\" />\n                )}\n              </span>\n              <span>{formatCurrency(Math.abs(deltaChange), items?.currency_code || 'USD')}</span>\n            </motion.span>\n          )}\n\n          {/* Master data search icon */}\n          {items?.is_master_data && items?.reference && value && (\n            <button\n              onClick={() => handleMasterDataClick(items)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  handleMasterDataClick(items);\n                }\n              }}\n              aria-label={`Search master data for ${label}`}\n              type=\"button\"\n              className=\"cursor-pointer\"\n            >\n              <SearchIcon width={20} height={20} />\n            </button>\n          )}\n\n          {/* File upload input */}\n          {acceptsUpload && (\n            <input\n              type=\"file\"\n              onChange={handleFileUpload}\n              className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer\"\n              aria-label={`Upload file for ${label}`}\n            />\n          )}\n        </Typography>\n\n        {/* Deleted value display */}\n        {deletedValue && !showDiff && (\n          <Typography\n            variant=\"medium\"\n            size=\"extra-small\"\n            className=\"pt-0.5\"\n            appearance=\"body\"\n          >\n            <mark className=\"rounded-md py-0.5 px-1 bg-error-100\">\n              <del>\n                {deletedValue || (type?.toLowerCase() === 'boolean' && deletedValue === '0') ? (\n                  deletedValue === 'True' && (type?.toLowerCase() !== 'choice') ? (\n                    'Yes'\n                  ) : deletedValue === 'False' && (type?.toLowerCase() !== 'choice') ? (\n                    'No'\n                  ) : type?.toLowerCase() === 'boolean' ? (\n                    formatBooleanValue(deletedValue)\n                  ) : type?.toLowerCase() === 'currency' ? (\n                    formatCurrency(deletedValue, items?.currency_code)\n                  ) : type?.toLowerCase() === 'date' ? (\n                    formatDate(deletedValue, {\n                      skipTimezone: true,\n                      withTime: false,\n                    })\n                  ) : type?.toLowerCase() === 'datetime' ? (\n                    formatDate(deletedValue, {\n                      skipTimezone: true,\n                      withTime: true,\n                    })\n                  ) : type?.toLowerCase() === 'percentage' ? (\n                    `${deletedValue}%`\n                  ) : type?.toLowerCase() === 'url' ? (\n                    renderUrlValue(deletedValue)\n                  ) : deletedValue.length > COLLAPSE_CHAR_LIMIT ? (\n                    <p>\n                      {decode(deletedValue).slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decode(deletedValue).length)}\n                      {collapseValue ? '... ' : ' '}\n                      {renderCollapseToggle()}\n                    </p>\n                  ) : (\n                    decode(deletedValue)\n                  )\n                ) : (\n                  '-'\n                )}\n              </del>\n            </mark>\n          </Typography>\n        )}\n\n        {/* Master data modal */}\n        {MasterDataModal && (\n          <MasterDataModal\n            isVisible={isOpenMasterDataModal}\n            onClose={handleMasterDataClose}\n            masterdataInfo={masterdataModalInfo}\n          />\n        )}\n\n        {/* Risk details tooltip */}\n        {isHovered && riskDetails && isRiskAnalysisOpen && (\n          <div\n            className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n            onClick={(e) => e.stopPropagation()}\n            onMouseDown={(e) => e.preventDefault()}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setIsHovered(false);\n              }\n            }}\n            role=\"tooltip\"\n            aria-label=\"Risk analysis details\"\n            tabIndex={0}\n          >\n            {RiskDetailsCard ? (\n              <RiskDetailsCard riskDetails={riskDetails} />\n            ) : (\n              <div className=\"shadow-lg p-4\">\n                <div className=\"text-sm\">\n                  <h4 className=\"font-semibold mb-2\">Risk Details</h4>\n                  <p className=\"text-neutral-600 dark:text-neutral-300\">\n                    {riskDetails.description || 'Risk analysis information'}\n                  </p>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nLabelValue.displayName = 'LabelValue';\n"],"names":["LabelValue","forwardRef","id","label","value","className","type","tags","tooltip","items","isModified","isChanged","size","isHighlighted","deletedValue","highlightColor","isSearchActive","originalValue","showDiff","isLiveField","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","deltaChange","_theme","onUpload","acceptsUpload","MasterDataModal","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","ariaLabel","decodeEntities","onAiExtractedIndicatorClick","copyOnHover","urlAlias","allowTimezoneConversion","ref","collapseValue","setCollapseValue","useState","isOpenMasterDataModal","setIsOpenMasterDataModal","masterdataModalInfo","setMasterdataModalInfo","isHovered","setIsHovered","isCopied","setIsCopied","copyResetTimer","useRef","useEffect","decode","text","decodeHTMLEntities","COLLAPSE_CHAR_LIMIT","handleCollapse","renderCollapseToggle","jsx","e","renderUrlValue","href","jsxs","OpenInNew","decoded","handleMasterDataClick","item","handleMasterDataClose","handleCopyValue","textToCopy","handleFileUpload","event","file","displayValue","isISODate","isISODateString","formatBooleanValue","formatted","formatCurrency","currencyName","CURRENCIES","c","tooltipTitle","Tooltip","dateValue","formatDate","parsed","dayjs","getTypographySize","getHighlightClasses","cn","Typography","Label","tag","BoltOutlined","shouldShowConfidenceScore","getConfidenceScoreBadgeHoverClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","AIExtractedIndicator","HelpIcon","ContentCopyIcon","CheckFilledIcon","motion","ArrowUpwardRounded","ArrowDownwardRounded","SearchIcon"],"mappings":"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"}
+{"version":3,"file":"LabelValue.es.js","sources":["../../../../src/components/data-display/label-value/LabelValue.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, type ReactNode } from 'react';\nimport cn from 'classnames';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { SearchIcon } from '../../icons/SearchIcon';\nimport { Typography } from '../typography/Typography';\nimport { formatCurrency, formatDate, formatBooleanValue, isISODateString, decodeHTMLEntities } from '../../../utils/formatters';\nimport { CURRENCIES } from '../../forms/currency-input/currency.constant';\nimport { Label } from '../label/Label';\nimport { motion } from 'framer-motion';\nimport { ArrowUpwardRounded, ArrowDownwardRounded, BoltOutlined, OpenInNew } from '@mui/icons-material';\nimport Tooltip from '../../tooltip/Tooltip';\nimport { AIExtractedIndicator } from '../../icons/AIExtractedIndicator';\nimport { AIStarIcon } from '../../icons/AIStarIcon';\nimport { CheckFilledIcon, ContentCopyIcon } from '../../icon';\nimport { APP_DATA_TYPES } from '../datatype-icon/DataTypeIcon';\nimport { LabelValueDataTypeIcon } from '../datatype-icon/LabelValueDataTypeIcon';\nimport { getConfidenceScoreBadgeColor, getConfidenceScoreBadgeFill, getConfidenceScoreBadgeHoverClass, shouldShowConfidenceScore } from '../../../utils/confidenceScoreUtils';\nimport dayjs from 'dayjs';\n\n/**\n * Source meta bounding box\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\n/**\n * Source meta item\n */\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Available label value size options\n */\nexport type LabelValueSize = 'small' | 'medium' | 'large';\n\n/**\n * Available highlight color options\n */\nexport type HighlightColor = 'success' | 'warning' | 'error' | 'info';\n\n/**\n * Theme mode for styling\n */\nexport type ThemeMode = 'light' | 'dark';\n\n/**\n * Upload handler function type\n */\nexport type UploadHandler = (file: File) => void | Promise<void>;\n\n/**\n * Master data item interface\n */\nexport interface MasterDataItem {\n  is_master_data?: boolean;\n  reference?: string;\n  group_technical_name?: string;\n  currency_code?: string;\n}\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n * Master data modal component props\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onClose: () => void;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  masterdataInfo: any;\n}\n\n/**\n * Risk details card component props\n * Using generic to allow custom risk detail types from consumers\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface RiskDetailsCardProps<TRisk = any> {\n  riskDetails: TRisk;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Maps the LabelValue `type` prop onto a `DataTypeIcon` data type, with an\n * optional tooltip override when the two vocabularies don't line up.\n */\nconst TYPE_TO_DATA_TYPE: Record<string, { dataType: string; label?: string }> = {\n  string: { dataType: APP_DATA_TYPES.STRING },\n  number: { dataType: APP_DATA_TYPES.NUMBER },\n  boolean: { dataType: APP_DATA_TYPES.BOOLEAN },\n  currency: { dataType: APP_DATA_TYPES.CURRENCY },\n  date: { dataType: APP_DATA_TYPES.DATE },\n  datetime: { dataType: APP_DATA_TYPES.DATETIME },\n  percentage: { dataType: APP_DATA_TYPES.NUMBER, label: 'Percentage' },\n  url: { dataType: APP_DATA_TYPES.STRING, label: 'URL' },\n};\n\n/**\n * Props for the LabelValue component\n */\nexport interface LabelValueProps {\n  /** The id of the label value */\n  id?: string;\n  /** The label text to display */\n  label?: string;\n  /** The value to display */\n  value?: string | number | boolean | ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Data type for formatting */\n  type?: 'string' | 'number' | 'boolean' | 'currency' | 'date' | 'datetime' | 'percentage' | 'url';\n  /** Tags to display with the label */\n  tags?: Array<{ label: string; color?: string; value?: string }>;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Master data item information */\n  items?: MasterDataItem;\n  /** Whether the value has been modified */\n  isModified?: boolean;\n  /** Whether the value has been changed */\n  isChanged?: boolean;\n  /** Size variant */\n  size?: LabelValueSize;\n  /** Whether the value is highlighted */\n  isHighlighted?: boolean;\n  /** Deleted value for diff display */\n  deletedValue?: string;\n  /** Highlight color for changes */\n  highlightColor?: HighlightColor;\n  /** Whether search is active */\n  isSearchActive?: boolean;\n  /** Whether to show original boolean value */\n  originalValue?: boolean;\n  /** Whether to show diff between old and new values */\n  showDiff?: boolean;\n  /** Whether this is a live field (shows bolt icon) */\n  isLiveField?: boolean;\n  /** Whether this is an AI extracted field (shows AI extracted icon) */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Delta change value for currency fields */\n  deltaChange?: number;\n  /** Theme mode */\n  theme?: ThemeMode;\n  /** Upload handler function */\n  onUpload?: UploadHandler;\n  /** Whether the component accepts file uploads */\n  acceptsUpload?: boolean;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Risk analysis data - accepts any risk object extending RiskDetails */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  riskDetails?: RiskDetails | any;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component - accepts components with custom risk types */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Custom aria-label for accessibility */\n  'aria-label'?: string;\n  /** Whether to decode HTML character entities in string values (default: true) */\n  decodeEntities?: boolean;\n  /** Function to handle AI extracted indicator click */\n  onAiExtractedIndicatorClick?: (value: string) => void;\n  /** Whether to show a copy-to-clipboard icon in the top-right corner on hover */\n  copyOnHover?: boolean;\n  /** Display alias text for URL type — shown instead of the raw URL, with an external link icon */\n  urlAlias?: string;\n  /** Whether to show the data type icon next to the label */\n  showTypeIcon?: boolean;\n  /** Explicit data type for the icon (one of `APP_DATA_TYPES`) — overrides the mapping from `type` */\n  dataType?: string;\n  /**\n   * Whether a `datetime` value is an instant that should be converted to the viewer's timezone.\n   * Field values are wall clock — what the user typed — so this is off by default; turn it on for\n   * system timestamps (created_at, executed_on...).\n   */\n  allowTimezoneConversion?: boolean;\n}\n\n/**\n * LabelValue component displays a label-value pair with various formatting options\n *\n * @example\n * ```tsx\n * <LabelValue \n *   label=\"Status\" \n *   value=\"Active\" \n *   type=\"string\" \n *   size=\"medium\" \n * />\n * <LabelValue \n *   label=\"Price\" \n *   value={99.99} \n *   type=\"currency\" \n *   items={{ currency_code: 'USD' }}\n * />\n * <LabelValue \n *   label=\"Upload File\" \n *   acceptsUpload \n *   onUpload={handleUpload}\n * />\n * ```\n */\nexport const LabelValue = forwardRef<HTMLDivElement, LabelValueProps>(\n  (\n    {\n      id,\n      label,\n      value,\n      className,\n      type = 'string',\n      tags,\n      tooltip,\n      items,\n      isModified = false,\n      isChanged = false,\n      size = 'medium',\n      isHighlighted = false,\n      deletedValue,\n      highlightColor = 'warning',\n      isSearchActive = false,\n      originalValue = false,\n      showDiff = false,\n      isLiveField = false,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      deltaChange,\n      theme: _theme = 'light',\n      onUpload,\n      acceptsUpload = false,\n      MasterDataModal,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      'aria-label': ariaLabel,\n      decodeEntities = true,\n      onAiExtractedIndicatorClick,\n      copyOnHover = false,\n      urlAlias,\n      showTypeIcon = false,\n      dataType,\n      allowTimezoneConversion = false,\n    },\n    ref\n  ) => {\n    const [collapseValue, setCollapseValue] = useState(true);\n    const [isOpenMasterDataModal, setIsOpenMasterDataModal] = useState(false);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const [masterdataModalInfo, setMasterdataModalInfo] = useState<any>(null);\n    const [isHovered, setIsHovered] = useState(false);\n    const [isCopied, setIsCopied] = useState(false);\n    const copyResetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n      return () => {\n        if (copyResetTimer.current) clearTimeout(copyResetTimer.current);\n      };\n    }, []);\n\n    // Theme is passed as prop but not used in current implementation\n\n    /**\n     * Conditionally decode HTML entities based on the decodeEntities prop\n     */\n    const decode = (text: string): string => decodeEntities ? decodeHTMLEntities(text) : text;\n\n    const COLLAPSE_CHAR_LIMIT = 100;\n\n    /**\n     * Data type icon descriptor — an explicit `dataType` wins over the `type` mapping\n     */\n    const typeIcon: { dataType: string; label?: string } | undefined = dataType\n      ? { dataType }\n      : TYPE_TO_DATA_TYPE[String(type).toLowerCase()];\n\n    /** Data type icon size, scaled with the LabelValue size */\n    const typeIconSize = size === 'small' ? 14 : size === 'large' ? 18 : 16;\n\n    /**\n     * Handle collapse toggle for long text\n     */\n    const handleCollapse = () => {\n      setCollapseValue(!collapseValue);\n    };\n\n    /**\n     * Show more / Show less toggle for long text and URLs\n     */\n    const renderCollapseToggle = () => (\n      <button\n        id={`btn-label-value-${collapseValue ? 'Show more' : 'Show less'}`}\n        className=\"text-primary-400 text-sm hover:text-primary-500 cursor-pointer whitespace-nowrap\"\n        onClick={handleCollapse}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleCollapse();\n          }\n        }}\n        aria-label={collapseValue ? 'Show more content' : 'Show less content'}\n        type=\"button\"\n      >\n        {collapseValue ? 'Show more' : 'Show less'}\n      </button>\n    );\n\n    /**\n     * Render a URL with optional collapse for long href/display text\n     */\n    const renderUrlValue = (href: string) => {\n      if (urlAlias) {\n        return (\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"inline-flex items-center gap-1 font-semibold text-neutral-900 dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition-colors\"\n          >\n            {urlAlias}\n            <OpenInNew sx={{ fontSize: 16 }} className=\"text-primary-600 dark:text-primary-400\" />\n          </a>\n        );\n      }\n      const decoded = decode(href);\n      if (decoded.length <= COLLAPSE_CHAR_LIMIT) {\n        return (\n          <a href={href} className=\"text-primary-600 truncate\">\n            {decoded}\n          </a>\n        );\n      }\n      return (\n        <p>\n          <a href={href} className=\"text-primary-600 break-all\">\n            {decoded.slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decoded.length)}\n          </a>\n          {collapseValue ? '... ' : ' '}\n          {renderCollapseToggle()}\n        </p>\n      );\n    };\n\n    /**\n     * Handle master data click\n     */\n    const handleMasterDataClick = (item: MasterDataItem) => {\n      setIsOpenMasterDataModal(true);\n      setMasterdataModalInfo({ ...item, value });\n    };\n\n    /**\n     * Handle master data modal close\n     */\n    const handleMasterDataClose = () => {\n      setIsOpenMasterDataModal(false);\n      setMasterdataModalInfo(null);\n    };\n\n    /**\n     * Copy the current value to the clipboard\n     */\n    const handleCopyValue = () => {\n      const textToCopy =\n        value === null || value === undefined || typeof value === 'object'\n          ? ''\n          : String(value);\n      if (!textToCopy) return;\n      navigator.clipboard?.writeText(textToCopy)\n        .then(() => {\n          setIsCopied(true);\n          if (copyResetTimer.current) clearTimeout(copyResetTimer.current);\n          copyResetTimer.current = setTimeout(() => setIsCopied(false), 1500);\n        })\n        .catch(() => { });\n    };\n\n    /**\n     * Handle file upload\n     */\n    const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0];\n      if (file && onUpload) {\n        onUpload(file);\n      }\n      // Reset input value to allow same file selection\n      event.target.value = '';\n    };\n\n    /**\n     * Format and display the value based on type\n     */\n    const displayValue = () => {\n      const isISODate = typeof value === 'string' && isISODateString(value);\n\n      if (isSearchActive && typeof value === 'object') {\n        return value;\n      }\n\n      if (value || (type?.toLowerCase() === 'boolean' && value === 0) || (type?.toLowerCase() === 'currency' && Number(value) >= 0)) {\n        if ((value === true || value === 'True') && !originalValue && (type?.toLowerCase() !== 'choice')) {\n          return 'Yes';\n        } else if ((value === false || value === 'False') && !originalValue && (type?.toLowerCase() !== 'choice')) {\n          return 'No';\n        } else if (type?.toLowerCase() === 'url') {\n          return renderUrlValue(value as string);\n        } else if (type?.toLowerCase() === 'boolean') {\n          return formatBooleanValue(value);\n        } else if (type?.toLowerCase() === 'currency') {\n          const formatted = formatCurrency(value, items?.currency_code) || '-';\n          const currencyName = items?.currency_code\n            ? CURRENCIES.find(c => c.value === items.currency_code)?.label\n            : undefined;\n          const tooltipTitle = currencyName\n            ? `${items!.currency_code} — ${currencyName}`\n            : items?.currency_code ?? '';\n          return currencyName ? (\n            <Tooltip title={tooltipTitle} placement=\"top\">\n              <span>{formatted}</span>\n            </Tooltip>\n          ) : formatted;\n        } else if (type?.toLowerCase() === 'datetime') {\n          const dateValue = typeof value === 'string' && value.includes('Z') ? value.replace(/\\.000Z$/, 'Z') : value;\n          return formatDate(dateValue as string, {\n            skipTimezone: !allowTimezoneConversion,\n            withTime: true,\n          });\n        } else if (type?.toLowerCase() === 'date' || isISODate) {\n          let dateValue = value;\n\n          if (typeof value === 'string' && value.includes('Z')) {\n            dateValue = value.replace(/\\.000Z$/, 'Z')\n          } else if (typeof value === 'string' && !value.includes('Z')) {\n            const parsed = dayjs(value);\n            dateValue = dayjs(parsed).isValid() ? parsed.toString() : value;\n          }\n\n          return formatDate(dateValue as string, {\n            skipTimezone: true,\n            withTime: false,\n          });\n        } else if (type?.toLowerCase() === 'percentage') {\n          return `${value}%`;\n        } else if (typeof value === 'string' && value.length > COLLAPSE_CHAR_LIMIT) {\n          const decoded = decode(value);\n          return (\n            <p>\n              {decoded.slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decoded.length)}\n              {collapseValue ? '... ' : ' '}\n              {renderCollapseToggle()}\n            </p>\n          );\n        } else {\n          return typeof value === 'string' ? decode(value) : value;\n        }\n      }\n      return '-';\n    };\n\n    /**\n     * Get Typography size based on LabelValue size\n     */\n    const getTypographySize = () => {\n      switch (size) {\n        case 'small':\n          return 'extra-small' as const;\n        case 'large':\n          return 'large' as const;\n        default: // medium\n          return 'small' as const;\n      }\n    };\n\n    /**\n     * Get highlight color classes\n     */\n    const getHighlightClasses = (): string => {\n      switch (highlightColor) {\n        case 'success':\n          return 'bg-success-100';\n        case 'warning':\n          return 'bg-warning-100';\n        case 'error':\n          return 'bg-error-100';\n        case 'info':\n          return 'bg-info-100';\n        default:\n          return 'bg-warning-100';\n      }\n    };\n\n    return (\n      <div\n        id={id || ''}\n        ref={ref}\n        className={cn(\n          'font-medium relative',\n          className\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        aria-label={ariaLabel || `Label: ${label}, Value: ${value}`}\n      >\n        {/* Label section */}\n        <Typography\n          variant=\"medium\"\n          size={getTypographySize()}\n          className=\"flex gap-1 items-center flex-wrap\"\n          appearance=\"subtitle\"\n        >\n          {/* Data type icon */}\n          {showTypeIcon && typeIcon && (\n            <LabelValueDataTypeIcon dataType={typeIcon.dataType} tooltip={typeIcon.label} size={typeIconSize} />\n          )}\n\n          {/* Live field indicator */}\n          {typeof label === 'string' ? decode(label) : label} {<Label labels={tags?.map(tag => ({ ...tag, color: tag.color || 'primary' }))} />}\n\n          {isLiveField && <BoltOutlined sx={{ fontSize: 16, color: 'var(--color-primary-600)', rotate: '15deg' }} />}\n          {isAiExtracted &&\n            (shouldShowConfidenceScore(confidenceScore) && confidenceType ? (\n              <Tooltip\n                placement=\"top\"\n                title={confidenceTooltip || \"\"}\n                className=\"cursor-pointer\"\n              >\n                <div\n                  className={cn(\"cursor-pointer w-3 h-3 flex items-center justify-center rounded-full\", getConfidenceScoreBadgeHoverClass(confidenceType))}\n                  onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                >\n                  <AIStarIcon\n                    size={12}\n                    fill={getConfidenceScoreBadgeColor(confidenceType)}\n                    fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                  />\n                </div>\n              </Tooltip>\n            ) : (\n              <AIExtractedIndicator onClick={() => onAiExtractedIndicatorClick?.(displayValue() as string)} />\n            ))}\n\n          {/* Tooltip */}\n          {tooltip && (\n            <Tooltip\n              placement=\"top\"\n              title={tooltip}\n              whiteSpace=\"pre-wrap\"\n            >\n              <div\n                className=\"cursor-pointer\"\n                role=\"button\"\n                tabIndex={0}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    // Tooltip will show on focus\n                  }\n                }}\n              >\n                <HelpIcon size={14} />\n              </div>\n            </Tooltip>\n          )}\n          {copyOnHover && isHovered && (\n            <Tooltip title={isCopied ? 'Copied' : `Copy ${label ?? 'value'}`} placement=\"top\" whiteSpace=\"pre-wrap\">\n              <button\n                type=\"button\"\n                onClick={handleCopyValue}\n                aria-label={isCopied ? `Copied ${label ?? 'value'}` : `Copy ${label ?? 'value'}`}\n                className=\"p-1 flex items-center justify-center rounded text-neutral-500 hover:!text-primary-600 hover:bg-neutral-100 dark:text-primary-400 dark:hover:!text-primary-600 dark:hover:bg-neutral-800 cursor-pointer\"\n              >\n                <span className=\"relative inline-flex h-4 w-4 items-center justify-center\">\n                  <ContentCopyIcon\n                    size={16}\n                    className={cn(\n                      'absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out',\n                      isCopied ? 'opacity-0 scale-50 rotate-[-90deg]' : 'opacity-100 scale-100 rotate-0'\n                    )}\n                  />\n                  <CheckFilledIcon\n                    size={16}\n                    className={cn(\n                      'absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out',\n                      isCopied ? 'opacity-100 scale-100 rotate-0' : 'opacity-0 scale-50 rotate-90'\n                    )}\n                  />\n                </span>\n              </button>\n            </Tooltip>\n          )}\n        </Typography>\n\n        {/* Value section */}\n        <Typography\n          variant=\"medium\"\n          size={getTypographySize()}\n          className={cn(\n            'text-- whitespace-normal break-all flex gap-1 pt-0.5',\n            isModified && 'bg-neutral-50 dark:bg-black-700 p-1 rounded',\n            isRiskAnalysisOpen && riskDetails?.color &&\n            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300 px-0.5 rounded-lg`\n          )}\n          appearance=\"body\"\n        >\n          {/* Value display */}\n          {showDiff && deletedValue && value ? (\n            <div className=\"flex gap-2\">\n              <span className=\"line-through\">{decode(deletedValue)}</span>\n              <span>{displayValue()}</span>\n            </div>\n          ) : isChanged || isHighlighted ? (\n            <mark className={cn('rounded-md py-0.5 px-1', getHighlightClasses())}>\n              {displayValue()}\n            </mark>\n          ) : (\n            displayValue()\n          )}\n\n          {/* Delta change indicator for currency fields */}\n          {type?.toLowerCase() === 'currency' && deltaChange !== 0 && deltaChange !== undefined && deltaChange !== null && (\n            <motion.span\n              initial={{ opacity: 0, y: 2 }}\n              animate={{ opacity: 1, y: 0 }}\n              transition={{ duration: 0.25 }}\n              className={cn(\n                'inline-flex items-center gap-1 ml-1.5 text-xs font-medium',\n                deltaChange > 0 ? 'text-emerald-600 dark:text-emerald-400' : 'text-red-600 dark:text-red-400'\n              )}\n            >\n              <span className=\"flex items-center justify-center w-4 h-4\">\n                {deltaChange > 0 ? (\n                  <ArrowUpwardRounded sx={{ fontSize: 16 }} className=\"text-emerald-600 dark:text-emerald-400\" />\n                ) : (\n                  <ArrowDownwardRounded sx={{ fontSize: 16 }} className=\"text-red-600 dark:text-red-400\" />\n                )}\n              </span>\n              <span>{formatCurrency(Math.abs(deltaChange), items?.currency_code || 'USD')}</span>\n            </motion.span>\n          )}\n\n          {/* Master data search icon */}\n          {items?.is_master_data && items?.reference && value && (\n            <button\n              onClick={() => handleMasterDataClick(items)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  handleMasterDataClick(items);\n                }\n              }}\n              aria-label={`Search master data for ${label}`}\n              type=\"button\"\n              className=\"cursor-pointer\"\n            >\n              <SearchIcon width={20} height={20} />\n            </button>\n          )}\n\n          {/* File upload input */}\n          {acceptsUpload && (\n            <input\n              type=\"file\"\n              onChange={handleFileUpload}\n              className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer\"\n              aria-label={`Upload file for ${label}`}\n            />\n          )}\n        </Typography>\n\n        {/* Deleted value display */}\n        {deletedValue && !showDiff && (\n          <Typography\n            variant=\"medium\"\n            size=\"extra-small\"\n            className=\"pt-0.5\"\n            appearance=\"body\"\n          >\n            <mark className=\"rounded-md py-0.5 px-1 bg-error-100\">\n              <del>\n                {deletedValue || (type?.toLowerCase() === 'boolean' && deletedValue === '0') ? (\n                  deletedValue === 'True' && (type?.toLowerCase() !== 'choice') ? (\n                    'Yes'\n                  ) : deletedValue === 'False' && (type?.toLowerCase() !== 'choice') ? (\n                    'No'\n                  ) : type?.toLowerCase() === 'boolean' ? (\n                    formatBooleanValue(deletedValue)\n                  ) : type?.toLowerCase() === 'currency' ? (\n                    formatCurrency(deletedValue, items?.currency_code)\n                  ) : type?.toLowerCase() === 'date' ? (\n                    formatDate(deletedValue, {\n                      skipTimezone: true,\n                      withTime: false,\n                    })\n                  ) : type?.toLowerCase() === 'datetime' ? (\n                    formatDate(deletedValue, {\n                      skipTimezone: true,\n                      withTime: true,\n                    })\n                  ) : type?.toLowerCase() === 'percentage' ? (\n                    `${deletedValue}%`\n                  ) : type?.toLowerCase() === 'url' ? (\n                    renderUrlValue(deletedValue)\n                  ) : deletedValue.length > COLLAPSE_CHAR_LIMIT ? (\n                    <p>\n                      {decode(deletedValue).slice(0, collapseValue ? COLLAPSE_CHAR_LIMIT : decode(deletedValue).length)}\n                      {collapseValue ? '... ' : ' '}\n                      {renderCollapseToggle()}\n                    </p>\n                  ) : (\n                    decode(deletedValue)\n                  )\n                ) : (\n                  '-'\n                )}\n              </del>\n            </mark>\n          </Typography>\n        )}\n\n        {/* Master data modal */}\n        {MasterDataModal && (\n          <MasterDataModal\n            isVisible={isOpenMasterDataModal}\n            onClose={handleMasterDataClose}\n            masterdataInfo={masterdataModalInfo}\n          />\n        )}\n\n        {/* Risk details tooltip */}\n        {isHovered && riskDetails && isRiskAnalysisOpen && (\n          <div\n            className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n            onClick={(e) => e.stopPropagation()}\n            onMouseDown={(e) => e.preventDefault()}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape') {\n                setIsHovered(false);\n              }\n            }}\n            role=\"tooltip\"\n            aria-label=\"Risk analysis details\"\n            tabIndex={0}\n          >\n            {RiskDetailsCard ? (\n              <RiskDetailsCard riskDetails={riskDetails} />\n            ) : (\n              <div className=\"shadow-lg p-4\">\n                <div className=\"text-sm\">\n                  <h4 className=\"font-semibold mb-2\">Risk Details</h4>\n                  <p className=\"text-neutral-600 dark:text-neutral-300\">\n                    {riskDetails.description || 'Risk analysis information'}\n                  </p>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nLabelValue.displayName = 'LabelValue';\n"],"names":["TYPE_TO_DATA_TYPE","APP_DATA_TYPES","LabelValue","forwardRef","id","label","value","className","type","tags","tooltip","items","isModified","isChanged","size","isHighlighted","deletedValue","highlightColor","isSearchActive","originalValue","showDiff","isLiveField","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","deltaChange","_theme","onUpload","acceptsUpload","MasterDataModal","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","ariaLabel","decodeEntities","onAiExtractedIndicatorClick","copyOnHover","urlAlias","showTypeIcon","dataType","allowTimezoneConversion","ref","collapseValue","setCollapseValue","useState","isOpenMasterDataModal","setIsOpenMasterDataModal","masterdataModalInfo","setMasterdataModalInfo","isHovered","setIsHovered","isCopied","setIsCopied","copyResetTimer","useRef","useEffect","decode","text","decodeHTMLEntities","COLLAPSE_CHAR_LIMIT","typeIcon","typeIconSize","handleCollapse","renderCollapseToggle","jsx","e","renderUrlValue","href","jsxs","OpenInNew","decoded","handleMasterDataClick","item","handleMasterDataClose","handleCopyValue","textToCopy","handleFileUpload","event","file","displayValue","isISODate","isISODateString","formatBooleanValue","formatted","formatCurrency","currencyName","CURRENCIES","c","tooltipTitle","Tooltip","dateValue","formatDate","parsed","dayjs","getTypographySize","getHighlightClasses","cn","Typography","LabelValueDataTypeIcon","Label","tag","BoltOutlined","shouldShowConfidenceScore","getConfidenceScoreBadgeHoverClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","AIExtractedIndicator","HelpIcon","ContentCopyIcon","CheckFilledIcon","motion","ArrowUpwardRounded","ArrowDownwardRounded","SearchIcon"],"mappings":"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"}

package/dist/components/navigation/accordion/Accordion.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("@mui/icons-material"),s=require("../../../_virtual/index.cjs.js"),T=require("framer-motion");require("react");const h=require("../../data-display/typography/Typography.cjs.js"),E=require("../../button/IconButton.cjs.js"),M=require("../../button/Radio.cjs.js"),j=require("../../icon/icons.generated.cjs.js"),p=({children:n,title:f,toggle:N,isOpen:t,hoveringIndex:v,index:y,viewOnly:i,onTitleClick:o,isChecked:b,onSelect:l,subTitle:g,noSpace:c,isDraggable:d,sortableConfig:a,headerClass:q,icon:k,additionalHeader:w,mainClass:I,id:z,childrenClass:$,withAnimation:u=!1,...m})=>{const x=s(!c&&"p-4",$);return e.jsxs("div",{id:z,className:`${!c&&"mb-4"}  ${t?"pb-1":"overflow-hidden"} ${I||""}`,style:a?.style,...m,children:[e.jsxs("div",{className:s("flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg",q),onClick:N,...m,children:[e.jsxs("div",{onClick:r=>o?o(r):null,className:`${d&&"flex"} w-full`,children:[d&&!i&&e.jsx("button",{id:"btn-accordion-outline-drag-indicator",className:"flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out",...a?.attributes,...a?.listeners,children:e.jsx(j.DragIndicatorIcon,{size:16,className:"text-neutral-400 dark:text-neutral-400"})}),e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[l&&e.jsx(M,{isChecked:b,onSelect:r=>{r.stopPropagation(),l()},className:"h-4 w-4 accent-[#366FE3]"}),e.jsxs("div",{className:"flex gap-2 items-center",children:[k,e.jsx(h.Typography,{size:"small",appearance:"body",variant:"medium",className:"whitespace-nowrap",children:f})]}),e.jsx(h.Typography,{size:"extra-small",appearance:"title",variant:"medium",className:"ml-1",children:g}),w,e.jsx("span",{children:v===y&&!i&&e.jsx(E,{variant:"ghost",children:e.jsx(j.EditIcon,{className:"ml-2 h-4 w-4 text-neutral-400 dark:text-neutral-400"})})})]})]}),e.jsx(A.ChevronLeft,{sx:{fontSize:18},className:s("text-neutral-600 dark:text-neutral-400",t?"rotate-90":"-rotate-90",u&&"transition-transform duration-300 ease-in-out")})]}),u?e.jsx(T.motion.div,{initial:!1,animate:{height:t?"auto":0},transition:{duration:.3,ease:[.4,0,.2,1]},children:e.jsx("div",{className:x,children:n})}):t?e.jsx("div",{className:x,children:n}):null]})};p.displayName="Accordion";exports.Accordion=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("@mui/icons-material"),s=require("../../../_virtual/index.cjs.js"),T=require("framer-motion");require("react");const h=require("../../data-display/typography/Typography.cjs.js"),E=require("../../button/IconButton.cjs.js"),M=require("../../button/Radio.cjs.js"),j=require("../../icon/icons.generated.cjs.js"),p=({children:n,title:f,toggle:N,isOpen:t,hoveringIndex:v,index:y,viewOnly:i,onTitleClick:l,isChecked:g,onSelect:o,subTitle:b,noSpace:c,isDraggable:d,sortableConfig:a,headerClass:q,icon:w,additionalHeader:k,mainClass:I,id:z,childrenClass:$,withAnimation:u=!1,...x})=>{const m=s(!c&&"p-4",$);return e.jsxs("div",{id:z,className:`${!c&&"mb-4"}  ${t?"pb-1":"overflow-hidden"} ${I||""}`,style:a?.style,...x,children:[e.jsxs("div",{className:s("flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg",q),onClick:N,...x,children:[e.jsxs("div",{onClick:r=>l?l(r):null,className:`${d&&"flex"} w-full`,children:[d&&!i&&e.jsx("button",{id:"btn-accordion-outline-drag-indicator",className:"flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out",...a?.attributes,...a?.listeners,children:e.jsx(j.DragIndicatorIcon,{size:16,className:"text-neutral-400 dark:text-neutral-400"})}),e.jsxs("div",{className:"flex items-center gap-1 w-full",children:[o&&e.jsx(M,{isChecked:g,onSelect:r=>{r.stopPropagation(),o()},className:"h-4 w-4 accent-[#366FE3]"}),e.jsxs("div",{className:"flex gap-2 items-center text-neutral-900 dark:text-white",children:[w,e.jsx(h.Typography,{size:"small",appearance:"title",variant:"medium",className:"whitespace-nowrap",children:f})]}),e.jsx(h.Typography,{size:"extra-small",appearance:"title",variant:"medium",className:"ml-1",children:b}),k,e.jsx("span",{children:v===y&&!i&&e.jsx(E,{variant:"ghost",children:e.jsx(j.EditIcon,{className:"ml-2 h-3.5 w-3.5 text-neutral-900 dark:text-white"})})})]})]}),e.jsx(A.ChevronLeft,{sx:{fontSize:18},className:s("text-neutral-900 dark:text-neutral-200",t?"rotate-90":"-rotate-90",u&&"transition-transform duration-300 ease-in-out")})]}),u?e.jsx(T.motion.div,{initial:!1,animate:{height:t?"auto":0},transition:{duration:.3,ease:[.4,0,.2,1]},children:e.jsx("div",{className:m,children:n})}):t?e.jsx("div",{className:m,children:n}):null]})};p.displayName="Accordion";exports.Accordion=p;
 //# sourceMappingURL=Accordion.cjs.js.map

package/dist/components/navigation/accordion/Accordion.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs.js","sources":["../../../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { ChevronLeft } from '@mui/icons-material';\nimport cn from 'classnames';\nimport { motion } from 'framer-motion';\nimport { type FC, type HTMLAttributes } from 'react';\n\nimport { Typography } from '../../data-display/typography/Typography';\nimport IconButton from '../../button/IconButton';\nimport Radio from '../../button/Radio';\nimport { DragIndicatorIcon, EditIcon } from '../../icon';\n\nexport type AccordionProps = HTMLAttributes<HTMLDivElement> & {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title: any;\n  toggle: () => void;\n  isOpen: boolean;\n  hoveringIndex?: number | null;\n  index?: number;\n  viewOnly?: boolean;\n  onTitleClick?: (e: React.MouseEvent) => void;\n  onSelect?: () => void;\n  isChecked?: boolean;\n  subTitle?: string;\n  noSpace?: boolean;\n  isDraggable?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  sortableConfig?: Record<string, any>;\n  headerClass?: string;\n  icon?: JSX.Element;\n  additionalHeader?: JSX.Element;\n  id: string;\n  isEditMode?: boolean;\n  mainClass?: string;\n  childrenClass?: string;\n  /** When true, expands and collapses the panel with a smooth height animation. Default false. */\n  withAnimation?: boolean;\n};\n\n/**\n * Accordion component for collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion\n *   id=\"my-accordion\"\n *   title=\"Section Title\"\n *   isOpen={isOpen}\n *   toggle={() => setIsOpen(!isOpen)}\n * >\n *   <div>Accordion content</div>\n * </Accordion>\n * ```\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  title,\n  toggle,\n  isOpen,\n  hoveringIndex,\n  index,\n  viewOnly,\n  onTitleClick,\n  isChecked,\n  onSelect,\n  subTitle,\n  noSpace,\n  isDraggable,\n  sortableConfig,\n  headerClass,\n  icon,\n  additionalHeader,\n  mainClass,\n  id,\n  childrenClass,\n  withAnimation = false,\n  ...props\n}) => {\n  const contentClassName = cn(!noSpace && 'p-4', childrenClass);\n\n  return (\n    <div id={id} className={`${!noSpace && 'mb-4'}  ${isOpen ? 'pb-1' : 'overflow-hidden'} ${mainClass || ''}`} style={sortableConfig?.style} {...props}>\n      <div\n        className={cn(\n          'flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg',\n          headerClass,\n        )}\n        onClick={toggle}\n        {...props}\n      >\n        <div onClick={(e) => (onTitleClick ? onTitleClick(e) : null)} className={`${isDraggable && 'flex'} w-full`}>\n          {isDraggable && !viewOnly && (\n            <button\n              id={`btn-accordion-outline-drag-indicator`}\n              className='flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out'\n              {...sortableConfig?.attributes}\n              {...sortableConfig?.listeners}\n            >\n              <DragIndicatorIcon size={16} className='text-neutral-400 dark:text-neutral-400' />\n            </button>\n          )}\n\n          <div className={`flex items-center gap-1 w-full`}>\n            {onSelect && (\n              <Radio\n                isChecked={isChecked}\n                onSelect={(e) => {\n                  e.stopPropagation();\n                  onSelect();\n                }}\n                className='h-4 w-4 accent-[#366FE3]'\n              />\n            )}\n            <div className='flex gap-2 items-center'>\n              {icon}\n\n              <Typography size='small' appearance='body' variant='medium' className='whitespace-nowrap'>\n                {title}\n              </Typography>\n            </div>\n            <Typography size='extra-small' appearance='title' variant='medium' className={`ml-1`}>\n              {subTitle}\n            </Typography>\n            {additionalHeader}\n            <span>\n              {hoveringIndex === index && !viewOnly && (\n                <IconButton variant='ghost'>\n                  <EditIcon className='ml-2 h-4 w-4 text-neutral-400 dark:text-neutral-400' />\n                </IconButton>\n              )}\n            </span>\n          </div>\n        </div>\n        <ChevronLeft\n          sx={{ fontSize: 18 }}\n          className={cn(\n            'text-neutral-600 dark:text-neutral-400',\n            isOpen ? 'rotate-90' : '-rotate-90',\n            withAnimation && 'transition-transform duration-300 ease-in-out',\n          )}\n        />\n      </div>\n      {withAnimation ? (\n        <motion.div\n          initial={false}\n          animate={{\n            height: isOpen ? 'auto' : 0,\n          }}\n          transition={{\n            duration: 0.3,\n            ease: [0.4, 0, 0.2, 1],\n          }}\n        >\n          <div className={contentClassName}>{children}</div>\n        </motion.div>\n      ) : isOpen ? (\n        <div className={contentClassName}>{children}</div>\n      ) : null}\n    </div>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\n\n\n"],"names":["Accordion","children","title","toggle","isOpen","hoveringIndex","index","viewOnly","onTitleClick","isChecked","onSelect","subTitle","noSpace","isDraggable","sortableConfig","headerClass","icon","additionalHeader","mainClass","id","childrenClass","withAnimation","props","contentClassName","cn","jsxs","e","jsx","DragIndicatorIcon","Radio","Typography","IconButton","EditIcon","ChevronLeft","motion"],"mappings":"mbAoDaA,EAAgC,CAAC,CAC5C,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,cAAAC,EAAA,MACAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,eAAAC,EACA,YAAAC,EACA,KAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,GAAAC,EACA,cAAAC,EACA,cAAAC,EAAgB,GAChB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAmBC,EAAG,CAACZ,GAAW,MAAOQ,CAAa,EAE5D,OACEK,EAAAA,KAAC,OAAI,GAAAN,EAAQ,UAAW,GAAG,CAACP,GAAW,MAAM,KAAKR,EAAS,OAAS,iBAAiB,IAAIc,GAAa,EAAE,GAAI,MAAOJ,GAAgB,MAAQ,GAAGQ,EAC5I,SAAA,CAAAG,EAAAA,KAAC,MAAA,CACC,UAAWD,EACT,oJACAT,CAAA,EAEF,QAASZ,EACR,GAAGmB,EAEJ,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,QAAUC,GAAOlB,EAAeA,EAAakB,CAAC,EAAI,KAAO,UAAW,GAAGb,GAAe,MAAM,UAC9F,SAAA,CAAAA,GAAe,CAACN,GACfoB,EAAAA,IAAC,SAAA,CACC,GAAI,uCACJ,UAAU,yHACT,GAAGb,GAAgB,WACnB,GAAGA,GAAgB,UAEpB,SAAAa,EAAAA,IAACC,oBAAA,CAAkB,KAAM,GAAI,UAAU,wCAAA,CAAyC,CAAA,CAAA,EAIpFH,EAAAA,KAAC,MAAA,CAAI,UAAW,iCACb,SAAA,CAAAf,GACCiB,EAAAA,IAACE,EAAA,CACC,UAAApB,EACA,SAAWiB,GAAM,CACfA,EAAE,gBAAA,EACFhB,EAAA,CACF,EACA,UAAU,0BAAA,CAAA,EAGde,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAT,EAEDW,EAAAA,IAACG,EAAAA,WAAA,CAAW,KAAK,QAAQ,WAAW,OAAO,QAAQ,SAAS,UAAU,oBACnE,SAAA5B,CAAA,CACH,CAAA,EACF,EACAyB,EAAAA,IAACG,EAAAA,WAAA,CAAW,KAAK,cAAc,WAAW,QAAQ,QAAQ,SAAS,UAAW,OAC3E,SAAAnB,CAAA,CACH,EACCM,EACDU,MAAC,OAAA,CACE,SAAAtB,IAAkBC,GAAS,CAACC,GAC3BoB,EAAAA,IAACI,EAAA,CAAW,QAAQ,QAClB,SAAAJ,MAACK,EAAAA,SAAA,CAAS,UAAU,sDAAsD,EAC5E,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,EACF,EACAL,EAAAA,IAACM,EAAAA,YAAA,CACC,GAAI,CAAE,SAAU,EAAA,EAChB,UAAWT,EACT,yCACApB,EAAS,YAAc,aACvBiB,GAAiB,+CAAA,CACnB,CAAA,CACF,CAAA,CAAA,EAEDA,EACCM,EAAAA,IAACO,EAAAA,OAAO,IAAP,CACC,QAAS,GACT,QAAS,CACP,OAAQ9B,EAAS,OAAS,CAAA,EAE5B,WAAY,CACV,SAAU,GACV,KAAM,CAAC,GAAK,EAAG,GAAK,CAAC,CAAA,EAGvB,SAAAuB,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAmB,SAAAtB,CAAA,CAAS,CAAA,CAAA,EAE5CG,EACFuB,EAAAA,IAAC,OAAI,UAAWJ,EAAmB,SAAAtB,EAAS,EAC1C,IAAA,EACN,CAEJ,EAEAD,EAAU,YAAc"}
+{"version":3,"file":"Accordion.cjs.js","sources":["../../../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { ChevronLeft } from '@mui/icons-material';\nimport cn from 'classnames';\nimport { motion } from 'framer-motion';\nimport { type FC, type HTMLAttributes } from 'react';\n\nimport { Typography } from '../../data-display/typography/Typography';\nimport IconButton from '../../button/IconButton';\nimport Radio from '../../button/Radio';\nimport { DragIndicatorIcon, EditIcon } from '../../icon';\n\nexport type AccordionProps = HTMLAttributes<HTMLDivElement> & {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title: any;\n  toggle: () => void;\n  isOpen: boolean;\n  hoveringIndex?: number | null;\n  index?: number;\n  viewOnly?: boolean;\n  onTitleClick?: (e: React.MouseEvent) => void;\n  onSelect?: () => void;\n  isChecked?: boolean;\n  subTitle?: string;\n  noSpace?: boolean;\n  isDraggable?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  sortableConfig?: Record<string, any>;\n  headerClass?: string;\n  icon?: JSX.Element;\n  additionalHeader?: JSX.Element;\n  id: string;\n  isEditMode?: boolean;\n  mainClass?: string;\n  childrenClass?: string;\n  /** When true, expands and collapses the panel with a smooth height animation. Default false. */\n  withAnimation?: boolean;\n};\n\n/**\n * Accordion component for collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion\n *   id=\"my-accordion\"\n *   title=\"Section Title\"\n *   isOpen={isOpen}\n *   toggle={() => setIsOpen(!isOpen)}\n * >\n *   <div>Accordion content</div>\n * </Accordion>\n * ```\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  title,\n  toggle,\n  isOpen,\n  hoveringIndex,\n  index,\n  viewOnly,\n  onTitleClick,\n  isChecked,\n  onSelect,\n  subTitle,\n  noSpace,\n  isDraggable,\n  sortableConfig,\n  headerClass,\n  icon,\n  additionalHeader,\n  mainClass,\n  id,\n  childrenClass,\n  withAnimation = false,\n  ...props\n}) => {\n  const contentClassName = cn(!noSpace && 'p-4', childrenClass);\n\n  return (\n    <div id={id} className={`${!noSpace && 'mb-4'}  ${isOpen ? 'pb-1' : 'overflow-hidden'} ${mainClass || ''}`} style={sortableConfig?.style} {...props}>\n      <div\n        className={cn(\n          'flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg',\n          headerClass,\n        )}\n        onClick={toggle}\n        {...props}\n      >\n        <div onClick={(e) => (onTitleClick ? onTitleClick(e) : null)} className={`${isDraggable && 'flex'} w-full`}>\n          {isDraggable && !viewOnly && (\n            <button\n              id={`btn-accordion-outline-drag-indicator`}\n              className='flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out'\n              {...sortableConfig?.attributes}\n              {...sortableConfig?.listeners}\n            >\n              <DragIndicatorIcon size={16} className='text-neutral-400 dark:text-neutral-400' />\n            </button>\n          )}\n\n          <div className={`flex items-center gap-1 w-full`}>\n            {onSelect && (\n              <Radio\n                isChecked={isChecked}\n                onSelect={(e) => {\n                  e.stopPropagation();\n                  onSelect();\n                }}\n                className='h-4 w-4 accent-[#366FE3]'\n              />\n            )}\n            <div className='flex gap-2 items-center text-neutral-900 dark:text-white'>\n              {icon}\n\n              <Typography size='small' appearance='title' variant='medium' className='whitespace-nowrap'>\n                {title}\n              </Typography>\n            </div>\n            <Typography size='extra-small' appearance='title' variant='medium' className={`ml-1`}>\n              {subTitle}\n            </Typography>\n            {additionalHeader}\n            <span>\n              {hoveringIndex === index && !viewOnly && (\n                <IconButton variant='ghost'>\n                  <EditIcon className='ml-2 h-3.5 w-3.5 text-neutral-900 dark:text-white' />\n                </IconButton>\n              )}\n            </span>\n          </div>\n        </div>\n        <ChevronLeft\n          sx={{ fontSize: 18 }}\n          className={cn(\n            'text-neutral-900 dark:text-neutral-200',\n            isOpen ? 'rotate-90' : '-rotate-90',\n            withAnimation && 'transition-transform duration-300 ease-in-out',\n          )}\n        />\n      </div>\n      {withAnimation ? (\n        <motion.div\n          initial={false}\n          animate={{\n            height: isOpen ? 'auto' : 0,\n          }}\n          transition={{\n            duration: 0.3,\n            ease: [0.4, 0, 0.2, 1],\n          }}\n        >\n          <div className={contentClassName}>{children}</div>\n        </motion.div>\n      ) : isOpen ? (\n        <div className={contentClassName}>{children}</div>\n      ) : null}\n    </div>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\n\n\n"],"names":["Accordion","children","title","toggle","isOpen","hoveringIndex","index","viewOnly","onTitleClick","isChecked","onSelect","subTitle","noSpace","isDraggable","sortableConfig","headerClass","icon","additionalHeader","mainClass","id","childrenClass","withAnimation","props","contentClassName","cn","jsxs","e","jsx","DragIndicatorIcon","Radio","Typography","IconButton","EditIcon","ChevronLeft","motion"],"mappings":"mbAoDaA,EAAgC,CAAC,CAC5C,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,cAAAC,EAAA,MACAC,EACA,SAAAC,EACA,aAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,eAAAC,EACA,YAAAC,EACA,KAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,GAAAC,EACA,cAAAC,EACA,cAAAC,EAAgB,GAChB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAmBC,EAAG,CAACZ,GAAW,MAAOQ,CAAa,EAE5D,OACEK,EAAAA,KAAC,OAAI,GAAAN,EAAQ,UAAW,GAAG,CAACP,GAAW,MAAM,KAAKR,EAAS,OAAS,iBAAiB,IAAIc,GAAa,EAAE,GAAI,MAAOJ,GAAgB,MAAQ,GAAGQ,EAC5I,SAAA,CAAAG,EAAAA,KAAC,MAAA,CACC,UAAWD,EACT,oJACAT,CAAA,EAEF,QAASZ,EACR,GAAGmB,EAEJ,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,QAAUC,GAAOlB,EAAeA,EAAakB,CAAC,EAAI,KAAO,UAAW,GAAGb,GAAe,MAAM,UAC9F,SAAA,CAAAA,GAAe,CAACN,GACfoB,EAAAA,IAAC,SAAA,CACC,GAAI,uCACJ,UAAU,yHACT,GAAGb,GAAgB,WACnB,GAAGA,GAAgB,UAEpB,SAAAa,EAAAA,IAACC,oBAAA,CAAkB,KAAM,GAAI,UAAU,wCAAA,CAAyC,CAAA,CAAA,EAIpFH,EAAAA,KAAC,MAAA,CAAI,UAAW,iCACb,SAAA,CAAAf,GACCiB,EAAAA,IAACE,EAAA,CACC,UAAApB,EACA,SAAWiB,GAAM,CACfA,EAAE,gBAAA,EACFhB,EAAA,CACF,EACA,UAAU,0BAAA,CAAA,EAGde,EAAAA,KAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,CAAAT,EAEDW,EAAAA,IAACG,EAAAA,WAAA,CAAW,KAAK,QAAQ,WAAW,QAAQ,QAAQ,SAAS,UAAU,oBACpE,SAAA5B,CAAA,CACH,CAAA,EACF,EACAyB,EAAAA,IAACG,EAAAA,WAAA,CAAW,KAAK,cAAc,WAAW,QAAQ,QAAQ,SAAS,UAAW,OAC3E,SAAAnB,CAAA,CACH,EACCM,EACDU,MAAC,OAAA,CACE,SAAAtB,IAAkBC,GAAS,CAACC,GAC3BoB,EAAAA,IAACI,EAAA,CAAW,QAAQ,QAClB,SAAAJ,MAACK,EAAAA,SAAA,CAAS,UAAU,oDAAoD,EAC1E,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,EACF,EACAL,EAAAA,IAACM,EAAAA,YAAA,CACC,GAAI,CAAE,SAAU,EAAA,EAChB,UAAWT,EACT,yCACApB,EAAS,YAAc,aACvBiB,GAAiB,+CAAA,CACnB,CAAA,CACF,CAAA,CAAA,EAEDA,EACCM,EAAAA,IAACO,EAAAA,OAAO,IAAP,CACC,QAAS,GACT,QAAS,CACP,OAAQ9B,EAAS,OAAS,CAAA,EAE5B,WAAY,CACV,SAAU,GACV,KAAM,CAAC,GAAK,EAAG,GAAK,CAAC,CAAA,EAGvB,SAAAuB,EAAAA,IAAC,MAAA,CAAI,UAAWJ,EAAmB,SAAAtB,CAAA,CAAS,CAAA,CAAA,EAE5CG,EACFuB,EAAAA,IAAC,OAAI,UAAWJ,EAAmB,SAAAtB,EAAS,EAC1C,IAAA,EACN,CAEJ,EAEAD,EAAU,YAAc"}

package/dist/components/navigation/accordion/Accordion.es.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { ChevronLeft as E } from "@mui/icons-material";
-import i from "../../../_virtual/index.es.js";
+import n from "../../../_virtual/index.es.js";
 import { motion as A } from "framer-motion";
 import "react";
-import { Typography as h } from "../../data-display/typography/Typography.es.js";
+import { Typography as f } from "../../data-display/typography/Typography.es.js";
 import B from "../../button/IconButton.es.js";
 import C from "../../button/Radio.es.js";
 import { DragIndicatorIcon as F, EditIcon as L } from "../../icon/icons.generated.es.js";
@@ -16,34 +16,34 @@ const P = ({
   index: b,
   viewOnly: l,
   onTitleClick: s,
-  isChecked: y,
+  isChecked: w,
   onSelect: c,
-  subTitle: g,
+  subTitle: k,
   noSpace: m,
   isDraggable: d,
   sortableConfig: r,
-  headerClass: k,
-  icon: w,
+  headerClass: g,
+  icon: y,
   additionalHeader: j,
   mainClass: z,
   id: I,
   childrenClass: $,
   withAnimation: u = !1,
-  ...p
+  ...h
 }) => {
-  const f = i(!m && "p-4", $);
-  return /* @__PURE__ */ t("div", { id: I, className: `${!m && "mb-4"}  ${a ? "pb-1" : "overflow-hidden"} ${z || ""}`, style: r?.style, ...p, children: [
+  const p = n(!m && "p-4", $);
+  return /* @__PURE__ */ t("div", { id: I, className: `${!m && "mb-4"}  ${a ? "pb-1" : "overflow-hidden"} ${z || ""}`, style: r?.style, ...h, children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: i(
+        className: n(
           "flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg",
-          k
+          g
         ),
         onClick: N,
-        ...p,
+        ...h,
         children: [
-          /* @__PURE__ */ t("div", { onClick: (n) => s ? s(n) : null, className: `${d && "flex"} w-full`, children: [
+          /* @__PURE__ */ t("div", { onClick: (i) => s ? s(i) : null, className: `${d && "flex"} w-full`, children: [
             d && !l && /* @__PURE__ */ e(
               "button",
               {
@@ -58,28 +58,28 @@ const P = ({
               c && /* @__PURE__ */ e(
                 C,
                 {
-                  isChecked: y,
-                  onSelect: (n) => {
-                    n.stopPropagation(), c();
+                  isChecked: w,
+                  onSelect: (i) => {
+                    i.stopPropagation(), c();
                   },
                   className: "h-4 w-4 accent-[#366FE3]"
                 }
               ),
-              /* @__PURE__ */ t("div", { className: "flex gap-2 items-center", children: [
-                w,
-                /* @__PURE__ */ e(h, { size: "small", appearance: "body", variant: "medium", className: "whitespace-nowrap", children: x })
+              /* @__PURE__ */ t("div", { className: "flex gap-2 items-center text-neutral-900 dark:text-white", children: [
+                y,
+                /* @__PURE__ */ e(f, { size: "small", appearance: "title", variant: "medium", className: "whitespace-nowrap", children: x })
               ] }),
-              /* @__PURE__ */ e(h, { size: "extra-small", appearance: "title", variant: "medium", className: "ml-1", children: g }),
+              /* @__PURE__ */ e(f, { size: "extra-small", appearance: "title", variant: "medium", className: "ml-1", children: k }),
               j,
-              /* @__PURE__ */ e("span", { children: v === b && !l && /* @__PURE__ */ e(B, { variant: "ghost", children: /* @__PURE__ */ e(L, { className: "ml-2 h-4 w-4 text-neutral-400 dark:text-neutral-400" }) }) })
+              /* @__PURE__ */ e("span", { children: v === b && !l && /* @__PURE__ */ e(B, { variant: "ghost", children: /* @__PURE__ */ e(L, { className: "ml-2 h-3.5 w-3.5 text-neutral-900 dark:text-white" }) }) })
             ] })
           ] }),
           /* @__PURE__ */ e(
             E,
             {
               sx: { fontSize: 18 },
-              className: i(
-                "text-neutral-600 dark:text-neutral-400",
+              className: n(
+                "text-neutral-900 dark:text-neutral-200",
                 a ? "rotate-90" : "-rotate-90",
                 u && "transition-transform duration-300 ease-in-out"
               )
@@ -99,9 +99,9 @@ const P = ({
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        children: /* @__PURE__ */ e("div", { className: f, children: o })
+        children: /* @__PURE__ */ e("div", { className: p, children: o })
       }
-    ) : a ? /* @__PURE__ */ e("div", { className: f, children: o }) : null
+    ) : a ? /* @__PURE__ */ e("div", { className: p, children: o }) : null
   ] });
 };
 P.displayName = "Accordion";

package/dist/components/navigation/accordion/Accordion.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.es.js","sources":["../../../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { ChevronLeft } from '@mui/icons-material';\nimport cn from 'classnames';\nimport { motion } from 'framer-motion';\nimport { type FC, type HTMLAttributes } from 'react';\n\nimport { Typography } from '../../data-display/typography/Typography';\nimport IconButton from '../../button/IconButton';\nimport Radio from '../../button/Radio';\nimport { DragIndicatorIcon, EditIcon } from '../../icon';\n\nexport type AccordionProps = HTMLAttributes<HTMLDivElement> & {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title: any;\n  toggle: () => void;\n  isOpen: boolean;\n  hoveringIndex?: number | null;\n  index?: number;\n  viewOnly?: boolean;\n  onTitleClick?: (e: React.MouseEvent) => void;\n  onSelect?: () => void;\n  isChecked?: boolean;\n  subTitle?: string;\n  noSpace?: boolean;\n  isDraggable?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  sortableConfig?: Record<string, any>;\n  headerClass?: string;\n  icon?: JSX.Element;\n  additionalHeader?: JSX.Element;\n  id: string;\n  isEditMode?: boolean;\n  mainClass?: string;\n  childrenClass?: string;\n  /** When true, expands and collapses the panel with a smooth height animation. Default false. */\n  withAnimation?: boolean;\n};\n\n/**\n * Accordion component for collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion\n *   id=\"my-accordion\"\n *   title=\"Section Title\"\n *   isOpen={isOpen}\n *   toggle={() => setIsOpen(!isOpen)}\n * >\n *   <div>Accordion content</div>\n * </Accordion>\n * ```\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  title,\n  toggle,\n  isOpen,\n  hoveringIndex,\n  index,\n  viewOnly,\n  onTitleClick,\n  isChecked,\n  onSelect,\n  subTitle,\n  noSpace,\n  isDraggable,\n  sortableConfig,\n  headerClass,\n  icon,\n  additionalHeader,\n  mainClass,\n  id,\n  childrenClass,\n  withAnimation = false,\n  ...props\n}) => {\n  const contentClassName = cn(!noSpace && 'p-4', childrenClass);\n\n  return (\n    <div id={id} className={`${!noSpace && 'mb-4'}  ${isOpen ? 'pb-1' : 'overflow-hidden'} ${mainClass || ''}`} style={sortableConfig?.style} {...props}>\n      <div\n        className={cn(\n          'flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg',\n          headerClass,\n        )}\n        onClick={toggle}\n        {...props}\n      >\n        <div onClick={(e) => (onTitleClick ? onTitleClick(e) : null)} className={`${isDraggable && 'flex'} w-full`}>\n          {isDraggable && !viewOnly && (\n            <button\n              id={`btn-accordion-outline-drag-indicator`}\n              className='flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out'\n              {...sortableConfig?.attributes}\n              {...sortableConfig?.listeners}\n            >\n              <DragIndicatorIcon size={16} className='text-neutral-400 dark:text-neutral-400' />\n            </button>\n          )}\n\n          <div className={`flex items-center gap-1 w-full`}>\n            {onSelect && (\n              <Radio\n                isChecked={isChecked}\n                onSelect={(e) => {\n                  e.stopPropagation();\n                  onSelect();\n                }}\n                className='h-4 w-4 accent-[#366FE3]'\n              />\n            )}\n            <div className='flex gap-2 items-center'>\n              {icon}\n\n              <Typography size='small' appearance='body' variant='medium' className='whitespace-nowrap'>\n                {title}\n              </Typography>\n            </div>\n            <Typography size='extra-small' appearance='title' variant='medium' className={`ml-1`}>\n              {subTitle}\n            </Typography>\n            {additionalHeader}\n            <span>\n              {hoveringIndex === index && !viewOnly && (\n                <IconButton variant='ghost'>\n                  <EditIcon className='ml-2 h-4 w-4 text-neutral-400 dark:text-neutral-400' />\n                </IconButton>\n              )}\n            </span>\n          </div>\n        </div>\n        <ChevronLeft\n          sx={{ fontSize: 18 }}\n          className={cn(\n            'text-neutral-600 dark:text-neutral-400',\n            isOpen ? 'rotate-90' : '-rotate-90',\n            withAnimation && 'transition-transform duration-300 ease-in-out',\n          )}\n        />\n      </div>\n      {withAnimation ? (\n        <motion.div\n          initial={false}\n          animate={{\n            height: isOpen ? 'auto' : 0,\n          }}\n          transition={{\n            duration: 0.3,\n            ease: [0.4, 0, 0.2, 1],\n          }}\n        >\n          <div className={contentClassName}>{children}</div>\n        </motion.div>\n      ) : isOpen ? (\n        <div className={contentClassName}>{children}</div>\n      ) : null}\n    </div>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\n\n\n"],"names":["Accordion","children","title","toggle","isOpen","hoveringIndex","index","viewOnly","onTitleClick","isChecked","onSelect","subTitle","noSpace","isDraggable","sortableConfig","headerClass","icon","additionalHeader","mainClass","id","childrenClass","withAnimation","props","contentClassName","cn","jsxs","e","jsx","DragIndicatorIcon","Radio","Typography","IconButton","EditIcon","ChevronLeft","motion"],"mappings":"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"}
+{"version":3,"file":"Accordion.es.js","sources":["../../../../src/components/navigation/accordion/Accordion.tsx"],"sourcesContent":["import { ChevronLeft } from '@mui/icons-material';\nimport cn from 'classnames';\nimport { motion } from 'framer-motion';\nimport { type FC, type HTMLAttributes } from 'react';\n\nimport { Typography } from '../../data-display/typography/Typography';\nimport IconButton from '../../button/IconButton';\nimport Radio from '../../button/Radio';\nimport { DragIndicatorIcon, EditIcon } from '../../icon';\n\nexport type AccordionProps = HTMLAttributes<HTMLDivElement> & {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  title: any;\n  toggle: () => void;\n  isOpen: boolean;\n  hoveringIndex?: number | null;\n  index?: number;\n  viewOnly?: boolean;\n  onTitleClick?: (e: React.MouseEvent) => void;\n  onSelect?: () => void;\n  isChecked?: boolean;\n  subTitle?: string;\n  noSpace?: boolean;\n  isDraggable?: boolean;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  sortableConfig?: Record<string, any>;\n  headerClass?: string;\n  icon?: JSX.Element;\n  additionalHeader?: JSX.Element;\n  id: string;\n  isEditMode?: boolean;\n  mainClass?: string;\n  childrenClass?: string;\n  /** When true, expands and collapses the panel with a smooth height animation. Default false. */\n  withAnimation?: boolean;\n};\n\n/**\n * Accordion component for collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion\n *   id=\"my-accordion\"\n *   title=\"Section Title\"\n *   isOpen={isOpen}\n *   toggle={() => setIsOpen(!isOpen)}\n * >\n *   <div>Accordion content</div>\n * </Accordion>\n * ```\n */\nexport const Accordion: FC<AccordionProps> = ({\n  children,\n  title,\n  toggle,\n  isOpen,\n  hoveringIndex,\n  index,\n  viewOnly,\n  onTitleClick,\n  isChecked,\n  onSelect,\n  subTitle,\n  noSpace,\n  isDraggable,\n  sortableConfig,\n  headerClass,\n  icon,\n  additionalHeader,\n  mainClass,\n  id,\n  childrenClass,\n  withAnimation = false,\n  ...props\n}) => {\n  const contentClassName = cn(!noSpace && 'p-4', childrenClass);\n\n  return (\n    <div id={id} className={`${!noSpace && 'mb-4'}  ${isOpen ? 'pb-1' : 'overflow-hidden'} ${mainClass || ''}`} style={sortableConfig?.style} {...props}>\n      <div\n        className={cn(\n          'flex items-center justify-between cursor-pointer border border-neutral-200 dark:border-none bg-neutral-100 dark:bg-black-600 px-3 py-1 rounded-lg',\n          headerClass,\n        )}\n        onClick={toggle}\n        {...props}\n      >\n        <div onClick={(e) => (onTitleClick ? onTitleClick(e) : null)} className={`${isDraggable && 'flex'} w-full`}>\n          {isDraggable && !viewOnly && (\n            <button\n              id={`btn-accordion-outline-drag-indicator`}\n              className='flex items-center justify-center w-icon h-icon hover:transform hover:scale-125 transition-all duration-200 ease-in-out'\n              {...sortableConfig?.attributes}\n              {...sortableConfig?.listeners}\n            >\n              <DragIndicatorIcon size={16} className='text-neutral-400 dark:text-neutral-400' />\n            </button>\n          )}\n\n          <div className={`flex items-center gap-1 w-full`}>\n            {onSelect && (\n              <Radio\n                isChecked={isChecked}\n                onSelect={(e) => {\n                  e.stopPropagation();\n                  onSelect();\n                }}\n                className='h-4 w-4 accent-[#366FE3]'\n              />\n            )}\n            <div className='flex gap-2 items-center text-neutral-900 dark:text-white'>\n              {icon}\n\n              <Typography size='small' appearance='title' variant='medium' className='whitespace-nowrap'>\n                {title}\n              </Typography>\n            </div>\n            <Typography size='extra-small' appearance='title' variant='medium' className={`ml-1`}>\n              {subTitle}\n            </Typography>\n            {additionalHeader}\n            <span>\n              {hoveringIndex === index && !viewOnly && (\n                <IconButton variant='ghost'>\n                  <EditIcon className='ml-2 h-3.5 w-3.5 text-neutral-900 dark:text-white' />\n                </IconButton>\n              )}\n            </span>\n          </div>\n        </div>\n        <ChevronLeft\n          sx={{ fontSize: 18 }}\n          className={cn(\n            'text-neutral-900 dark:text-neutral-200',\n            isOpen ? 'rotate-90' : '-rotate-90',\n            withAnimation && 'transition-transform duration-300 ease-in-out',\n          )}\n        />\n      </div>\n      {withAnimation ? (\n        <motion.div\n          initial={false}\n          animate={{\n            height: isOpen ? 'auto' : 0,\n          }}\n          transition={{\n            duration: 0.3,\n            ease: [0.4, 0, 0.2, 1],\n          }}\n        >\n          <div className={contentClassName}>{children}</div>\n        </motion.div>\n      ) : isOpen ? (\n        <div className={contentClassName}>{children}</div>\n      ) : null}\n    </div>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\n\n\n"],"names":["Accordion","children","title","toggle","isOpen","hoveringIndex","index","viewOnly","onTitleClick","isChecked","onSelect","subTitle","noSpace","isDraggable","sortableConfig","headerClass","icon","additionalHeader","mainClass","id","childrenClass","withAnimation","props","contentClassName","cn","jsxs","e","jsx","DragIndicatorIcon","Radio","Typography","IconButton","EditIcon","ChevronLeft","motion"],"mappings":"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"}

package/dist/design-system.css

@@ -1 +1 @@
-:root{--lax-form-focus-border: var(--color-primary-600);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-100)}.dark{--lax-form-focus-border: var(--color-primary-400);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-950)}input:where([type=text],[type=email],[type=password],[type=number],[type=search],[type=date],[type=time],[type=datetime-local],[type=url],[type=tel],[type=color]):focus,textarea:focus,select:focus,[contenteditable=true]:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within,.ant-input-number-focused,.ant-input-number:focus-within,.ant-input:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-select__control--is-focused{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.peer:focus-visible+.lax-toggle-track{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-form-trigger:focus-visible{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-tooltip-body-important-whitespace{white-space:var(--lax-tooltip-white-space, initial)!important;overflow-wrap:break-word!important}.ant-select-selector{padding-left:6px!important}.select-field-emphasis-modified.ant-select .ant-select-selector{background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-modified.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector{background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-item,.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-placeholder{color:#475467!important}.select-field-emphasis-deleted.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-success.ant-select .ant-select-selector{background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.select-field-emphasis-success.ant-select .ant-select-selector .ant-select-selection-item{color:#101828!important}.select-field-emphasis-success.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.ant-select-selection-overflow-item-suffix,.ant-select-selection-wrap{min-height:inherit!important}.lax-popper-overlay.ant-popover{z-index:9999}.lax-popper-overlay .ant-popover-inner{background-color:#fff;border:1px solid #EAECF0;border-radius:8px;box-shadow:0 10px 30px #9e9e9e4d}.lax-popper-overlay .ant-popover-arrow:before{background-color:#fff;border:1px solid #EAECF0}.dark .lax-popper-overlay .ant-popover-inner{background-color:#1d2939;border-color:#344054;box-shadow:0 10px 30px #10101080}.dark .lax-popper-overlay .ant-popover-arrow:before{background-color:#1d2939;border-color:#344054}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media (prefers-color-scheme: dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width: 640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}.markdown-preview p,.markdown-preview li{font-size:inherit;font-weight:inherit;line-height:inherit}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
+:root{--lax-form-focus-border: var(--color-primary-600);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-100)}.dark{--lax-form-focus-border: var(--color-primary-400);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-950)}input:where([type=text],[type=email],[type=password],[type=number],[type=search],[type=date],[type=time],[type=datetime-local],[type=url],[type=tel],[type=color]):focus,textarea:focus,select:focus,[contenteditable=true]:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within,.ant-input-number-focused,.ant-input-number:focus-within,.ant-input:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-select__control--is-focused{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.peer:focus-visible+.lax-toggle-track{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-form-trigger:focus-visible{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-tooltip-body-important-whitespace{white-space:var(--lax-tooltip-white-space, initial)!important;overflow-wrap:break-word!important}.ant-select-selector{padding-left:6px!important}.select-field-emphasis-modified.ant-select .ant-select-selector{background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-modified.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector{background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-item,.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-placeholder{color:#475467!important}.select-field-emphasis-deleted.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-success.ant-select .ant-select-selector{background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.select-field-emphasis-success.ant-select .ant-select-selector .ant-select-selection-item{color:#101828!important}.select-field-emphasis-success.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.ant-select-selection-overflow-item-suffix,.ant-select-selection-wrap{min-height:inherit!important}.risk-analysis-select-field .ant-select-single .ant-select-selection-item,.risk-analysis-select-field .ant-select-single .ant-select-selection-placeholder{padding-inline-end:24px!important}.risk-analysis-select-field .ant-select-single .ant-select-selection-search{inset-inline-end:24px!important}.risk-analysis-select-field .ant-select-multiple .ant-select-selector{padding-inline-end:24px!important}.lax-popper-overlay.ant-popover{z-index:9999}.lax-popper-overlay .ant-popover-inner{background-color:#fff;border:1px solid #EAECF0;border-radius:8px;box-shadow:0 10px 30px #9e9e9e4d}.lax-popper-overlay .ant-popover-arrow:before{background-color:#fff;border:1px solid #EAECF0}.dark .lax-popper-overlay .ant-popover-inner{background-color:#1d2939;border-color:#344054;box-shadow:0 10px 30px #10101080}.dark .lax-popper-overlay .ant-popover-arrow:before{background-color:#1d2939;border-color:#344054}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media (prefers-color-scheme: dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width: 640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}.markdown-preview p,.markdown-preview li{font-size:inherit;font-weight:inherit;line-height:inherit}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}