npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.10 → 0.1.0-alpha.11 - Mend

@mattermost/compass-ui 0.1.0-alpha.10 → 0.1.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (441) hide show

package/dist/components/popover-notice/PopoverNotice.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverNotice.js","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' \| 'success' \| 'warning' \| 'danger';\n\nexport interface PopoverNoticeAction {\n label: ~~string~~;\n onClick?: () => void;\n emphasis?: 'primary' \| 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n /** Popover title ~~text~~. /\n title: ~~string~~;\n /* Body content. /\n children: ReactNode;\n /\n Semantic variant — sets the icon and its color automatically.\n * Ignored if `icon` is also provided.\n /\n variant?: PopoverNoticeVariant;\n /* Optional icon shown to the left of the title. Overrides the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. /\n icon?: ReactNode;\n /* Action buttons rendered below the body. /\n actions?: PopoverNoticeAction[];\n /* When true, shows a \"Don't show this again\" checkbox. /\n showCheckbox?: boolean;\n /* Checkbox label override. /\n checkboxLabel?: string;\n /* Callback when close button is clicked. /\n onClose?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n info: styles['popover-notice__icon--info'],\n success: styles['popover-notice__icon--success'],\n warning: styles['popover-notice__icon--warning'],\n danger: styles['popover-notice__icon--danger'],\n};\n\n/\n Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n title,\n children,\n variant,\n icon,\n actions,\n showCheckbox = false,\n checkboxLabel = \"Don't show this confirmation again\",\n onClose,\n className = '',\n}: PopoverNoticeProps) {\n const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n const rootClass = [\n styles['popover-notice'],\n resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['popover-notice__content']}>\n {resolvedIcon != null && (\n <div\n className={[styles['popover-notice__icon'], iconColorClass]\n .filter(Boolean)\n .join(' ')}\n aria-hidden\n >\n <IconSlotContext.Provider value={{ size: '20' }}>\n {resolvedIcon}\n </IconSlotContext.Provider>\n </div>\n )}\n\n <div className={styles['popover-notice__body']}>\n <div className={styles['popover-notice__title-row']}>\n <span className={styles['popover-notice__title']}>{title}</span>\n </div>\n\n <div className={styles['popover-notice__description']}>\n {children}\n </div>\n\n {actions && actions.length > 0 && (\n <div className={styles['popover-notice__actions']}>\n {actions.map((action, i) => (\n <Button\n key={i}\n emphasis={action.emphasis ?? 'primary'}\n size=\"small\"\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n\n {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n </div>\n </div>\n\n {onClose && (\n <IconButton\n className={styles['popover-notice__close']}\n aria-label=\"Close\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n </div>\n );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":";;;;;;;;;;;~~AA6CA~~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"}
1	+ {"version":3,"file":"PopoverNotice.js","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' \| 'success' \| 'warning' \| 'danger';\n\nexport interface PopoverNoticeAction {\n /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). /\n label: ReactNode;\n onClick?: () => void;\n emphasis?: 'primary' \| 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n /* Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). /\n title: ReactNode;\n /* Body content. /\n children: ReactNode;\n /\n Semantic variant — sets the icon and its color automatically.\n * Ignored if `icon` is also provided.\n /\n variant?: PopoverNoticeVariant;\n /* Optional icon shown to the left of the title. Overrides the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. /\n icon?: ReactNode;\n /* Action buttons rendered below the body. /\n actions?: PopoverNoticeAction[];\n /* When true, shows a \"Don't show this again\" checkbox. /\n showCheckbox?: boolean;\n /* Checkbox label override. /\n checkboxLabel?: string;\n /* Callback when close button is clicked. /\n onClose?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n info: styles['popover-notice__icon--info'],\n success: styles['popover-notice__icon--success'],\n warning: styles['popover-notice__icon--warning'],\n danger: styles['popover-notice__icon--danger'],\n};\n\n/\n Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n title,\n children,\n variant,\n icon,\n actions,\n showCheckbox = false,\n checkboxLabel = \"Don't show this confirmation again\",\n onClose,\n className = '',\n}: PopoverNoticeProps) {\n const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n const rootClass = [\n styles['popover-notice'],\n resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['popover-notice__content']}>\n {resolvedIcon != null && (\n <div\n className={[styles['popover-notice__icon'], iconColorClass]\n .filter(Boolean)\n .join(' ')}\n aria-hidden\n >\n <IconSlotContext.Provider value={{ size: '20' }}>\n {resolvedIcon}\n </IconSlotContext.Provider>\n </div>\n )}\n\n <div className={styles['popover-notice__body']}>\n <div className={styles['popover-notice__title-row']}>\n <span className={styles['popover-notice__title']}>{title}</span>\n </div>\n\n <div className={styles['popover-notice__description']}>\n {children}\n </div>\n\n {actions && actions.length > 0 && (\n <div className={styles['popover-notice__actions']}>\n {actions.map((action, i) => (\n <Button\n key={i}\n emphasis={action.emphasis ?? 'primary'}\n size=\"small\"\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n\n {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n </div>\n </div>\n\n {onClose && (\n <IconButton\n className={styles['popover-notice__close']}\n aria-label=\"Close\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n </div>\n );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfilePopover.cjs","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' \| 'you';\n\nexport interface ProfilePopoverCustomStatus {\n emoji: string;\n text: string;\n /** Label suffix like \"Until Tomorrow\". /\n expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n /* Local time, e.g. \"10:42 PM\". /\n time: string;\n /* Timezone abbreviation, e.g. \"EST\". /\n timezone: string;\n /* Hour difference relative to viewer, e.g. \"3 hrs behind\". /\n hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n number: string;\n /* Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". /\n label?: string;\n /* Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". /\n sipTrunk?: string;\n /* Per-row phone glyph; overrides the popover-level `phoneIcon` when set. /\n icon?: ReactNode;\n href?: string;\n /* When provided, the number click runs this handler instead of navigating. /\n onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n /* Whose profile is shown. Default: 'others'. /\n user?: ProfilePopoverUser;\n /* Avatar image URL. /\n avatarSrc: string;\n /* Avatar alt text. /\n avatarAlt: string;\n /* Full name. /\n name: string;\n /* @handle. /\n username: string;\n /* Job title. /\n title?: string;\n /* Email address. /\n email?: string;\n /* Phone rows shown under the email. /\n phones?: ProfilePopoverPhone[];\n /* Caption above the name, e.g. \"Last online 6 hrs ago\". /\n lastOnline?: string;\n /* Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) /\n jobRole?: string;\n /* Local time block. /\n localTime?: ProfilePopoverLocalTime;\n /* Custom status. /\n customStatus?: ProfilePopoverCustomStatus;\n /* Shared member org name. /\n sharedOrg?: string;\n /* Shows a Staff row. /\n staff?: boolean;\n /* Shows a Core Committer row. /\n coreCommitter?: boolean;\n /* GitHub handle — shows the GitHub profile row. /\n githubHandle?: string;\n onClose?: () => void;\n onPrimaryAction?: () => void;\n /* Inserts an @mention for this user in the active channel message input. /\n onMention?: () => void;\n /* Opens the Add to Channel flow for this user. /\n onAddToChannel?: () => void;\n /* Used when `callButton` is not provided; starts a simple outbound call action. /\n onCall?: () => void;\n onSend?: () => void;\n /* Replaces the default Call icon button in the footer when provided. /\n callButton?: ReactNode;\n /* Replaces the default phone glyph shown next to the phone number. /\n phoneIcon?: ReactNode;\n /* Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. /\n state?: 'open' \| 'closing';\n /* Fires when an animation on the popover root ends (entrance or exit). */\n onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n className?: string;\n}\n\ninterface MetaRowProps {\n icon: ReactNode;\n children: ReactNode;\n href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n const textClass = href\n ? styles['profile-popover__meta-link']\n : styles['profile-popover__meta-text'];\n\n return (\n <div className={styles['profile-popover__meta-item']}>\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n {icon}\n </span>\n {href ? (\n <a className={textClass} href={href}>\n {children}\n </a>\n ) : (\n <span className={textClass}>{children}</span>\n )}\n </div>\n );\n}\n\nexport default function ProfilePopover({\n user = 'others',\n avatarSrc,\n avatarAlt,\n name,\n username,\n title,\n email,\n phones,\n lastOnline,\n jobRole,\n localTime,\n customStatus,\n sharedOrg,\n staff = false,\n coreCommitter = false,\n githubHandle,\n onClose,\n onPrimaryAction,\n onMention,\n onAddToChannel,\n onCall,\n onSend,\n callButton,\n phoneIcon,\n state = 'open',\n onAnimationEnd,\n className = '',\n}: ProfilePopoverProps) {\n const isYou = user === 'you';\n\n const rootClass = [\n styles['profile-popover'],\n state === 'closing' ? styles['profile-popover--closing'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const hasPhones = Boolean(phones && phones.length > 0);\n const hasTitlesBlock =\n Boolean(email) \|\|\n hasPhones \|\|\n Boolean(sharedOrg) \|\|\n staff \|\|\n coreCommitter \|\|\n Boolean(githubHandle);\n const hasSecondary =\n hasTitlesBlock \|\| Boolean(localTime) \|\| Boolean(customStatus);\n\n return (\n <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n {jobRole && (\n <div className={styles['profile-popover__role-tag']}>\n <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n </div>\n )}\n\n {onClose && (\n <IconButton\n className={styles['profile-popover__close']}\n aria-label=\"Close\"\n size=\"small\"\n padding=\"compact\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n\n <section className={styles['profile-popover__primary']}>\n <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n {lastOnline && (\n <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n )}\n <div className={styles['profile-popover__names']}>\n <p className={styles['profile-popover__name']}>{name}</p>\n <p className={styles['profile-popover__handle']}>{username}</p>\n {title && <p className={styles['profile-popover__title']}>{title}</p>}\n </div>\n </section>\n\n {hasSecondary && (\n <section className={styles['profile-popover__secondary']}>\n {hasTitlesBlock && (\n <div className={styles['profile-popover__titles']}>\n {email && (\n <MetaRow\n icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n href={`mailto:${email}`}\n >\n {email}\n </MetaRow>\n )}\n {phones?.map((p, i) => {\n const subParts = [p.label, p.sipTrunk].filter(Boolean);\n const subText = subParts.join(' • ');\n return (\n <div\n key={`${p.number}-${i}`}\n className={[\n styles['profile-popover__meta-item'],\n styles['profile-popover__meta-item--stacked'],\n ].join(' ')}\n >\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n <Icon size=\"16\" glyph={p.icon ?? phoneIcon ?? <PhoneIcon />} />\n </span>\n <div className={styles['profile-popover__phone-body']}>\n {subText && (\n <span className={styles['profile-popover__phone-sub']}>\n {subText}\n </span>\n )}\n {p.onClick ? (\n <button\n type=\"button\"\n className={styles['profile-popover__meta-link']}\n onClick={p.onClick}\n >\n {p.number}\n </button>\n ) : (\n <a\n className={styles['profile-popover__meta-link']}\n href={p.href ?? `tel:${p.number}`}\n >\n {p.number}\n </a>\n )}\n </div>\n </div>\n );\n })}\n {sharedOrg && (\n <MetaRow\n icon={\n <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n }\n >\n {sharedOrg}\n </MetaRow>\n )}\n {staff && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Staff\n </MetaRow>\n )}\n {coreCommitter && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Core Committer\n </MetaRow>\n )}\n {githubHandle && (\n <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n {githubHandle}\n </MetaRow>\n )}\n </div>\n )}\n\n {localTime && (\n <div className={styles['profile-popover__local-time']}>\n <p className={styles['profile-popover__section-label']}>\n Local time ({localTime.timezone})\n </p>\n <div className={styles['profile-popover__time']}>\n <span>{localTime.time}</span>\n {localTime.hourDifference && (\n <span>({localTime.hourDifference})</span>\n )}\n </div>\n </div>\n )}\n\n {customStatus && (\n <div className={styles['profile-popover__custom-status']}>\n <p className={styles['profile-popover__section-label']}>\n Status\n {customStatus.expiresLabel\n ? ` (${customStatus.expiresLabel})`\n : ''}\n </p>\n <div className={styles['profile-popover__status-row']}>\n <span\n className={styles['profile-popover__status-emoji']}\n aria-hidden\n >\n {customStatus.emoji}\n </span>\n <span>{customStatus.text}</span>\n </div>\n </div>\n )}\n </section>\n )}\n\n <footer\n className={[\n styles['profile-popover__footer'],\n isYou\n ? styles['profile-popover__footer--you']\n : styles['profile-popover__footer--others'],\n ].join(' ')}\n >\n <div\n className={[\n styles['profile-popover__primary-action'],\n isYou\n ? styles['profile-popover__primary-action--you']\n : styles['profile-popover__primary-action--others'],\n ].join(' ')}\n >\n <Button\n className={styles['profile-popover__primary-button']}\n size=\"small\"\n emphasis=\"primary\"\n leadingIcon={\n isYou ? (\n <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n ) : (\n <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n )\n }\n onClick={onPrimaryAction}\n >\n {isYou ? 'Edit profile' : 'Message'}\n </Button>\n </div>\n <div className={styles['profile-popover__secondary-actions']}>\n {isYou ? (\n <IconButton\n aria-label=\"Send message\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n onClick={onSend}\n />\n ) : (\n <>\n <IconButton\n aria-label=\"Mention user\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n onClick={onMention}\n />\n <IconButton\n aria-label=\"Add to channel\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n onClick={onAddToChannel}\n />\n {callButton ??\n (onCall ? (\n <IconButton\n aria-label=\"Call\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n onClick={onCall}\n />\n ) : null)}\n </>\n )}\n </div>\n </footer>\n </div>\n );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}
1	+ {"version":3,"file":"ProfilePopover.cjs","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' \| 'you';\n\nexport interface ProfilePopoverCustomStatus {\n emoji: string;\n text: string;\n /** Label suffix like \"Until Tomorrow\". /\n expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n /* Local time, e.g. \"10:42 PM\". /\n time: string;\n /* Timezone abbreviation, e.g. \"EST\". /\n timezone: string;\n /* Hour difference relative to viewer, e.g. \"3 hrs behind\". /\n hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n number: string;\n /* Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". /\n label?: string;\n /* Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". /\n sipTrunk?: string;\n /* Per-row phone glyph; overrides the popover-level `phoneIcon` when set. /\n icon?: ReactNode;\n href?: string;\n /* When provided, the number click runs this handler instead of navigating. /\n onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n /* Whose profile is shown. Default: 'others'. /\n user?: ProfilePopoverUser;\n /* Avatar image URL. /\n avatarSrc: string;\n /* Avatar alt text. /\n avatarAlt: string;\n /* Full name. /\n name: string;\n /* @handle. /\n username: string;\n /* Job title. /\n title?: string;\n /* Email address. /\n email?: string;\n /* Phone rows shown under the email. /\n phones?: ProfilePopoverPhone[];\n /* Caption above the name, e.g. \"Last online 6 hrs ago\". /\n lastOnline?: string;\n /* Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) /\n jobRole?: string;\n /* Local time block. /\n localTime?: ProfilePopoverLocalTime;\n /* Custom status. /\n customStatus?: ProfilePopoverCustomStatus;\n /* Shared member org name. /\n sharedOrg?: string;\n /* Shows a Staff row. /\n staff?: boolean;\n /* Shows a Core Committer row. /\n coreCommitter?: boolean;\n /* GitHub handle — shows the GitHub profile row. /\n githubHandle?: string;\n onClose?: () => void;\n onPrimaryAction?: () => void;\n /* Inserts an @mention for this user in the active channel message input. /\n onMention?: () => void;\n /* Opens the Add to Channel flow for this user. /\n onAddToChannel?: () => void;\n /* Used when `callButton` is not provided; starts a simple outbound call action. /\n onCall?: () => void;\n onSend?: () => void;\n /* Replaces the default Call icon button in the footer when provided. /\n callButton?: ReactNode;\n /* Replaces the default phone glyph shown next to the phone number. /\n phoneIcon?: ReactNode;\n /* Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. /\n state?: 'open' \| 'closing';\n /* Fires when an animation on the popover root ends (entrance or exit). */\n onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n className?: string;\n}\n\ninterface MetaRowProps {\n icon: ReactNode;\n children: ReactNode;\n href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n const textClass = href\n ? styles['profile-popover__meta-link']\n : styles['profile-popover__meta-text'];\n\n return (\n <div className={styles['profile-popover__meta-item']}>\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n {icon}\n </span>\n {href ? (\n <a className={textClass} href={href}>\n {children}\n </a>\n ) : (\n <span className={textClass}>{children}</span>\n )}\n </div>\n );\n}\n\nexport default function ProfilePopover({\n user = 'others',\n avatarSrc,\n avatarAlt,\n name,\n username,\n title,\n email,\n phones,\n lastOnline,\n jobRole,\n localTime,\n customStatus,\n sharedOrg,\n staff = false,\n coreCommitter = false,\n githubHandle,\n onClose,\n onPrimaryAction,\n onMention,\n onAddToChannel,\n onCall,\n onSend,\n callButton,\n phoneIcon,\n state = 'open',\n onAnimationEnd,\n className = '',\n}: ProfilePopoverProps) {\n const isYou = user === 'you';\n\n const rootClass = [\n styles['profile-popover'],\n state === 'closing' ? styles['profile-popover--closing'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const hasPhones = Boolean(phones && phones.length > 0);\n const hasTitlesBlock =\n Boolean(email) \|\|\n hasPhones \|\|\n Boolean(sharedOrg) \|\|\n staff \|\|\n coreCommitter \|\|\n Boolean(githubHandle);\n const hasSecondary =\n hasTitlesBlock \|\| Boolean(localTime) \|\| Boolean(customStatus);\n\n return (\n <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n {jobRole && (\n <div className={styles['profile-popover__role-tag']}>\n <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n </div>\n )}\n\n {onClose && (\n <IconButton\n className={styles['profile-popover__close']}\n aria-label=\"Close\"\n size=\"small\"\n padding=\"compact\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n\n <section className={styles['profile-popover__primary']}>\n <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n {lastOnline && (\n <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n )}\n <div className={styles['profile-popover__names']}>\n <p className={styles['profile-popover__name']}>{name}</p>\n <p className={styles['profile-popover__handle']}>{username}</p>\n {title && <p className={styles['profile-popover__title']}>{title}</p>}\n </div>\n </section>\n\n {hasSecondary && (\n <section className={styles['profile-popover__secondary']}>\n {hasTitlesBlock && (\n <div className={styles['profile-popover__titles']}>\n {email && (\n <MetaRow\n icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n href={`mailto:${email}`}\n >\n {email}\n </MetaRow>\n )}\n {phones?.map((p, i) => {\n const subParts = [p.label, p.sipTrunk].filter(Boolean);\n const subText = subParts.join(' • ');\n return (\n <div\n key={`${p.number}-${i}`}\n className={[\n styles['profile-popover__meta-item'],\n styles['profile-popover__meta-item--stacked'],\n ].join(' ')}\n >\n <span\n className={styles['profile-popover__meta-icon']}\n aria-hidden\n >\n <Icon\n size=\"16\"\n glyph={p.icon ?? phoneIcon ?? <PhoneIcon />}\n />\n </span>\n <div className={styles['profile-popover__phone-body']}>\n {subText && (\n <span className={styles['profile-popover__phone-sub']}>\n {subText}\n </span>\n )}\n {p.onClick ? (\n <button\n type=\"button\"\n className={styles['profile-popover__meta-link']}\n onClick={p.onClick}\n >\n {p.number}\n </button>\n ) : (\n <a\n className={styles['profile-popover__meta-link']}\n href={p.href ?? `tel:${p.number}`}\n >\n {p.number}\n </a>\n )}\n </div>\n </div>\n );\n })}\n {sharedOrg && (\n <MetaRow\n icon={\n <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n }\n >\n {sharedOrg}\n </MetaRow>\n )}\n {staff && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Staff\n </MetaRow>\n )}\n {coreCommitter && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Core Committer\n </MetaRow>\n )}\n {githubHandle && (\n <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n {githubHandle}\n </MetaRow>\n )}\n </div>\n )}\n\n {localTime && (\n <div className={styles['profile-popover__local-time']}>\n <p className={styles['profile-popover__section-label']}>\n Local time ({localTime.timezone})\n </p>\n <div className={styles['profile-popover__time']}>\n <span>{localTime.time}</span>\n {localTime.hourDifference && (\n <span>({localTime.hourDifference})</span>\n )}\n </div>\n </div>\n )}\n\n {customStatus && (\n <div className={styles['profile-popover__custom-status']}>\n <p className={styles['profile-popover__section-label']}>\n Status\n {customStatus.expiresLabel\n ? ` (${customStatus.expiresLabel})`\n : ''}\n </p>\n <div className={styles['profile-popover__status-row']}>\n <span\n className={styles['profile-popover__status-emoji']}\n aria-hidden\n >\n {customStatus.emoji}\n </span>\n <span>{customStatus.text}</span>\n </div>\n </div>\n )}\n </section>\n )}\n\n <footer\n className={[\n styles['profile-popover__footer'],\n isYou\n ? styles['profile-popover__footer--you']\n : styles['profile-popover__footer--others'],\n ].join(' ')}\n >\n <div\n className={[\n styles['profile-popover__primary-action'],\n isYou\n ? styles['profile-popover__primary-action--you']\n : styles['profile-popover__primary-action--others'],\n ].join(' ')}\n >\n <Button\n className={styles['profile-popover__primary-button']}\n size=\"small\"\n emphasis=\"primary\"\n leadingIcon={\n isYou ? (\n <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n ) : (\n <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n )\n }\n onClick={onPrimaryAction}\n >\n {isYou ? 'Edit profile' : 'Message'}\n </Button>\n </div>\n <div className={styles['profile-popover__secondary-actions']}>\n {isYou ? (\n <IconButton\n aria-label=\"Send message\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n onClick={onSend}\n />\n ) : (\n <>\n <IconButton\n aria-label=\"Mention user\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n onClick={onMention}\n />\n <IconButton\n aria-label=\"Add to channel\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n onClick={onAddToChannel}\n />\n {callButton ??\n (onCall ? (\n <IconButton\n aria-label=\"Call\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n onClick={onCall}\n />\n ) : null)}\n </>\n )}\n </div>\n </footer>\n </div>\n );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

package/dist/components/profile-popover/ProfilePopover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfilePopover.d.ts","sourceRoot":"","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"names":[],"mappings":"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~~2CA6OrB~~"}
1	+ {"version":3,"file":"ProfilePopover.d.ts","sourceRoot":"","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBvC,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAElD,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sIAAsI;IACtI,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,qBAAqB;IACrB,YAAY,CAAC,EAAE,0BAA0B,CAAC;IAC1C,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2GAA2G;IAC3G,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,2EAA2E;IAC3E,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAe,EACf,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,KAAa,EACb,aAAqB,EACrB,YAAY,EACZ,OAAO,EACP,eAAe,EACf,SAAS,EACT,cAAc,EACd,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAc,EACd,cAAc,EACd,SAAc,GACf,EAAE,mBAAmB,2CAmPrB"}

package/dist/components/profile-popover/ProfilePopover.js CHANGED Viewed

@@ -98,7 +98,20 @@ function ye({
                 o["profile-popover__meta-item--stacked"]
               ].join(" "),
               children: [
-                /* @__PURE__ */ e("span", { className: o["profile-popover__meta-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(r, { size: "16", glyph: l.icon ?? E ?? /* @__PURE__ */ e(j, {}) }) }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: o["profile-popover__meta-icon"],
+                    "aria-hidden": !0,
+                    children: /* @__PURE__ */ e(
+                      r,
+                      {
+                        size: "16",
+                        glyph: l.icon ?? E ?? /* @__PURE__ */ e(j, {})
+                      }
+                    )
+                  }
+                ),
                 /* @__PURE__ */ i("div", { className: o["profile-popover__phone-body"], children: [
                   B && /* @__PURE__ */ e("span", { className: o["profile-popover__phone-sub"], children: B }),
                   l.onClick ? /* @__PURE__ */ e(

package/dist/components/profile-popover/ProfilePopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfilePopover.js","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' \| 'you';\n\nexport interface ProfilePopoverCustomStatus {\n emoji: string;\n text: string;\n /** Label suffix like \"Until Tomorrow\". /\n expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n /* Local time, e.g. \"10:42 PM\". /\n time: string;\n /* Timezone abbreviation, e.g. \"EST\". /\n timezone: string;\n /* Hour difference relative to viewer, e.g. \"3 hrs behind\". /\n hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n number: string;\n /* Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". /\n label?: string;\n /* Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". /\n sipTrunk?: string;\n /* Per-row phone glyph; overrides the popover-level `phoneIcon` when set. /\n icon?: ReactNode;\n href?: string;\n /* When provided, the number click runs this handler instead of navigating. /\n onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n /* Whose profile is shown. Default: 'others'. /\n user?: ProfilePopoverUser;\n /* Avatar image URL. /\n avatarSrc: string;\n /* Avatar alt text. /\n avatarAlt: string;\n /* Full name. /\n name: string;\n /* @handle. /\n username: string;\n /* Job title. /\n title?: string;\n /* Email address. /\n email?: string;\n /* Phone rows shown under the email. /\n phones?: ProfilePopoverPhone[];\n /* Caption above the name, e.g. \"Last online 6 hrs ago\". /\n lastOnline?: string;\n /* Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) /\n jobRole?: string;\n /* Local time block. /\n localTime?: ProfilePopoverLocalTime;\n /* Custom status. /\n customStatus?: ProfilePopoverCustomStatus;\n /* Shared member org name. /\n sharedOrg?: string;\n /* Shows a Staff row. /\n staff?: boolean;\n /* Shows a Core Committer row. /\n coreCommitter?: boolean;\n /* GitHub handle — shows the GitHub profile row. /\n githubHandle?: string;\n onClose?: () => void;\n onPrimaryAction?: () => void;\n /* Inserts an @mention for this user in the active channel message input. /\n onMention?: () => void;\n /* Opens the Add to Channel flow for this user. /\n onAddToChannel?: () => void;\n /* Used when `callButton` is not provided; starts a simple outbound call action. /\n onCall?: () => void;\n onSend?: () => void;\n /* Replaces the default Call icon button in the footer when provided. /\n callButton?: ReactNode;\n /* Replaces the default phone glyph shown next to the phone number. /\n phoneIcon?: ReactNode;\n /* Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. /\n state?: 'open' \| 'closing';\n /* Fires when an animation on the popover root ends (entrance or exit). */\n onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n className?: string;\n}\n\ninterface MetaRowProps {\n icon: ReactNode;\n children: ReactNode;\n href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n const textClass = href\n ? styles['profile-popover__meta-link']\n : styles['profile-popover__meta-text'];\n\n return (\n <div className={styles['profile-popover__meta-item']}>\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n {icon}\n </span>\n {href ? (\n <a className={textClass} href={href}>\n {children}\n </a>\n ) : (\n <span className={textClass}>{children}</span>\n )}\n </div>\n );\n}\n\nexport default function ProfilePopover({\n user = 'others',\n avatarSrc,\n avatarAlt,\n name,\n username,\n title,\n email,\n phones,\n lastOnline,\n jobRole,\n localTime,\n customStatus,\n sharedOrg,\n staff = false,\n coreCommitter = false,\n githubHandle,\n onClose,\n onPrimaryAction,\n onMention,\n onAddToChannel,\n onCall,\n onSend,\n callButton,\n phoneIcon,\n state = 'open',\n onAnimationEnd,\n className = '',\n}: ProfilePopoverProps) {\n const isYou = user === 'you';\n\n const rootClass = [\n styles['profile-popover'],\n state === 'closing' ? styles['profile-popover--closing'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const hasPhones = Boolean(phones && phones.length > 0);\n const hasTitlesBlock =\n Boolean(email) \|\|\n hasPhones \|\|\n Boolean(sharedOrg) \|\|\n staff \|\|\n coreCommitter \|\|\n Boolean(githubHandle);\n const hasSecondary =\n hasTitlesBlock \|\| Boolean(localTime) \|\| Boolean(customStatus);\n\n return (\n <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n {jobRole && (\n <div className={styles['profile-popover__role-tag']}>\n <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n </div>\n )}\n\n {onClose && (\n <IconButton\n className={styles['profile-popover__close']}\n aria-label=\"Close\"\n size=\"small\"\n padding=\"compact\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n\n <section className={styles['profile-popover__primary']}>\n <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n {lastOnline && (\n <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n )}\n <div className={styles['profile-popover__names']}>\n <p className={styles['profile-popover__name']}>{name}</p>\n <p className={styles['profile-popover__handle']}>{username}</p>\n {title && <p className={styles['profile-popover__title']}>{title}</p>}\n </div>\n </section>\n\n {hasSecondary && (\n <section className={styles['profile-popover__secondary']}>\n {hasTitlesBlock && (\n <div className={styles['profile-popover__titles']}>\n {email && (\n <MetaRow\n icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n href={`mailto:${email}`}\n >\n {email}\n </MetaRow>\n )}\n {phones?.map((p, i) => {\n const subParts = [p.label, p.sipTrunk].filter(Boolean);\n const subText = subParts.join(' • ');\n return (\n <div\n key={`${p.number}-${i}`}\n className={[\n styles['profile-popover__meta-item'],\n styles['profile-popover__meta-item--stacked'],\n ].join(' ')}\n >\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n <Icon size=\"16\" glyph={p.icon ?? phoneIcon ?? <PhoneIcon />} />\n </span>\n <div className={styles['profile-popover__phone-body']}>\n {subText && (\n <span className={styles['profile-popover__phone-sub']}>\n {subText}\n </span>\n )}\n {p.onClick ? (\n <button\n type=\"button\"\n className={styles['profile-popover__meta-link']}\n onClick={p.onClick}\n >\n {p.number}\n </button>\n ) : (\n <a\n className={styles['profile-popover__meta-link']}\n href={p.href ?? `tel:${p.number}`}\n >\n {p.number}\n </a>\n )}\n </div>\n </div>\n );\n })}\n {sharedOrg && (\n <MetaRow\n icon={\n <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n }\n >\n {sharedOrg}\n </MetaRow>\n )}\n {staff && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Staff\n </MetaRow>\n )}\n {coreCommitter && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Core Committer\n </MetaRow>\n )}\n {githubHandle && (\n <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n {githubHandle}\n </MetaRow>\n )}\n </div>\n )}\n\n {localTime && (\n <div className={styles['profile-popover__local-time']}>\n <p className={styles['profile-popover__section-label']}>\n Local time ({localTime.timezone})\n </p>\n <div className={styles['profile-popover__time']}>\n <span>{localTime.time}</span>\n {localTime.hourDifference && (\n <span>({localTime.hourDifference})</span>\n )}\n </div>\n </div>\n )}\n\n {customStatus && (\n <div className={styles['profile-popover__custom-status']}>\n <p className={styles['profile-popover__section-label']}>\n Status\n {customStatus.expiresLabel\n ? ` (${customStatus.expiresLabel})`\n : ''}\n </p>\n <div className={styles['profile-popover__status-row']}>\n <span\n className={styles['profile-popover__status-emoji']}\n aria-hidden\n >\n {customStatus.emoji}\n </span>\n <span>{customStatus.text}</span>\n </div>\n </div>\n )}\n </section>\n )}\n\n <footer\n className={[\n styles['profile-popover__footer'],\n isYou\n ? styles['profile-popover__footer--you']\n : styles['profile-popover__footer--others'],\n ].join(' ')}\n >\n <div\n className={[\n styles['profile-popover__primary-action'],\n isYou\n ? styles['profile-popover__primary-action--you']\n : styles['profile-popover__primary-action--others'],\n ].join(' ')}\n >\n <Button\n className={styles['profile-popover__primary-button']}\n size=\"small\"\n emphasis=\"primary\"\n leadingIcon={\n isYou ? (\n <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n ) : (\n <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n )\n }\n onClick={onPrimaryAction}\n >\n {isYou ? 'Edit profile' : 'Message'}\n </Button>\n </div>\n <div className={styles['profile-popover__secondary-actions']}>\n {isYou ? (\n <IconButton\n aria-label=\"Send message\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n onClick={onSend}\n />\n ) : (\n <>\n <IconButton\n aria-label=\"Mention user\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n onClick={onMention}\n />\n <IconButton\n aria-label=\"Add to channel\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n onClick={onAddToChannel}\n />\n {callButton ??\n (onCall ? (\n <IconButton\n aria-label=\"Call\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n onClick={onCall}\n />\n ) : null)}\n </>\n )}\n </div>\n </footer>\n </div>\n );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}
1	+ {"version":3,"file":"ProfilePopover.js","sources":["../../../src/components/profile-popover/ProfilePopover.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport EmailOutlineIcon from '@mattermost/compass-icons/components/email-outline';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport GithubCircleIcon from '@mattermost/compass-icons/components/github-circle';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport PhoneIcon from '@mattermost/compass-icons/components/phone';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport Tag from '@/components/tag/Tag';\nimport Icon from '@/components/icon/Icon';\nimport styles from './ProfilePopover.module.scss';\n\nexport type ProfilePopoverUser = 'others' \| 'you';\n\nexport interface ProfilePopoverCustomStatus {\n emoji: string;\n text: string;\n /** Label suffix like \"Until Tomorrow\". /\n expiresLabel?: string;\n}\n\nexport interface ProfilePopoverLocalTime {\n /* Local time, e.g. \"10:42 PM\". /\n time: string;\n /* Timezone abbreviation, e.g. \"EST\". /\n timezone: string;\n /* Hour difference relative to viewer, e.g. \"3 hrs behind\". /\n hourDifference?: string;\n}\n\nexport interface ProfilePopoverPhone {\n number: string;\n /* Category label, e.g. \"NIPR\", \"NIPR Conf Bridge\", \"SIPR Extension\". /\n label?: string;\n /* Trunk / gateway identifier, e.g. \"DSN\", \"DISN Gateway\". /\n sipTrunk?: string;\n /* Per-row phone glyph; overrides the popover-level `phoneIcon` when set. /\n icon?: ReactNode;\n href?: string;\n /* When provided, the number click runs this handler instead of navigating. /\n onClick?: () => void;\n}\n\nexport interface ProfilePopoverProps {\n /* Whose profile is shown. Default: 'others'. /\n user?: ProfilePopoverUser;\n /* Avatar image URL. /\n avatarSrc: string;\n /* Avatar alt text. /\n avatarAlt: string;\n /* Full name. /\n name: string;\n /* @handle. /\n username: string;\n /* Job title. /\n title?: string;\n /* Email address. /\n email?: string;\n /* Phone rows shown under the email. /\n phones?: ProfilePopoverPhone[];\n /* Caption above the name, e.g. \"Last online 6 hrs ago\". /\n lastOnline?: string;\n /* Role tag shown at the very top, e.g. \"System Admin\". (Named `jobRole` to avoid clashing with the ARIA `role` attribute in JSX.) /\n jobRole?: string;\n /* Local time block. /\n localTime?: ProfilePopoverLocalTime;\n /* Custom status. /\n customStatus?: ProfilePopoverCustomStatus;\n /* Shared member org name. /\n sharedOrg?: string;\n /* Shows a Staff row. /\n staff?: boolean;\n /* Shows a Core Committer row. /\n coreCommitter?: boolean;\n /* GitHub handle — shows the GitHub profile row. /\n githubHandle?: string;\n onClose?: () => void;\n onPrimaryAction?: () => void;\n /* Inserts an @mention for this user in the active channel message input. /\n onMention?: () => void;\n /* Opens the Add to Channel flow for this user. /\n onAddToChannel?: () => void;\n /* Used when `callButton` is not provided; starts a simple outbound call action. /\n onCall?: () => void;\n onSend?: () => void;\n /* Replaces the default Call icon button in the footer when provided. /\n callButton?: ReactNode;\n /* Replaces the default phone glyph shown next to the phone number. /\n phoneIcon?: ReactNode;\n /* Animation state. Set to 'closing' to play the exit animation — listen via onAnimationEnd to unmount. /\n state?: 'open' \| 'closing';\n /* Fires when an animation on the popover root ends (entrance or exit). */\n onAnimationEnd?: (e: React.AnimationEvent<HTMLDivElement>) => void;\n className?: string;\n}\n\ninterface MetaRowProps {\n icon: ReactNode;\n children: ReactNode;\n href?: string;\n}\n\nfunction MetaRow({ icon, children, href }: MetaRowProps) {\n const textClass = href\n ? styles['profile-popover__meta-link']\n : styles['profile-popover__meta-text'];\n\n return (\n <div className={styles['profile-popover__meta-item']}>\n <span className={styles['profile-popover__meta-icon']} aria-hidden>\n {icon}\n </span>\n {href ? (\n <a className={textClass} href={href}>\n {children}\n </a>\n ) : (\n <span className={textClass}>{children}</span>\n )}\n </div>\n );\n}\n\nexport default function ProfilePopover({\n user = 'others',\n avatarSrc,\n avatarAlt,\n name,\n username,\n title,\n email,\n phones,\n lastOnline,\n jobRole,\n localTime,\n customStatus,\n sharedOrg,\n staff = false,\n coreCommitter = false,\n githubHandle,\n onClose,\n onPrimaryAction,\n onMention,\n onAddToChannel,\n onCall,\n onSend,\n callButton,\n phoneIcon,\n state = 'open',\n onAnimationEnd,\n className = '',\n}: ProfilePopoverProps) {\n const isYou = user === 'you';\n\n const rootClass = [\n styles['profile-popover'],\n state === 'closing' ? styles['profile-popover--closing'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const hasPhones = Boolean(phones && phones.length > 0);\n const hasTitlesBlock =\n Boolean(email) \|\|\n hasPhones \|\|\n Boolean(sharedOrg) \|\|\n staff \|\|\n coreCommitter \|\|\n Boolean(githubHandle);\n const hasSecondary =\n hasTitlesBlock \|\| Boolean(localTime) \|\| Boolean(customStatus);\n\n return (\n <div className={rootClass} onAnimationEnd={onAnimationEnd}>\n {jobRole && (\n <div className={styles['profile-popover__role-tag']}>\n <Tag label={jobRole} casing=\"all-caps\" size=\"x-small\" />\n </div>\n )}\n\n {onClose && (\n <IconButton\n className={styles['profile-popover__close']}\n aria-label=\"Close\"\n size=\"small\"\n padding=\"compact\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n\n <section className={styles['profile-popover__primary']}>\n <UserAvatar src={avatarSrc} alt={avatarAlt} size=\"120\" status />\n {lastOnline && (\n <p className={styles['profile-popover__last-online']}>{lastOnline}</p>\n )}\n <div className={styles['profile-popover__names']}>\n <p className={styles['profile-popover__name']}>{name}</p>\n <p className={styles['profile-popover__handle']}>{username}</p>\n {title && <p className={styles['profile-popover__title']}>{title}</p>}\n </div>\n </section>\n\n {hasSecondary && (\n <section className={styles['profile-popover__secondary']}>\n {hasTitlesBlock && (\n <div className={styles['profile-popover__titles']}>\n {email && (\n <MetaRow\n icon={<Icon size=\"16\" glyph={<EmailOutlineIcon />} />}\n href={`mailto:${email}`}\n >\n {email}\n </MetaRow>\n )}\n {phones?.map((p, i) => {\n const subParts = [p.label, p.sipTrunk].filter(Boolean);\n const subText = subParts.join(' • ');\n return (\n <div\n key={`${p.number}-${i}`}\n className={[\n styles['profile-popover__meta-item'],\n styles['profile-popover__meta-item--stacked'],\n ].join(' ')}\n >\n <span\n className={styles['profile-popover__meta-icon']}\n aria-hidden\n >\n <Icon\n size=\"16\"\n glyph={p.icon ?? phoneIcon ?? <PhoneIcon />}\n />\n </span>\n <div className={styles['profile-popover__phone-body']}>\n {subText && (\n <span className={styles['profile-popover__phone-sub']}>\n {subText}\n </span>\n )}\n {p.onClick ? (\n <button\n type=\"button\"\n className={styles['profile-popover__meta-link']}\n onClick={p.onClick}\n >\n {p.number}\n </button>\n ) : (\n <a\n className={styles['profile-popover__meta-link']}\n href={p.href ?? `tel:${p.number}`}\n >\n {p.number}\n </a>\n )}\n </div>\n </div>\n );\n })}\n {sharedOrg && (\n <MetaRow\n icon={\n <Icon size=\"16\" glyph={<CircleMultipleOutlineIcon />} />\n }\n >\n {sharedOrg}\n </MetaRow>\n )}\n {staff && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Staff\n </MetaRow>\n )}\n {coreCommitter && (\n <MetaRow icon={<Icon size=\"16\" glyph={<MattermostIcon />} />}>\n Core Committer\n </MetaRow>\n )}\n {githubHandle && (\n <MetaRow icon={<Icon size=\"16\" glyph={<GithubCircleIcon />} />}>\n {githubHandle}\n </MetaRow>\n )}\n </div>\n )}\n\n {localTime && (\n <div className={styles['profile-popover__local-time']}>\n <p className={styles['profile-popover__section-label']}>\n Local time ({localTime.timezone})\n </p>\n <div className={styles['profile-popover__time']}>\n <span>{localTime.time}</span>\n {localTime.hourDifference && (\n <span>({localTime.hourDifference})</span>\n )}\n </div>\n </div>\n )}\n\n {customStatus && (\n <div className={styles['profile-popover__custom-status']}>\n <p className={styles['profile-popover__section-label']}>\n Status\n {customStatus.expiresLabel\n ? ` (${customStatus.expiresLabel})`\n : ''}\n </p>\n <div className={styles['profile-popover__status-row']}>\n <span\n className={styles['profile-popover__status-emoji']}\n aria-hidden\n >\n {customStatus.emoji}\n </span>\n <span>{customStatus.text}</span>\n </div>\n </div>\n )}\n </section>\n )}\n\n <footer\n className={[\n styles['profile-popover__footer'],\n isYou\n ? styles['profile-popover__footer--you']\n : styles['profile-popover__footer--others'],\n ].join(' ')}\n >\n <div\n className={[\n styles['profile-popover__primary-action'],\n isYou\n ? styles['profile-popover__primary-action--you']\n : styles['profile-popover__primary-action--others'],\n ].join(' ')}\n >\n <Button\n className={styles['profile-popover__primary-button']}\n size=\"small\"\n emphasis=\"primary\"\n leadingIcon={\n isYou ? (\n <Icon size=\"12\" glyph={<PencilOutlineIcon />} />\n ) : (\n <Icon size=\"12\" glyph={<SendOutlineIcon />} />\n )\n }\n onClick={onPrimaryAction}\n >\n {isYou ? 'Edit profile' : 'Message'}\n </Button>\n </div>\n <div className={styles['profile-popover__secondary-actions']}>\n {isYou ? (\n <IconButton\n aria-label=\"Send message\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<SendOutlineIcon />} />}\n onClick={onSend}\n />\n ) : (\n <>\n <IconButton\n aria-label=\"Mention user\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AtIcon />} />}\n onClick={onMention}\n />\n <IconButton\n aria-label=\"Add to channel\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<AccountPlusOutlineIcon />} />}\n onClick={onAddToChannel}\n />\n {callButton ??\n (onCall ? (\n <IconButton\n aria-label=\"Call\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<PhoneIcon />} />}\n onClick={onCall}\n />\n ) : null)}\n </>\n )}\n </div>\n </footer>\n </div>\n );\n}\n"],"names":["MetaRow","icon","children","href","textClass","styles","jsxs","jsx","ProfilePopover","user","avatarSrc","avatarAlt","name","username","title","email","phones","lastOnline","jobRole","localTime","customStatus","sharedOrg","staff","coreCommitter","githubHandle","onClose","onPrimaryAction","onMention","onAddToChannel","onCall","onSend","callButton","phoneIcon","state","onAnimationEnd","className","isYou","rootClass","hasPhones","hasTitlesBlock","hasSecondary","Tag","IconButton","Icon","CloseIcon","UserAvatar","EmailOutlineIcon","p","i","subText","PhoneIcon","CircleMultipleOutlineIcon","MattermostIcon","GithubCircleIcon","Button","PencilOutlineIcon","SendOutlineIcon","Fragment","AtIcon","AccountPlusOutlineIcon"],"mappings":"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"}

package/dist/components/progress-bar/ProgressBar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),e=require("./ProgressBar.module.scss.cjs");function f(r){return r>=90?e.default["progress-bar__fill--danger"]:r>=70?e.default["progress-bar__fill--warning"]:e.default["progress-bar__fill--success"]}function d({value:r=0,size:s="large",semanticColors:i=!1,"aria-label":o="Progress",className:t=""}){const a=Math.min(100,Math.max(0,r)),u=s==="small"?e.default["progress-bar--size-small"]:e.default["progress-bar--size-large"],n=i?f(a):e.default["progress-bar__fill--default"];return l.jsx("div",{role:"progressbar","aria-valuenow":a,"aria-valuemin":0,"aria-valuemax":100,"aria-label":o,className:[e.default["progress-bar"],u,t].filter(Boolean).join(" "),children:l.jsx("div",{className:[e.default["progress-bar__fill"],n].filter(Boolean).join(" "),style:{width:`${a}%`}})})}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("./ProgressBar.module.scss.cjs");function d(e){return e>=90?r.default["progress-bar__fill--danger"]:e>=70?r.default["progress-bar__fill--warning"]:r.default["progress-bar__fill--success"]}function g({value:e=0,size:o="large",semanticColors:i=!1,indeterminate:a=!1,"aria-label":t="Progress",className:u=""}){const l=Math.min(100,Math.max(0,e)),f=o==="small"?r.default["progress-bar--size-small"]:r.default["progress-bar--size-large"],n=i&&!a?d(l):r.default["progress-bar__fill--default"];return s.jsx("div",{role:"progressbar","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":100,"aria-label":t,className:[r.default["progress-bar"],f,a?r.default["progress-bar--indeterminate"]:"",u].filter(Boolean).join(" "),children:s.jsx("div",{className:[r.default["progress-bar__fill"],n].filter(Boolean).join(" "),style:a?void 0:{width:`${l}%`}})})}exports.default=g;
 //# sourceMappingURL=ProgressBar.cjs.map

package/dist/components/progress-bar/ProgressBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.cjs","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' \| 'large';\n\nexport interface ProgressBarProps {\n /** Progress value 0–100. Default: 0. /\n value?: number;\n /* Size variant. Default: Large. /\n size?: ProgressBarSize;\n /\n When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n /\n semanticColors?: boolean;\n /* Accessible label for the progress bar. /\n 'aria-label'?: string;\n /* Optional CSS class name. /\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/\n Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass = ~~semanticColors~~\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\n className={[styles['progress-bar'], sizeClass, className]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={{ width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","ariaLabel","className","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":"~~4LAoBA~~,SAASA,EAAsBC,EAAuB,CACpD,OAAIA,GAAS,GAAWC,EAAAA,QAAO,4BAA4B,EACvDD,GAAS,GAAWC,EAAAA,QAAO,6BAA6B,EACrDA,EAAAA,QAAO,6BAA6B,CAC7C,CAOA,SAAwBC,EAAY,CAClC,MAAAF,EAAQ,EACR,KAAAG,EAAO,QACP,eAAAC,EAAiB,GACjB,aAAcC,EAAY,WAC1B,UAAAC,EAAY,EACd,EAAqB,CACnB,MAAMC,EAAe,KAAK,IAAI,IAAK,KAAK,IAAI,~~EAAGP~~,CAAK,CAAC,EAC/CQ,~~EACJL~~,IAAS,QACLF,EAAAA,QAAO,0BAA0B,EACjCA,EAAAA,QAAO,0BAA0B,~~EAEjCQ~~,~~EAAiBL~~,~~EACnBL~~,~~EAAsBQ~~,CAAY,~~EAClCN~~,EAAAA,QAAO,6BAA6B,~~EAExC~~,~~OACES~~,EAAAA,IAAC,MAAA,CACC,KAAK,cACL,~~gBAAeH~~,~~EACf~~,gBAAe,EACf,gBAAe,IACf,aAAYF,EACZ,UAAW,~~CAACJ~~,EAAAA,QAAO,cAAc,~~EAAGO~~,~~EAAWF~~,~~CAAS~~,~~EACrD~~,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAI,EAAAA,IAAC,MAAA,CACC,UAAW,~~CAACT~~,UAAO,oBAAoB,~~EAAGQ~~,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,~~MAAO~~,CAAE,MAAO,~~GAAGF~~,CAAY,GAAA,CAAI,CAAA,~~CACrC~~,CAAA,CAGN"}
1	+ {"version":3,"file":"ProgressBar.cjs","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' \| 'large';\n\nexport interface ProgressBarProps {\n /** Progress value 0–100. Default: 0. /\n value?: number;\n /* Size variant. Default: Large. /\n size?: ProgressBarSize;\n /\n When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n /\n semanticColors?: boolean;\n /\n When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n /\n indeterminate?: boolean;\n /* Accessible label for the progress bar. /\n 'aria-label'?: string;\n /* Optional CSS class name. /\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/\n Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={indeterminate ? undefined : clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\n className={[\n styles['progress-bar'],\n sizeClass,\n indeterminate ? styles['progress-bar--indeterminate'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={indeterminate ? undefined : { width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","indeterminate","ariaLabel","className","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":"4LAyBA,SAASA,EAAsBC,EAAuB,CACpD,OAAIA,GAAS,GAAWC,EAAAA,QAAO,4BAA4B,EACvDD,GAAS,GAAWC,EAAAA,QAAO,6BAA6B,EACrDA,EAAAA,QAAO,6BAA6B,CAC7C,CAOA,SAAwBC,EAAY,CAClC,MAAAF,EAAQ,EACR,KAAAG,EAAO,QACP,eAAAC,EAAiB,GACjB,cAAAC,EAAgB,GAChB,aAAcC,EAAY,WAC1B,UAAAC,EAAY,EACd,EAAqB,CACnB,MAAMC,EAAe,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGR,CAAK,CAAC,EAC/CS,EACJN,IAAS,QACLF,EAAAA,QAAO,0BAA0B,EACjCA,EAAAA,QAAO,0BAA0B,EAEjCS,EACJN,GAAkB,CAACC,EACfN,EAAsBS,CAAY,EAClCP,EAAAA,QAAO,6BAA6B,EAE1C,OACEU,EAAAA,IAAC,MAAA,CACC,KAAK,cACL,gBAAeN,EAAgB,OAAYG,EAC3C,gBAAe,EACf,gBAAe,IACf,aAAYF,EACZ,UAAW,CACTL,EAAAA,QAAO,cAAc,EACrBQ,EACAJ,EAAgBJ,EAAAA,QAAO,6BAA6B,EAAI,GACxDM,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAI,EAAAA,IAAC,MAAA,CACC,UAAW,CAACV,UAAO,oBAAoB,EAAGS,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAOL,EAAgB,OAAY,CAAE,MAAO,GAAGG,CAAY,GAAA,CAAI,CAAA,CACjE,CAAA,CAGN"}

package/dist/components/progress-bar/ProgressBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._progress-~~bar_yw4zb_2~~{position:relative;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);overflow:hidden}._progress-bar--size-~~small_yw4zb_8~~{height:4px;border-radius:var(--radius-xs)}._progress-bar--size-~~small_yw4zb_8~~ ._progress-~~bar__fill_yw4zb_12~~{border-radius:var(--radius-xs)}._progress-bar--size-~~large_yw4zb_15~~{height:8px;border-radius:var(--radius-s)}._progress-bar--size-~~large_yw4zb_15~~ ._progress-~~bar__fill_yw4zb_12~~{border-radius:var(--radius-s)}._progress-~~bar__fill_yw4zb_12~~{position:absolute;top:0;bottom:0;left:0;transition:width var(--duration-quick) var(--ease-transition)}._progress-bar__fill--~~default_yw4zb_29~~{background-color:var(--button-bg)}._progress-bar__fill--~~success_yw4zb_32~~{background-color:var(--color-success)}._progress-bar__fill--~~warning_yw4zb_35~~{background-color:var(--color-warning)}._progress-bar__fill--~~danger_yw4zb_38~~{background-color:var(--error-text, var(--color-danger))}
1	+ @keyframes _progress-bar-indeterminate_as2vp_1{0%{transform:translate(-100%)}to{transform:translate(250%)}}._progress-bar_as2vp_10{position:relative;width:100%;background-color:rgba(var(--center-channel-color-rgb),.16);overflow:hidden}._progress-bar--size-small_as2vp_16{height:4px;border-radius:var(--radius-xs)}._progress-bar--size-small_as2vp_16 ._progress-bar__fill_as2vp_20{border-radius:var(--radius-xs)}._progress-bar--size-large_as2vp_23{height:8px;border-radius:var(--radius-s)}._progress-bar--size-large_as2vp_23 ._progress-bar__fill_as2vp_20{border-radius:var(--radius-s)}._progress-bar__fill_as2vp_20{position:absolute;top:0;bottom:0;left:0;transition:width var(--duration-quick) var(--ease-transition)}._progress-bar__fill--default_as2vp_37{background-color:var(--button-bg)}._progress-bar__fill--success_as2vp_40{background-color:var(--color-success)}._progress-bar__fill--warning_as2vp_43{background-color:var(--color-warning)}._progress-bar__fill--danger_as2vp_46{background-color:var(--error-text, var(--color-danger))}._progress-bar--indeterminate_as2vp_49 ._progress-bar__fill_as2vp_20{width:40%;transition:none;animation:_progress-bar-indeterminate_as2vp_1 calc(var(--duration-moderate) * 5) var(--ease-transition) infinite}@media(prefers-reduced-motion:reduce){._progress-bar--indeterminate_as2vp_49 ._progress-bar__fill_as2vp_20{width:100%;animation:none;opacity:.48}}

package/dist/components/progress-bar/ProgressBar.d.ts CHANGED Viewed

@@ -9,6 +9,11 @@ export interface ProgressBarProps {
      * When false, uses the default brand blue. Default: false.
      */
     semanticColors?: boolean;
+    /**
+     * When true, shows an animated bar for work with an unknown total and omits
+     * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.
+     */
+    indeterminate?: boolean;
     /** Accessible label for the progress bar. */
     'aria-label'?: string;
     /** Optional CSS class name. */
@@ -19,5 +24,5 @@ export interface ProgressBarProps {
  * quota filling, an import running. Use it when the duration or total is known; reach for
  * [Spinner](/components/spinner) when it isn't.
  */
-export default function ProgressBar({ value, size, semanticColors, 'aria-label': ariaLabel, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export default function ProgressBar({ value, size, semanticColors, indeterminate, 'aria-label': ariaLabel, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/progress-bar/ProgressBar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,IAAc,EACd,cAAsB,EACtB,YAAY,EAAE,SAAsB,EACpC,SAAc,GACf,EAAE,gBAAgB,~~2CA8BlB~~"}
1	+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,IAAc,EACd,cAAsB,EACtB,aAAqB,EACrB,YAAY,EAAE,SAAsB,EACpC,SAAc,GACf,EAAE,gBAAgB,2CAoClB"}

package/dist/components/progress-bar/ProgressBar.js CHANGED Viewed

@@ -1,36 +1,42 @@
 import { jsx as e } from "react/jsx-runtime";
 import r from "./ProgressBar.module.scss.js";
-function g(a) {
-  return a >= 90 ? r["progress-bar__fill--danger"] : a >= 70 ? r["progress-bar__fill--warning"] : r["progress-bar__fill--success"];
+function p(s) {
+  return s >= 90 ? r["progress-bar__fill--danger"] : s >= 70 ? r["progress-bar__fill--warning"] : r["progress-bar__fill--success"];
 }
-function c({
-  value: a = 0,
-  size: l = "large",
-  semanticColors: o = !1,
-  "aria-label": i = "Progress",
-  className: n = ""
+function m({
+  value: s = 0,
+  size: o = "large",
+  semanticColors: i = !1,
+  indeterminate: a = !1,
+  "aria-label": n = "Progress",
+  className: t = ""
 }) {
-  const s = Math.min(100, Math.max(0, a)), t = l === "small" ? r["progress-bar--size-small"] : r["progress-bar--size-large"], f = o ? g(s) : r["progress-bar__fill--default"];
+  const l = Math.min(100, Math.max(0, s)), f = o === "small" ? r["progress-bar--size-small"] : r["progress-bar--size-large"], g = i && !a ? p(l) : r["progress-bar__fill--default"];
   return /* @__PURE__ */ e(
     "div",
     {
       role: "progressbar",
-      "aria-valuenow": s,
+      "aria-valuenow": a ? void 0 : l,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": i,
-      className: [r["progress-bar"], t, n].filter(Boolean).join(" "),
+      "aria-label": n,
+      className: [
+        r["progress-bar"],
+        f,
+        a ? r["progress-bar--indeterminate"] : "",
+        t
+      ].filter(Boolean).join(" "),
       children: /* @__PURE__ */ e(
         "div",
         {
-          className: [r["progress-bar__fill"], f].filter(Boolean).join(" "),
-          style: { width: `${s}%` }
+          className: [r["progress-bar__fill"], g].filter(Boolean).join(" "),
+          style: a ? void 0 : { width: `${l}%` }
         }
       )
     }
   );
 }
 export {
-  c as default
+  m as default
 };
 //# sourceMappingURL=ProgressBar.js.map

package/dist/components/progress-bar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' \| 'large';\n\nexport interface ProgressBarProps {\n /** Progress value 0–100. Default: 0. /\n value?: number;\n /* Size variant. Default: Large. /\n size?: ProgressBarSize;\n /\n When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n /\n semanticColors?: boolean;\n /* Accessible label for the progress bar. /\n 'aria-label'?: string;\n /* Optional CSS class name. /\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/\n Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass = ~~semanticColors~~\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\n className={[styles['progress-bar'], sizeClass, className]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={{ width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","ariaLabel","className","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":";;~~AAoBA~~,SAASA,EAAsBC,GAAuB;AACpD,SAAIA,KAAS,KAAWC,EAAO,4BAA4B,IACvDD,KAAS,KAAWC,EAAO,6BAA6B,IACrDA,EAAO,6BAA6B;AAC7C;AAOA,SAAwBC,EAAY;AAAA,EAClC,OAAAF,IAAQ;AAAA,EACR,MAAAG,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,cAAcC,IAAY;AAAA,EAC1B,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IAAe,KAAK,IAAI,KAAK,KAAK,IAAI,~~GAAGP~~,CAAK,CAAC,GAC/CQ,~~IACJL~~,MAAS,UACLF,EAAO,0BAA0B,IACjCA,EAAO,0BAA0B,~~GAEjCQ~~,~~IAAiBL~~,~~IACnBL~~,~~EAAsBQ~~,CAAY,~~IAClCN~~,EAAO,6BAA6B;~~AAExC~~,SACE,~~gBAAAS~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,~~iBAAeH~~;AAAA,~~MACf~~,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAYF;AAAA,MACZ,WAAW,~~CAACJ~~,EAAO,cAAc,~~GAAGO~~,~~GAAWF~~,~~CAAS~~,~~EACrD~~,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,~~CAACT~~,EAAO,oBAAoB,~~GAAGQ~~,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,~~OAAO~~,EAAE,OAAO,~~GAAGF~~,CAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,~~IACrC~~;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import styles from './ProgressBar.module.scss';\n\nexport type ProgressBarSize = 'small' \| 'large';\n\nexport interface ProgressBarProps {\n /** Progress value 0–100. Default: 0. /\n value?: number;\n /* Size variant. Default: Large. /\n size?: ProgressBarSize;\n /\n When true, fill color shifts from green→yellow→red based on percentage.\n * When false, uses the default brand blue. Default: false.\n /\n semanticColors?: boolean;\n /\n When true, shows an animated bar for work with an unknown total and omits\n * `aria-valuenow`. `value` and `semanticColors` are ignored. Default: false.\n /\n indeterminate?: boolean;\n /* Accessible label for the progress bar. /\n 'aria-label'?: string;\n /* Optional CSS class name. /\n className?: string;\n}\n\nfunction getSemanticColorClass(value: number): string {\n if (value >= 90) return styles['progress-bar__fill--danger'];\n if (value >= 70) return styles['progress-bar__fill--warning'];\n return styles['progress-bar__fill--success'];\n}\n\n/\n Progress Bar shows determinate progress through a wait state — an upload finishing, a\n * quota filling, an import running. Use it when the duration or total is known; reach for\n * [Spinner](/components/spinner) when it isn't.\n */\nexport default function ProgressBar({\n value = 0,\n size = 'large',\n semanticColors = false,\n indeterminate = false,\n 'aria-label': ariaLabel = 'Progress',\n className = '',\n}: ProgressBarProps) {\n const clampedValue = Math.min(100, Math.max(0, value));\n const sizeClass =\n size === 'small'\n ? styles['progress-bar--size-small']\n : styles['progress-bar--size-large'];\n\n const fillColorClass =\n semanticColors && !indeterminate\n ? getSemanticColorClass(clampedValue)\n : styles['progress-bar__fill--default'];\n\n return (\n <div\n role=\"progressbar\"\n aria-valuenow={indeterminate ? undefined : clampedValue}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={ariaLabel}\n className={[\n styles['progress-bar'],\n sizeClass,\n indeterminate ? styles['progress-bar--indeterminate'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <div\n className={[styles['progress-bar__fill'], fillColorClass]\n .filter(Boolean)\n .join(' ')}\n style={indeterminate ? undefined : { width: `${clampedValue}%` }}\n />\n </div>\n );\n}\n"],"names":["getSemanticColorClass","value","styles","ProgressBar","size","semanticColors","indeterminate","ariaLabel","className","clampedValue","sizeClass","fillColorClass","jsx"],"mappings":";;AAyBA,SAASA,EAAsBC,GAAuB;AACpD,SAAIA,KAAS,KAAWC,EAAO,4BAA4B,IACvDD,KAAS,KAAWC,EAAO,6BAA6B,IACrDA,EAAO,6BAA6B;AAC7C;AAOA,SAAwBC,EAAY;AAAA,EAClC,OAAAF,IAAQ;AAAA,EACR,MAAAG,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,cAAcC,IAAY;AAAA,EAC1B,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IAAe,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGR,CAAK,CAAC,GAC/CS,IACJN,MAAS,UACLF,EAAO,0BAA0B,IACjCA,EAAO,0BAA0B,GAEjCS,IACJN,KAAkB,CAACC,IACfN,EAAsBS,CAAY,IAClCP,EAAO,6BAA6B;AAE1C,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAeN,IAAgB,SAAYG;AAAA,MAC3C,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAYF;AAAA,MACZ,WAAW;AAAA,QACTL,EAAO,cAAc;AAAA,QACrBQ;AAAA,QACAJ,IAAgBJ,EAAO,6BAA6B,IAAI;AAAA,QACxDM;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACV,EAAO,oBAAoB,GAAGS,CAAc,EACrD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,OAAOL,IAAgB,SAAY,EAAE,OAAO,GAAGG,CAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IACjE;AAAA,EAAA;AAGN;"}

package/dist/components/progress-bar/ProgressBar.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.css');const r={"progress-bar":"_progress-bar_yw4zb_2","progress-bar--size-small":"_progress-bar--size-small_yw4zb_8","progress-bar__fill":"_progress-bar__fill_yw4zb_12","progress-bar--size-large":"_progress-bar--size-large_yw4zb_15","progress-bar__fill--default":"_progress-bar__fill--default_yw4zb_29","progress-bar__fill--success":"_progress-bar__fill--success_yw4zb_32","progress-bar__fill--warning":"_progress-bar__fill--warning_yw4zb_35","progress-bar__fill--danger":"_progress-bar__fill--danger_yw4zb_38"};exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ProgressBar.css');const r={"progress-bar":"_progress-bar_as2vp_10","progress-bar--size-small":"_progress-bar--size-small_as2vp_16","progress-bar__fill":"_progress-bar__fill_as2vp_20","progress-bar--size-large":"_progress-bar--size-large_as2vp_23","progress-bar__fill--default":"_progress-bar__fill--default_as2vp_37","progress-bar__fill--success":"_progress-bar__fill--success_as2vp_40","progress-bar__fill--warning":"_progress-bar__fill--warning_as2vp_43","progress-bar__fill--danger":"_progress-bar__fill--danger_as2vp_46","progress-bar--indeterminate":"_progress-bar--indeterminate_as2vp_49"};exports.default=r;
 //# sourceMappingURL=ProgressBar.module.scss.cjs.map

package/dist/components/progress-bar/ProgressBar.module.scss.js CHANGED Viewed

@@ -1,12 +1,13 @@
 import './ProgressBar.css';const r = {
-  "progress-bar": "_progress-bar_yw4zb_2",
-  "progress-bar--size-small": "_progress-bar--size-small_yw4zb_8",
-  "progress-bar__fill": "_progress-bar__fill_yw4zb_12",
-  "progress-bar--size-large": "_progress-bar--size-large_yw4zb_15",
-  "progress-bar__fill--default": "_progress-bar__fill--default_yw4zb_29",
-  "progress-bar__fill--success": "_progress-bar__fill--success_yw4zb_32",
-  "progress-bar__fill--warning": "_progress-bar__fill--warning_yw4zb_35",
-  "progress-bar__fill--danger": "_progress-bar__fill--danger_yw4zb_38"
+  "progress-bar": "_progress-bar_as2vp_10",
+  "progress-bar--size-small": "_progress-bar--size-small_as2vp_16",
+  "progress-bar__fill": "_progress-bar__fill_as2vp_20",
+  "progress-bar--size-large": "_progress-bar--size-large_as2vp_23",
+  "progress-bar__fill--default": "_progress-bar__fill--default_as2vp_37",
+  "progress-bar__fill--success": "_progress-bar__fill--success_as2vp_40",
+  "progress-bar__fill--warning": "_progress-bar__fill--warning_as2vp_43",
+  "progress-bar__fill--danger": "_progress-bar__fill--danger_as2vp_46",
+  "progress-bar--indeterminate": "_progress-bar--indeterminate_as2vp_49"
 };
 export {
   r as default

package/dist/components/progress-bar/ProgressBar.module.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;~~"}
1	+ {"version":3,"file":"ProgressBar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/radio/Radio.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),C=require("react"),h=require("../../hooks/use-controllable.cjs"),q=require("../../utils/string.cjs"),e=require("./Radio.module.scss.cjs");function v({className:r="",size:n="medium",invalid:s=!1,children:o,id:d,checked:t,defaultChecked:l,disabled:u,onChange:c,name:_,value:f,...m}){const b=C.useId(),i=d??b,[,j]=h.useControllable(t,l,c),p=e.default[`radio--size-${q.toKebab(n)}`],g=s?e.default["radio--invalid"]:"",x=[e.default.radio,p,g,r].filter(Boolean).join(" ");return a.jsxs("label",{className:x,htmlFor:i,children:[a.jsx("input",{id:i,type:"radio",name:_,value:f,className:e.default.radio__input,checked:t,defaultChecked:l,disabled:u,"aria-invalid":s?!0:void 0,onChange:j,...m}),a.jsx("span",{className:e.default.radio__circle,children:a.jsx("span",{className:e.default.radio__dot,"aria-hidden":!0})}),o!=null&&a.jsx("span",{className:e.default.radio__label,children:o})]})}exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("react"),h=require("../../hooks/use-controllable.cjs"),q=require("../../utils/string.cjs"),e=require("./Radio.module.scss.cjs"),n=r.forwardRef(function({className:d="",size:u="medium",invalid:s=!1,children:o,id:c,checked:i,defaultChecked:t,disabled:f,onChange:_,name:m,value:b,...j},p){const R=r.useId(),l=c??R,[,g]=h.useControllable(i,t,_),x=e.default[`radio--size-${q.toKebab(u)}`],C=s?e.default["radio--invalid"]:"",N=[e.default.radio,x,C,d].filter(Boolean).join(" ");return a.jsxs("label",{className:N,htmlFor:l,children:[a.jsx("input",{ref:p,id:l,type:"radio",name:m,value:b,className:e.default.radio__input,checked:i,defaultChecked:t,disabled:f,"aria-invalid":s?!0:void 0,onChange:g,...j}),a.jsx("span",{className:e.default.radio__circle,children:a.jsx("span",{className:e.default.radio__dot,"aria-hidden":!0})}),o!=null&&a.jsx("span",{className:e.default.radio__label,children:o})]})});n.displayName="Radio";exports.default=n;
 //# sourceMappingURL=Radio.cjs.map

package/dist/components/radio/Radio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.cjs","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport { toKebab } from '@/utils/string';\nimport styles from './Radio.module.scss';\n\nexport type RadioSize = 'small' \| 'medium' \| 'large';\n\nexport interface RadioProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size' \| 'type'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. /\n size?: RadioSize;\n /* When true, uses error/destructive styling (red when checked). /\n invalid?: boolean;\n /* Label content. Rendered next to the radio. /\n children?: React.ReactNode;\n}\n\n/\n Radios let people pick exactly one option from a small, mutually exclusive set — a\n * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are\n * few enough to show at once and the user benefits from seeing every option side-by-side.\n /\~~nexport~~ ~~default~~ function Radio({\n className = '',\n size = 'medium',\n invalid = false,\n children,\n id: idProp,\n checked,\n defaultChecked,\n disabled,\n onChange,\n name,\n value,\n ...rest\n}~~: RadioProps~~) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const [, handleChange] = useControllable(checked, defaultChecked, onChange);\n\n const sizeClass = styles[`radio--size-${toKebab(size)}`];\n const invalidClass = invalid ? styles['radio--invalid'] : '';\n\n const rootClass = [styles.radio, sizeClass, invalidClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <label className={rootClass} htmlFor={id}>\n {/ eslint-disable-next-line jsx-a11y/role-supports-aria-props -- invalid form contract; radio has no supported invalid ARIA */}\n <input\n id={id}\n type=\"radio\"\n name={name}\n value={value}\n className={styles['radio__input']}\n checked={checked}\n defaultChecked={defaultChecked}\n disabled={disabled}\n aria-invalid={invalid ? true : undefined}\n onChange={handleChange}\n {...rest}\n />\n <span className={styles['radio__circle']}>\n <span className={styles['radio__dot']} aria-hidden />\n </span>\n {children != null && (\n <span className={styles['radio__label']}>{children}</span>\n )}\n </label>\n );\n}\n"],"names":["Radio","className","size","invalid","children","idProp","checked","defaultChecked","disabled","onChange","name","value","rest","generatedId","useId","id","handleChange","useControllable","sizeClass","styles","toKebab","invalidClass","rootClass","jsxs","jsx"],"mappings":"~~0RA2BA~~,~~SAAwBA~~,~~EAAM~~,~~CAC5B~~,UAAAC,EAAY,GACZ,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,SAAAC,EACA,GAAIC,EACJ,QAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,~~EAAe~~,~~CACb~~,MAAMC,EAAcC,EAAAA,MAAA,EACdC,~~EAAKV~~,~~GAAUQ~~,EACf,CAAA,CAAGG,CAAY,EAAIC,EAAAA,~~gBAAgBX~~,EAASC,EAAgBE,CAAQ,~~EAEpES~~,EAAYC,EAAAA,QAAO,eAAeC,EAAAA,~~QAAQlB~~,CAAI,CAAC,EAAE,~~EACjDmB~~,~~EAAelB~~,~~EAAUgB~~,UAAO,gBAAgB,EAAI,GAEpDG,EAAY,CAACH,UAAO,MAAOD,EAAWG,~~EAAcpB~~,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,~~OACEsB~~,EAAAA,KAAC,QAAA,CAAM,UAAWD,EAAW,QAASP,EAEpC,SAAA,CAAAS,EAAAA,IAAC,QAAA,CACC,~~GAAAT~~,EACA,KAAK,QACL,~~KAAAL~~,EACA,MAAAC,EACA,~~UAAWQ~~,EAAAA,QAAO,aAClB,~~QAAAb~~,EACA,eAAAC,EACA,SAAAC,EACA,eAAcL,EAAU,GAAO,OAC/B,~~SAAUa~~,EACT,~~GAAGJ~~,CAAA,CAAA,~~EAENY~~,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,cACtB,SAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,WAAe,cAAW,GAAC,EACrD,~~EACCf~~,GAAY,~~MACXoB~~,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,aAAkB,~~SAAAf~~,CAAA,CAAS,CAAA,EAEvD,CAEJ"}
1	+ {"version":3,"file":"Radio.cjs","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport { forwardRef, useId } from 'react';\nimport { useControllable } from '@/hooks/use-controllable';\nimport { toKebab } from '@/utils/string';\nimport styles from './Radio.module.scss';\n\nexport type RadioSize = 'small' \| 'medium' \| 'large';\n\nexport interface RadioProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size' \| 'type'\n> {\n /** Optional CSS class name. /\n className?: string;\n /* Size variant. Figma: Small (12px), Medium (16px), Large (20px). Default: Medium. /\n size?: RadioSize;\n /* When true, uses error/destructive styling (red when checked). /\n invalid?: boolean;\n /* Label content. Rendered next to the radio. /\n children?: React.ReactNode;\n}\n\n/\n Radios let people pick exactly one option from a small, mutually exclusive set — a\n * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are\n * few enough to show at once and the user benefits from seeing every option side-by-side.\n /\nconst Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n className = '',\n size = 'medium',\n invalid = false,\n children,\n id: idProp,\n checked,\n defaultChecked,\n disabled,\n onChange,\n name,\n value,\n ...rest\n },\n ref,\n) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n const [, handleChange] = useControllable(checked, defaultChecked, onChange);\n\n const sizeClass = styles[`radio--size-${toKebab(size)}`];\n const invalidClass = invalid ? styles['radio--invalid'] : '';\n\n const rootClass = [styles.radio, sizeClass, invalidClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <label className={rootClass} htmlFor={id}>\n {/ eslint-disable-next-line jsx-a11y/role-supports-aria-props -- invalid form contract; radio has no supported invalid ARIA */}\n <input\n ref={ref}\n id={id}\n type=\"radio\"\n name={name}\n value={value}\n className={styles['radio__input']}\n checked={checked}\n defaultChecked={defaultChecked}\n disabled={disabled}\n aria-invalid={invalid ? true : undefined}\n onChange={handleChange}\n {...rest}\n />\n <span className={styles['radio__circle']}>\n <span className={styles['radio__dot']} aria-hidden />\n </span>\n {children != null && (\n <span className={styles['radio__label']}>{children}</span>\n )}\n </label>\n );\n});\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["Radio","forwardRef","className","size","invalid","children","idProp","checked","defaultChecked","disabled","onChange","name","value","rest","ref","generatedId","useId","id","handleChange","useControllable","sizeClass","styles","toKebab","invalidClass","rootClass","jsxs","jsx"],"mappings":"0RA2BMA,EAAQC,EAAAA,WAAyC,SACrD,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,SAAAC,EACA,GAAIC,EACJ,QAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKX,GAAUS,EACf,CAAA,CAAGG,CAAY,EAAIC,EAAAA,gBAAgBZ,EAASC,EAAgBE,CAAQ,EAEpEU,EAAYC,EAAAA,QAAO,eAAeC,EAAAA,QAAQnB,CAAI,CAAC,EAAE,EACjDoB,EAAenB,EAAUiB,UAAO,gBAAgB,EAAI,GAEpDG,EAAY,CAACH,UAAO,MAAOD,EAAWG,EAAcrB,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEuB,EAAAA,KAAC,QAAA,CAAM,UAAWD,EAAW,QAASP,EAEpC,SAAA,CAAAS,EAAAA,IAAC,QAAA,CACC,IAAAZ,EACA,GAAAG,EACA,KAAK,QACL,KAAAN,EACA,MAAAC,EACA,UAAWS,EAAAA,QAAO,aAClB,QAAAd,EACA,eAAAC,EACA,SAAAC,EACA,eAAcL,EAAU,GAAO,OAC/B,SAAUc,EACT,GAAGL,CAAA,CAAA,EAENa,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,cACtB,SAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,WAAe,cAAW,GAAC,EACrD,EACChB,GAAY,MACXqB,EAAAA,IAAC,OAAA,CAAK,UAAWL,EAAAA,QAAO,aAAkB,SAAAhB,CAAA,CAAS,CAAA,EAEvD,CAEJ,CAAC,EAEDL,EAAM,YAAc"}

package/dist/components/radio/Radio.d.ts CHANGED Viewed

@@ -15,5 +15,6 @@ export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
  * workspace plan, a notification cadence, a default theme. Use a Radio when the choices are
  * few enough to show at once and the user benefits from seeing every option side-by-side.
  */
-export default function Radio({ className, size, invalid, children, id: idProp, checked, defaultChecked, disabled, onChange, name, value, ...rest }: RadioProps): import("react/jsx-runtime").JSX.Element;
+declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,~~CAAC~~,~~OAAO~~,~~UAAU,KAAK,~~CAAC,~~EAC5B~~,~~SAAc,EACd,IAAe,EACf,OAAe,EACf,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,~~KAAK,~~EACL,GAAG,IAAI,EACR,EAAE,UAAU,2CAoCZ~~"}
1	+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,QAAA,MAAM,KAAK,yGAqDT,CAAC;AAIH,eAAe,KAAK,CAAC"}