npm - @mastra/playground-ui - Versions diffs - 65.0.0-alpha.2 → 65.0.0-alpha.4 - Mend

@mastra/playground-ui 65.0.0-alpha.2 → 65.0.0-alpha.4

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 (883) hide show

package/dist/components/StatusIndicators.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusIndicators.cjs.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' \| 'progress' \| 'error' \| 'neutral';\nexport type StatusDotGlyph = 'filled' \| 'ring';\n\nexport type StatusPresentation = {\n label: string;\n tone: StatusTone;\n glyph?: StatusDotGlyph;\n description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T \| null) => StatusPresentation;\n\nexport type DeployState = 'ready' \| 'building' \| 'idle' \| 'queued' \| 'stopped' \| 'error';\n\nexport const deployStates = {\n ready: { label: 'Ready', tone: 'success' },\n building: { label: 'Building', tone: 'progress' },\n idle: { label: 'Idle', tone: 'neutral', glyph: 'ring' },\n queued: { label: 'Queued', tone: 'neutral', glyph: 'ring' },\n stopped: { label: 'Stopped', tone: 'neutral' },\n error: { label: 'Error', tone: 'error' },\n} satisfies Record<DeployState, Omit<StatusPresentation, 'description'>>;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n success: 'bg-success-indicator',\n progress: 'bg-warning-bright',\n error: 'bg-destructive-indicator',\n neutral: 'bg-muted-foreground',\n};\n\nconst TONE_RING: Record<StatusTone, string> = {\n success: 'border-success-indicator',\n progress: 'border-warning-bright',\n error: 'border-destructive-indicator',\n neutral: 'border-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-border before:border-t-warning-bright before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nexport function statusToneFill(tone: StatusTone): string {\n return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n { tone, glyph = 'filled' }: Pick<StatusPresentation, 'tone' \| 'glyph'>,\n className?: string,\n): string {\n return cn(\n 'inline-block size-2 shrink-0 rounded-full',\n glyph === 'ring' ? cn('border bg-transparent', TONE_RING[tone]) : TONE_FILL[tone],\n tone === 'progress' && PROGRESS_DECORATION,\n className,\n );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n presentation: StatusPresentation;\n};\n\nexport function Status({ presentation, className, ...props }: StatusProps) {\n return (\n <span className={cn('inline-flex items-center gap-2', className)} {...props}>\n <span className={statusDotClass(presentation)} aria-hidden />\n {presentation.label}\n </span>\n );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n status,\n presentation,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n}) {\n const [open, setOpen] = useState(false);\n const leaveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const resolved = presentation(status);\n\n useEffect(\n () => () => {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n },\n [],\n );\n\n function onHoverOpen() {\n if (leaveTimer.current !== undefined) {\n clearTimeout(leaveTimer.current);\n leaveTimer.current = undefined;\n }\n setOpen(true);\n }\n\n function onHoverScheduleClose() {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n }\n\n return (\n <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={<button type=\"button\" aria-label={resolved.label} className={statusDotClass(resolved, focusRing)} />}\n />\n <PopoverContent\n side=\"top\"\n align=\"start\"\n sideOffset={6}\n className=\"w-auto max-w-xs px-2.5 py-1.5 text-meta text-foreground\"\n onMouseEnter={onHoverOpen}\n onMouseLeave={onHoverScheduleClose}\n >\n <Txt variant=\"column\" tone=\"ink\">\n {resolved.label}\n </Txt>\n <p className=\"mt-1 text-pretty text-muted-foreground\">{resolved.description}</p>\n </PopoverContent>\n </Popover>\n </span>\n );\n}\n\nexport function StatusDot<T>({\n status,\n presentation,\n variant = 'popover',\n decorative = false,\n resolved,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n variant?: 'popover' \| 'static';\n decorative?: boolean;\n resolved?: StatusPresentation;\n}) {\n if (decorative) {\n const presented = resolved ?? presentation(status);\n return <span className={statusDotClass(presented)} aria-hidden />;\n }\n\n if (variant === 'popover') {\n return <StatusDotPopoverInner status={status} presentation={presentation} />;\n }\n\n const presented = resolved ?? presentation(status);\n\n return (\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n type=\"button\"\n aria-label={presented.label}\n className={statusDotClass(presented, cn('cursor-default', focusRing))}\n />\n }\n />\n <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n {presented.description}\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["cn","jsxs","jsx","useState","useRef","useEffect","Popover","PopoverTrigger","focusRing","PopoverContent","Txt","presented","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
1	+ {"version":3,"file":"StatusIndicators.cjs.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' \| 'progress' \| 'error' \| 'neutral';\nexport type StatusDotGlyph = 'filled' \| 'ring';\n\nexport type StatusPresentation = {\n label: string;\n tone: StatusTone;\n glyph?: StatusDotGlyph;\n description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T \| null) => StatusPresentation;\n\nexport type DeployState = 'ready' \| 'building' \| 'idle' \| 'queued' \| 'stopped' \| 'error';\n\nexport const deployStates = {\n ready: { label: 'Ready', tone: 'success' },\n building: { label: 'Building', tone: 'progress' },\n idle: { label: 'Idle', tone: 'neutral', glyph: 'ring' },\n queued: { label: 'Queued', tone: 'neutral', glyph: 'ring' },\n stopped: { label: 'Stopped', tone: 'neutral' },\n error: { label: 'Error', tone: 'error' },\n} satisfies Record<DeployState, Omit<StatusPresentation, 'description'>>;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n success: 'bg-success-indicator',\n progress: 'bg-warning-bright',\n error: 'bg-destructive-indicator',\n neutral: 'bg-muted-foreground',\n};\n\nconst TONE_RING: Record<StatusTone, string> = {\n success: 'border-success-indicator',\n progress: 'border-warning-bright',\n error: 'border-destructive-indicator',\n neutral: 'border-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-border before:border-t-warning-bright before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nexport function statusToneFill(tone: StatusTone): string {\n return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n { tone, glyph = 'filled' }: Pick<StatusPresentation, 'tone' \| 'glyph'>,\n className?: string,\n): string {\n return cn(\n 'inline-block size-2 shrink-0 rounded-full',\n glyph === 'ring' ? cn('border bg-transparent', TONE_RING[tone]) : TONE_FILL[tone],\n tone === 'progress' && PROGRESS_DECORATION,\n className,\n );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { statusDotClass } from './status-dot-styles';\nimport type { StatusPresentation } from './status-dot-styles';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n presentation: StatusPresentation;\n};\n\nexport function Status({ presentation, className, ...props }: StatusProps) {\n return (\n <span className={cn('inline-flex items-center gap-2', className)} {...props}>\n <span className={statusDotClass(presentation)} aria-hidden />\n {presentation.label}\n </span>\n );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass } from './status-dot-styles';\nimport type { StatusPresentation, StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n status,\n presentation,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n}) {\n const [open, setOpen] = useState(false);\n const leaveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const resolved = presentation(status);\n\n useEffect(\n () => () => {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n },\n [],\n );\n\n function onHoverOpen() {\n if (leaveTimer.current !== undefined) {\n clearTimeout(leaveTimer.current);\n leaveTimer.current = undefined;\n }\n setOpen(true);\n }\n\n function onHoverScheduleClose() {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n }\n\n return (\n <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={<button type=\"button\" aria-label={resolved.label} className={statusDotClass(resolved, focusRing)} />}\n />\n <PopoverContent\n side=\"top\"\n align=\"start\"\n sideOffset={6}\n className=\"w-auto max-w-xs px-2.5 py-1.5 text-meta text-foreground\"\n onMouseEnter={onHoverOpen}\n onMouseLeave={onHoverScheduleClose}\n >\n <Txt variant=\"column\" tone=\"ink\">\n {resolved.label}\n </Txt>\n <p className=\"mt-1 text-pretty text-muted-foreground\">{resolved.description}</p>\n </PopoverContent>\n </Popover>\n </span>\n );\n}\n\nexport function StatusDot<T>({\n status,\n presentation,\n variant = 'popover',\n decorative = false,\n resolved,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n variant?: 'popover' \| 'static';\n decorative?: boolean;\n resolved?: StatusPresentation;\n}) {\n if (decorative) {\n const presented = resolved ?? presentation(status);\n return <span className={statusDotClass(presented)} aria-hidden />;\n }\n\n if (variant === 'popover') {\n return <StatusDotPopoverInner status={status} presentation={presentation} />;\n }\n\n const presented = resolved ?? presentation(status);\n\n return (\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n type=\"button\"\n aria-label={presented.label}\n className={statusDotClass(presented, cn('cursor-default', focusRing))}\n />\n }\n />\n <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n {presented.description}\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["cn","jsxs","jsx","useState","useRef","useEffect","Popover","PopoverTrigger","focusRing","PopoverContent","Txt","presented","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/components/StatusIndicators.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusIndicators.es.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' \| 'progress' \| 'error' \| 'neutral';\nexport type StatusDotGlyph = 'filled' \| 'ring';\n\nexport type StatusPresentation = {\n label: string;\n tone: StatusTone;\n glyph?: StatusDotGlyph;\n description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T \| null) => StatusPresentation;\n\nexport type DeployState = 'ready' \| 'building' \| 'idle' \| 'queued' \| 'stopped' \| 'error';\n\nexport const deployStates = {\n ready: { label: 'Ready', tone: 'success' },\n building: { label: 'Building', tone: 'progress' },\n idle: { label: 'Idle', tone: 'neutral', glyph: 'ring' },\n queued: { label: 'Queued', tone: 'neutral', glyph: 'ring' },\n stopped: { label: 'Stopped', tone: 'neutral' },\n error: { label: 'Error', tone: 'error' },\n} satisfies Record<DeployState, Omit<StatusPresentation, 'description'>>;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n success: 'bg-success-indicator',\n progress: 'bg-warning-bright',\n error: 'bg-destructive-indicator',\n neutral: 'bg-muted-foreground',\n};\n\nconst TONE_RING: Record<StatusTone, string> = {\n success: 'border-success-indicator',\n progress: 'border-warning-bright',\n error: 'border-destructive-indicator',\n neutral: 'border-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-border before:border-t-warning-bright before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nexport function statusToneFill(tone: StatusTone): string {\n return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n { tone, glyph = 'filled' }: Pick<StatusPresentation, 'tone' \| 'glyph'>,\n className?: string,\n): string {\n return cn(\n 'inline-block size-2 shrink-0 rounded-full',\n glyph === 'ring' ? cn('border bg-transparent', TONE_RING[tone]) : TONE_FILL[tone],\n tone === 'progress' && PROGRESS_DECORATION,\n className,\n );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n presentation: StatusPresentation;\n};\n\nexport function Status({ presentation, className, ...props }: StatusProps) {\n return (\n <span className={cn('inline-flex items-center gap-2', className)} {...props}>\n <span className={statusDotClass(presentation)} aria-hidden />\n {presentation.label}\n </span>\n );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n status,\n presentation,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n}) {\n const [open, setOpen] = useState(false);\n const leaveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const resolved = presentation(status);\n\n useEffect(\n () => () => {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n },\n [],\n );\n\n function onHoverOpen() {\n if (leaveTimer.current !== undefined) {\n clearTimeout(leaveTimer.current);\n leaveTimer.current = undefined;\n }\n setOpen(true);\n }\n\n function onHoverScheduleClose() {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n }\n\n return (\n <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={<button type=\"button\" aria-label={resolved.label} className={statusDotClass(resolved, focusRing)} />}\n />\n <PopoverContent\n side=\"top\"\n align=\"start\"\n sideOffset={6}\n className=\"w-auto max-w-xs px-2.5 py-1.5 text-meta text-foreground\"\n onMouseEnter={onHoverOpen}\n onMouseLeave={onHoverScheduleClose}\n >\n <Txt variant=\"column\" tone=\"ink\">\n {resolved.label}\n </Txt>\n <p className=\"mt-1 text-pretty text-muted-foreground\">{resolved.description}</p>\n </PopoverContent>\n </Popover>\n </span>\n );\n}\n\nexport function StatusDot<T>({\n status,\n presentation,\n variant = 'popover',\n decorative = false,\n resolved,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n variant?: 'popover' \| 'static';\n decorative?: boolean;\n resolved?: StatusPresentation;\n}) {\n if (decorative) {\n const presented = resolved ?? presentation(status);\n return <span className={statusDotClass(presented)} aria-hidden />;\n }\n\n if (variant === 'popover') {\n return <StatusDotPopoverInner status={status} presentation={presentation} />;\n }\n\n const presented = resolved ?? presentation(status);\n\n return (\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n type=\"button\"\n aria-label={presented.label}\n className={statusDotClass(presented, cn('cursor-default', focusRing))}\n />\n }\n />\n <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n {presented.description}\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["presented"],"mappings":"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"}
1	+ {"version":3,"file":"StatusIndicators.es.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' \| 'progress' \| 'error' \| 'neutral';\nexport type StatusDotGlyph = 'filled' \| 'ring';\n\nexport type StatusPresentation = {\n label: string;\n tone: StatusTone;\n glyph?: StatusDotGlyph;\n description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T \| null) => StatusPresentation;\n\nexport type DeployState = 'ready' \| 'building' \| 'idle' \| 'queued' \| 'stopped' \| 'error';\n\nexport const deployStates = {\n ready: { label: 'Ready', tone: 'success' },\n building: { label: 'Building', tone: 'progress' },\n idle: { label: 'Idle', tone: 'neutral', glyph: 'ring' },\n queued: { label: 'Queued', tone: 'neutral', glyph: 'ring' },\n stopped: { label: 'Stopped', tone: 'neutral' },\n error: { label: 'Error', tone: 'error' },\n} satisfies Record<DeployState, Omit<StatusPresentation, 'description'>>;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n success: 'bg-success-indicator',\n progress: 'bg-warning-bright',\n error: 'bg-destructive-indicator',\n neutral: 'bg-muted-foreground',\n};\n\nconst TONE_RING: Record<StatusTone, string> = {\n success: 'border-success-indicator',\n progress: 'border-warning-bright',\n error: 'border-destructive-indicator',\n neutral: 'border-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-border before:border-t-warning-bright before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nexport function statusToneFill(tone: StatusTone): string {\n return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n { tone, glyph = 'filled' }: Pick<StatusPresentation, 'tone' \| 'glyph'>,\n className?: string,\n): string {\n return cn(\n 'inline-block size-2 shrink-0 rounded-full',\n glyph === 'ring' ? cn('border bg-transparent', TONE_RING[tone]) : TONE_FILL[tone],\n tone === 'progress' && PROGRESS_DECORATION,\n className,\n );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\nimport { statusDotClass } from './status-dot-styles';\nimport type { StatusPresentation } from './status-dot-styles';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n presentation: StatusPresentation;\n};\n\nexport function Status({ presentation, className, ...props }: StatusProps) {\n return (\n <span className={cn('inline-flex items-center gap-2', className)} {...props}>\n <span className={statusDotClass(presentation)} aria-hidden />\n {presentation.label}\n </span>\n );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass } from './status-dot-styles';\nimport type { StatusPresentation, StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n status,\n presentation,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n}) {\n const [open, setOpen] = useState(false);\n const leaveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const resolved = presentation(status);\n\n useEffect(\n () => () => {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n },\n [],\n );\n\n function onHoverOpen() {\n if (leaveTimer.current !== undefined) {\n clearTimeout(leaveTimer.current);\n leaveTimer.current = undefined;\n }\n setOpen(true);\n }\n\n function onHoverScheduleClose() {\n if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n }\n\n return (\n <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger\n render={<button type=\"button\" aria-label={resolved.label} className={statusDotClass(resolved, focusRing)} />}\n />\n <PopoverContent\n side=\"top\"\n align=\"start\"\n sideOffset={6}\n className=\"w-auto max-w-xs px-2.5 py-1.5 text-meta text-foreground\"\n onMouseEnter={onHoverOpen}\n onMouseLeave={onHoverScheduleClose}\n >\n <Txt variant=\"column\" tone=\"ink\">\n {resolved.label}\n </Txt>\n <p className=\"mt-1 text-pretty text-muted-foreground\">{resolved.description}</p>\n </PopoverContent>\n </Popover>\n </span>\n );\n}\n\nexport function StatusDot<T>({\n status,\n presentation,\n variant = 'popover',\n decorative = false,\n resolved,\n}: {\n status: T \| null;\n presentation: StatusPresentationFn<T>;\n variant?: 'popover' \| 'static';\n decorative?: boolean;\n resolved?: StatusPresentation;\n}) {\n if (decorative) {\n const presented = resolved ?? presentation(status);\n return <span className={statusDotClass(presented)} aria-hidden />;\n }\n\n if (variant === 'popover') {\n return <StatusDotPopoverInner status={status} presentation={presentation} />;\n }\n\n const presented = resolved ?? presentation(status);\n\n return (\n <Tooltip>\n <TooltipTrigger\n render={\n <button\n type=\"button\"\n aria-label={presented.label}\n className={statusDotClass(presented, cn('cursor-default', focusRing))}\n />\n }\n />\n <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n {presented.description}\n </TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["presented"],"mappings":"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"}

package/dist/components/Table.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.cjs.js","sources":["../../src/ds/components/Table/table-align.ts","../../src/ds/components/Table/table-context.ts","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/table-pagination.tsx","../../src/ds/components/Table/table-row-target.ts","../../src/ds/components/Table/table-row-button.tsx","../../src/ds/components/Table/table-row-link.tsx","../../src/ds/components/Table/table-sort-button.tsx","../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type TableAlign = 'start' \| 'center' \| 'end';\n\ntype NativeCellAlign = ComponentProps<'td'>['align'];\n\nexport const tableAlignClasses: Record<TableAlign, string> = {\n start: 'text-left',\n center: 'text-center',\n end: 'text-right',\n};\n\nexport function resolveTableAlign(align: string \| undefined): TableAlign {\n if (align === 'center') return 'center';\n if (align === 'end' \|\| align === 'right') return 'end';\n return 'start';\n}\n\nexport function toNativeAlign(align: TableAlign \| NativeCellAlign): NativeCellAlign {\n if (align === 'start') return 'left';\n if (align === 'end') return 'right';\n return align;\n}\n","import { createContext, use } from 'react';\n\nexport type TableVariant = 'default' \| 'inset';\n\nexport const TableVariantContext = createContext<TableVariant>('default');\n\nexport function useTableVariant() {\n return use(TableVariantContext);\n}\n\nexport function insetSlot(variant: TableVariant, slot: string) {\n if (variant === 'inset') return slot;\n return undefined;\n}\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { useTableVariant } from './table-context';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TableCellTone = 'ink' \| 'muted';\n\nconst tableCellToneClasses: Record<TableCellTone, string> = {\n ink: 'text-foreground',\n muted: 'text-muted-foreground',\n};\n\nexport interface CellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n align?: TableAlign \| React.TdHTMLAttributes<HTMLTableCellElement>['align'];\n tone?: TableCellTone;\n className?: string;\n children: React.ReactNode;\n}\n\nconst insetCellClass = cn(\n 'h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3',\n 'group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nexport const Cell = ({ className, children, tone = 'ink', align, ...props }: CellProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n insetCellClass,\n tableAlignClasses[resolveTableAlign(align)],\n tableCellToneClasses[tone],\n className,\n )}\n {...props}\n >\n {children}\n </td>\n );\n }\n return (\n <td\n className={cn(tableCellToneClasses[tone], 'first:pl-3 last:pr-3', className)}\n {...props}\n align={toNativeAlign(align)}\n >\n <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n </td>\n );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n return (\n <Cell className={className}>\n <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n {children}\n </Txt>\n </Cell>\n );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n return (\n <Cell {...props}>\n <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n {formatDate(dateTime, 'date-time-seconds')}\n </Txt>\n </Cell>\n );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n name: React.ReactNode;\n description?: React.ReactNode;\n icon?: React.ReactNode;\n meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n return (\n <Cell {...props}>\n <div className=\"flex items-center gap-3.5\">\n {icon && (\n <Icon size=\"lg\" className=\"text-foreground\">\n {icon}\n </Icon>\n )}\n\n <div className=\"flex flex-col gap-0\">\n <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n {name}\n </Txt>\n {description && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n {description}\n </Txt>\n )}\n </div>\n {meta}\n </div>\n </Cell>\n );\n};\n","import type { ComponentProps } from 'react';\nimport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n} from '../Pagination/pagination';\nimport { getPaginationRange } from '../Pagination/pagination-range';\n\nexport type TablePaginationProps = Omit<ComponentProps<'nav'>, 'children'> & {\n page: number;\n pageCount: number;\n onPageChange: (page: number) => void;\n};\n\nexport function TablePagination({ page, pageCount, onPageChange, ...props }: TablePaginationProps) {\n return (\n <Pagination {...props}>\n <PaginationContent>\n <PaginationItem>\n <PaginationPrevious disabled={page <= 0} onClick={() => onPageChange(page - 1)} />\n </PaginationItem>\n {getPaginationRange(page, pageCount).map(item => {\n if (item.kind === 'ellipsis') {\n return (\n <PaginationItem key={item.key}>\n <PaginationEllipsis />\n </PaginationItem>\n );\n }\n return (\n <PaginationItem key={item.page}>\n <PaginationLink\n aria-label={`Page ${item.page + 1}`}\n isActive={item.page === page}\n onClick={() => onPageChange(item.page)}\n >\n {item.page + 1}\n </PaginationLink>\n </PaginationItem>\n );\n })}\n <PaginationItem>\n <PaginationNext disabled={page >= pageCount - 1} onClick={() => onPageChange(page + 1)} />\n </PaginationItem>\n </PaginationContent>\n </Pagination>\n );\n}\n","import type { TableVariant } from './table-context';\n\nconst stretchedTargetStyles = [\n \"outline-none after:absolute after:inset-0 after:content-['']\",\n 'focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid',\n];\n\nexport function tableRowTargetStyles(variant: TableVariant) {\n if (variant === 'inset') return stretchedTargetStyles;\n return [];\n}\n","import type { ComponentProps } from 'react';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowButtonProps = Omit<ComponentProps<'button'>, 'type'>;\n\nexport function TableRowButton({ className, ...props }: TableRowButtonProps) {\n const variant = useTableVariant();\n return (\n <button\n type=\"button\"\n data-slot=\"table-row-button\"\n data-row-target=\"\"\n className={cn('cursor-pointer text-left', ...tableRowTargetStyles(variant), className)}\n {...props}\n />\n );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowLinkProps = useRender.ComponentProps<'a'>;\n\nexport function TableRowLink({ render, className, ...props }: TableRowLinkProps) {\n const variant = useTableVariant();\n return useRender({\n defaultTagName: 'a',\n render,\n props: {\n ...props,\n 'data-slot': 'table-row-link',\n 'data-row-target': '',\n className: cn(...tableRowTargetStyles(variant), className),\n },\n });\n}\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TableSortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport type TableSortButtonProps = Omit<ComponentProps<'button'>, 'type'> & {\n direction?: TableSortDirection;\n};\n\nconst sortIcons = {\n ascending: ArrowUp,\n descending: ArrowDown,\n none: ArrowUpDown,\n} satisfies Record<TableSortDirection, LucideIcon>;\n\nexport function TableSortButton({ direction = 'none', className, children, ...props }: TableSortButtonProps) {\n const SortIcon = sortIcons[direction];\n const sorted = direction !== 'none';\n return (\n <button\n type=\"button\"\n data-slot=\"table-sort-button\"\n data-sorted={sorted \|\| undefined}\n className={cn(\n 'group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle',\n 'group-data-[align=end]/head:flex-row-reverse',\n 'hover:text-foreground data-sorted:text-foreground',\n controlStateColorTransition,\n focusRingOffset,\n className,\n )}\n {...props}\n >\n {children}\n <Icon\n size=\"sm\"\n aria-hidden\n className={cn(\n !sorted &&\n 'opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100',\n )}\n >\n <SortIcon />\n </Icon>\n </button>\n );\n}\n","import type { ComponentProps, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Cell } from './Cells';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { insetSlot, TableVariantContext, useTableVariant } from './table-context';\nimport type { TableVariant } from './table-context';\nimport { TablePagination } from './table-pagination';\nimport { TableRowButton } from './table-row-button';\nimport { TableRowLink } from './table-row-link';\nimport { TableSortButton } from './table-sort-button';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps extends ComponentProps<'table'> {\n className?: string;\n children: ReactNode;\n size?: 'default' \| 'small';\n variant?: TableVariant;\n columnDividers?: boolean;\n style?: CSSProperties;\n}\n\nconst rowSize = {\n default: '[&>tbody>tr]:h-table-row',\n small: '[&>tbody>tr]:h-table-row-small',\n};\n\ntype TableFrameProps = Omit<TableProps, 'variant'> & { variant: TableVariant };\n\nfunction InsetTable({ className, columnDividers, ...props }: Omit<TableProps, 'variant' \| 'size'>) {\n return (\n <div\n data-slot=\"table-container\"\n data-column-dividers={columnDividers \|\| undefined}\n className={cn('group/table w-full rounded-xl p-1', raisedSurfaceStyle, className)}\n >\n <div data-slot=\"table-scroll\" className=\"overflow-x-auto rounded-lg\">\n <div className=\"group-data-column-dividers/table:-ml-px\">\n <table\n data-slot=\"table\"\n className=\"w-full border-separate border-spacing-0 text-body-sm tabular-nums\"\n tabIndex={0}\n {...props}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction TableFrame({ variant, size = 'default', className, columnDividers, ...props }: TableFrameProps) {\n if (variant === 'inset') return <InsetTable className={className} columnDividers={columnDividers} {...props} />;\n return <table className={cn('w-full', rowSize[size], className)} {...props} />;\n}\n\nexport function Table({ variant = 'default', ...props }: TableProps) {\n return (\n <TableVariantContext value={variant}>\n <TableFrame variant={variant} {...props} />\n </TableVariantContext>\n );\n}\n\nexport type TableHeaderProps = ComponentProps<'thead'> & {\n placement?: 'above' \| 'inside';\n};\n\nconst insideHeaderStyles = [\n '[&>tr>th]:border-b [&>tr>th]:bg-background [&>tr>th]:bg-clip-padding',\n '[&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg',\n];\n\nfunction TableHeader({ className, placement = 'above', ...props }: TableHeaderProps) {\n const variant = useTableVariant();\n const inside = variant === 'inset' && placement === 'inside';\n const headerPlacement = inside ? 'inside' : undefined;\n return (\n <thead\n data-slot=\"table-header\"\n data-placement={headerPlacement}\n className={cn(\n variant === 'default' && '[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card',\n inside && insideHeaderStyles,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface TheadProps {\n className?: string;\n children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n const variant = useTableVariant();\n return (\n <thead>\n <tr className={cn(variant === 'default' && 'h-table-header border-b border-border bg-card', className)}>\n {children}\n </tr>\n </thead>\n );\n};\n\nexport interface ThProps extends Omit<ComponentProps<'th'>, 'align'> {\n align?: TableAlign \| ComponentProps<'th'>['align'];\n className?: string;\n style?: CSSProperties;\n children: ReactNode;\n}\n\nconst insetHeadClass = cn(\n 'group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3',\n 'border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nconst legacyHeadClass =\n 'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3';\n\nexport const Th = ({ className, children, align, ...props }: ThProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n const insetAlign = resolveTableAlign(align);\n return (\n <th\n className={cn(insetHeadClass, tableAlignClasses[insetAlign], className)}\n data-slot=\"table-head\"\n data-align={insetAlign}\n {...props}\n >\n {children}\n </th>\n );\n }\n return (\n <th className={cn(legacyHeadClass, className)} {...props} align={toNativeAlign(align)}>\n {children}\n </th>\n );\n};\n\nconst tableBodyStyles = [\n '[&>tr+tr>td]:border-t',\n '[&>tr:first-child>td:first-child]:rounded-tl-lg',\n '[&>tr:first-child>td:last-child]:rounded-tr-lg',\n '[&>tr:first-child_[data-row-target]]:after:rounded-t-lg',\n '[thead[data-placement=inside]+&>tr:first-child>td]:rounded-none',\n '[thead[data-placement=inside]+&>tr:first-child_[data-row-target]]:after:rounded-none',\n '[&>tr:last-child_[data-row-target]]:after:rounded-b-lg',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1',\n];\n\nexport interface TbodyProps extends ComponentProps<'tbody'> {\n className?: string;\n children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n const variant = useTableVariant();\n return (\n <tbody\n data-slot={insetSlot(variant, 'table-body')}\n className={cn(variant === 'inset' && tableBodyStyles, className)}\n {...props}\n >\n {children}\n </tbody>\n );\n};\n\nexport interface RowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'onClick'> {\n className?: string;\n children: ReactNode;\n selected?: boolean;\n style?: CSSProperties;\n onClick?: () => void;\n tabIndex?: number;\n /** When true, row receives focus and scrolls into view /\n isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n const variant = useTableVariant();\n const internalRef = useRef<HTMLTableRowElement>(null);\n\n // Merge forwarded ref with internal ref\n useImperativeHandle<HTMLTableRowElement \| null, HTMLTableRowElement \| null>(ref, () => internalRef.current, []);\n\n // Focus and scroll into view when active\n useEffect(() => {\n if (isActive && internalRef.current) {\n internalRef.current.focus();\n internalRef.current.scrollIntoView({ block: 'nearest' });\n }\n }, [isActive]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (event.key === 'Enter' && onClick) {\n onClick();\n }\n };\n\n return (\n <tr\n className={cn(\n variant === 'default' && 'border-b border-border',\n // Smooth hover transition\n variant === 'default' && 'transition-colors duration-normal ease-out-custom',\n variant === 'default' && 'hover:bg-fill-subtle',\n variant === 'default' && 'focus:bg-fill-subtle',\n variant === 'default' && focusRingInset,\n variant === 'inset' && [\n 'has-[[data-row-target]]:relative',\n 'has-[[data-row-target]]:hover::bg-surface-panel',\n 'has-[[data-row-target]:focus-visible]::bg-surface-panel',\n ],\n selected && 'bg-fill-hover',\n onClick && 'cursor-pointer',\n className,\n )}\n data-slot={insetSlot(variant, 'table-row')}\n style={style}\n onClick={onClick}\n ref={internalRef}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleKeyDown}\n data-active={isActive \|\| undefined}\n {...props}\n >\n {children}\n </tr>\n );\n },\n);\n\nTable.Header = TableHeader;\nTable.Body = Tbody;\nTable.Row = Row;\nTable.Head = Th;\nTable.Cell = Cell;\nTable.RowLink = TableRowLink;\nTable.RowButton = TableRowButton;\nTable.SortButton = TableSortButton;\nTable.Pagination = TablePagination;\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n /* Number of items in the list /\n itemCount: number;\n /* Initial active index (-1 = none) /\n initialIndex?: number;\n /* Wrap around at boundaries /\n wrap?: boolean;\n /* Callback when Enter pressed on active row /\n onSelect?: (index: number) => void;\n /* When true, registers keyboard handlers globally on the document /\n global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n /* Currently active index (-1 if none) /\n activeIndex: number;\n /* Set active index programmatically /\n setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n /* Returns props to spread on the Tbody element. Returns null when global is true. */\n getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } \| null;\n}\n\nexport function useTableKeyboardNavigation({\n itemCount,\n initialIndex = -1,\n wrap = false,\n onSelect,\n global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent \| React.KeyboardEvent) => {\n // No-op for empty list\n if (itemCount === 0) return;\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return 0;\n if (prev >= itemCount - 1) {\n return wrap ? 0 : itemCount - 1;\n }\n return prev + 1;\n });\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return itemCount - 1;\n if (prev <= 0) {\n return wrap ? itemCount - 1 : 0;\n }\n return prev - 1;\n });\n break;\n }\n case 'Home': {\n e.preventDefault();\n setActiveIndex(0);\n break;\n }\n case 'End': {\n e.preventDefault();\n setActiveIndex(itemCount - 1);\n break;\n }\n case 'Enter': {\n if (activeIndex >= 0 && onSelect) {\n e.preventDefault();\n onSelect(activeIndex);\n }\n break;\n }\n }\n },\n [itemCount, wrap, activeIndex, onSelect],\n );\n\n // Register global keyboard handlers when global option is enabled\n useEffect(() => {\n if (!global) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [global, handleKeyDown]);\n\n const getKeyboardProps = useCallback(() => {\n if (global) return null;\n return { onKeyDown: handleKeyDown as (e: React.KeyboardEvent) => void, tabIndex: 0 };\n }, [global, handleKeyDown]);\n\n return {\n activeIndex,\n setActiveIndex,\n getKeyboardProps,\n };\n}\n"],"names":["createContext","use","cn","jsx","Txt","formatDate","jsxs","Icon","Pagination","PaginationContent","PaginationItem","PaginationPrevious","getPaginationRange","PaginationEllipsis","PaginationLink","PaginationNext","useRender","ArrowUp","ArrowDown","ArrowUpDown","controlStateColorTransition","focusRingOffset","raisedSurfaceStyle","forwardRef","useRef","useImperativeHandle","useEffect","focusRingInset","useState","useCallback"],"mappings":"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"}
1	+ {"version":3,"file":"Table.cjs.js","sources":["../../src/ds/components/Table/table-align.ts","../../src/ds/components/Table/table-context.ts","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/table-pagination.tsx","../../src/ds/components/Table/table-row-target.ts","../../src/ds/components/Table/table-row-button.tsx","../../src/ds/components/Table/table-row-link.tsx","../../src/ds/components/Table/table-sort-button.tsx","../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type TableAlign = 'start' \| 'center' \| 'end';\n\ntype NativeCellAlign = ComponentProps<'td'>['align'];\n\nexport const tableAlignClasses: Record<TableAlign, string> = {\n start: 'text-left',\n center: 'text-center',\n end: 'text-right',\n};\n\nexport function resolveTableAlign(align: string \| undefined): TableAlign {\n if (align === 'center') return 'center';\n if (align === 'end' \|\| align === 'right') return 'end';\n return 'start';\n}\n\nexport function toNativeAlign(align: TableAlign \| NativeCellAlign): NativeCellAlign {\n if (align === 'start') return 'left';\n if (align === 'end') return 'right';\n return align;\n}\n","import { createContext, use } from 'react';\n\nexport type TableVariant = 'default' \| 'inset';\n\nexport const TableVariantContext = createContext<TableVariant>('default');\n\nexport function useTableVariant() {\n return use(TableVariantContext);\n}\n\nexport function insetSlot(variant: TableVariant, slot: string) {\n if (variant === 'inset') return slot;\n return undefined;\n}\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { useTableVariant } from './table-context';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TableCellTone = 'ink' \| 'muted';\n\nconst tableCellToneClasses: Record<TableCellTone, string> = {\n ink: 'text-foreground',\n muted: 'text-muted-foreground',\n};\n\nexport interface CellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n align?: TableAlign \| React.TdHTMLAttributes<HTMLTableCellElement>['align'];\n tone?: TableCellTone;\n className?: string;\n children: React.ReactNode;\n}\n\nconst insetCellClass = cn(\n 'h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3',\n 'group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nexport const Cell = ({ className, children, tone = 'ink', align, ...props }: CellProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n insetCellClass,\n tableAlignClasses[resolveTableAlign(align)],\n tableCellToneClasses[tone],\n className,\n )}\n {...props}\n >\n {children}\n </td>\n );\n }\n return (\n <td\n className={cn(tableCellToneClasses[tone], 'first:pl-3 last:pr-3', className)}\n {...props}\n align={toNativeAlign(align)}\n >\n <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n </td>\n );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n return (\n <Cell className={className}>\n <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n {children}\n </Txt>\n </Cell>\n );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n return (\n <Cell {...props}>\n <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n {formatDate(dateTime, 'date-time-seconds')}\n </Txt>\n </Cell>\n );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n name: React.ReactNode;\n description?: React.ReactNode;\n icon?: React.ReactNode;\n meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n return (\n <Cell {...props}>\n <div className=\"flex items-center gap-3.5\">\n {icon && (\n <Icon size=\"lg\" className=\"text-foreground\">\n {icon}\n </Icon>\n )}\n\n <div className=\"flex flex-col gap-0\">\n <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n {name}\n </Txt>\n {description && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n {description}\n </Txt>\n )}\n </div>\n {meta}\n </div>\n </Cell>\n );\n};\n","import type { ComponentProps } from 'react';\nimport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n} from '../Pagination/pagination';\nimport { getPaginationRange } from '../Pagination/pagination-range';\n\nexport type TablePaginationProps = Omit<ComponentProps<'nav'>, 'children'> & {\n page: number;\n pageCount: number;\n onPageChange: (page: number) => void;\n};\n\nexport function TablePagination({ page, pageCount, onPageChange, ...props }: TablePaginationProps) {\n return (\n <Pagination {...props}>\n <PaginationContent>\n <PaginationItem>\n <PaginationPrevious disabled={page <= 0} onClick={() => onPageChange(page - 1)} />\n </PaginationItem>\n {getPaginationRange(page, pageCount).map(item => {\n if (item.kind === 'ellipsis') {\n return (\n <PaginationItem key={item.key}>\n <PaginationEllipsis />\n </PaginationItem>\n );\n }\n return (\n <PaginationItem key={item.page}>\n <PaginationLink\n aria-label={`Page ${item.page + 1}`}\n isActive={item.page === page}\n onClick={() => onPageChange(item.page)}\n >\n {item.page + 1}\n </PaginationLink>\n </PaginationItem>\n );\n })}\n <PaginationItem>\n <PaginationNext disabled={page >= pageCount - 1} onClick={() => onPageChange(page + 1)} />\n </PaginationItem>\n </PaginationContent>\n </Pagination>\n );\n}\n","import type { TableVariant } from './table-context';\n\nconst stretchedTargetStyles = [\n \"outline-none after:absolute after:inset-0 after:content-['']\",\n 'focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid',\n];\n\nexport function tableRowTargetStyles(variant: TableVariant) {\n if (variant === 'inset') return stretchedTargetStyles;\n return [];\n}\n","import type { ComponentProps } from 'react';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowButtonProps = Omit<ComponentProps<'button'>, 'type'>;\n\nexport function TableRowButton({ className, ...props }: TableRowButtonProps) {\n const variant = useTableVariant();\n return (\n <button\n type=\"button\"\n data-slot=\"table-row-button\"\n data-row-target=\"\"\n className={cn('cursor-pointer text-left', ...tableRowTargetStyles(variant), className)}\n {...props}\n />\n );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowLinkProps = useRender.ComponentProps<'a'>;\n\nexport function TableRowLink({ render, className, ...props }: TableRowLinkProps) {\n const variant = useTableVariant();\n return useRender({\n defaultTagName: 'a',\n render,\n props: {\n ...props,\n 'data-slot': 'table-row-link',\n 'data-row-target': '',\n className: cn(...tableRowTargetStyles(variant), className),\n },\n });\n}\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TableSortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport type TableSortButtonProps = Omit<ComponentProps<'button'>, 'type'> & {\n direction?: TableSortDirection;\n};\n\nconst sortIcons = {\n ascending: ArrowUp,\n descending: ArrowDown,\n none: ArrowUpDown,\n} satisfies Record<TableSortDirection, LucideIcon>;\n\nexport function TableSortButton({ direction = 'none', className, children, ...props }: TableSortButtonProps) {\n const SortIcon = sortIcons[direction];\n const sorted = direction !== 'none';\n return (\n <button\n type=\"button\"\n data-slot=\"table-sort-button\"\n data-sorted={sorted \|\| undefined}\n className={cn(\n 'group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle',\n 'group-data-[align=end]/head:flex-row-reverse',\n 'hover:text-foreground data-sorted:text-foreground',\n controlStateColorTransition,\n focusRingOffset,\n className,\n )}\n {...props}\n >\n {children}\n <Icon\n size=\"sm\"\n aria-hidden\n className={cn(\n !sorted &&\n 'opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100',\n )}\n >\n <SortIcon />\n </Icon>\n </button>\n );\n}\n","import type { ComponentProps, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Cell } from './Cells';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { insetSlot, TableVariantContext, useTableVariant } from './table-context';\nimport type { TableVariant } from './table-context';\nimport { TablePagination } from './table-pagination';\nimport { TableRowButton } from './table-row-button';\nimport { TableRowLink } from './table-row-link';\nimport { TableSortButton } from './table-sort-button';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps extends ComponentProps<'table'> {\n className?: string;\n children: ReactNode;\n size?: 'default' \| 'small';\n variant?: TableVariant;\n columnDividers?: boolean;\n style?: CSSProperties;\n}\n\nconst rowSize = {\n default: '[&>tbody>tr]:h-table-row',\n small: '[&>tbody>tr]:h-table-row-small',\n};\n\ntype TableFrameProps = Omit<TableProps, 'variant'> & { variant: TableVariant };\n\nfunction InsetTable({ className, columnDividers, ...props }: Omit<TableProps, 'variant' \| 'size'>) {\n return (\n <div\n data-slot=\"table-container\"\n data-column-dividers={columnDividers \|\| undefined}\n className={cn('group/table w-full rounded-xl p-1', raisedSurfaceStyle, className)}\n >\n <div data-slot=\"table-scroll\" className=\"overflow-x-auto rounded-lg\">\n <div className=\"group-data-column-dividers/table:-ml-px\">\n <table\n data-slot=\"table\"\n className=\"w-full border-separate border-spacing-0 text-body-sm tabular-nums\"\n tabIndex={0}\n {...props}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction TableFrame({ variant, size = 'default', className, columnDividers, ...props }: TableFrameProps) {\n if (variant === 'inset') return <InsetTable className={className} columnDividers={columnDividers} {...props} />;\n return <table className={cn('w-full', rowSize[size], className)} {...props} />;\n}\n\nexport function Table({ variant = 'default', ...props }: TableProps) {\n return (\n <TableVariantContext value={variant}>\n <TableFrame variant={variant} {...props} />\n </TableVariantContext>\n );\n}\n\nexport type TableHeaderProps = ComponentProps<'thead'> & {\n placement?: 'above' \| 'inside';\n};\n\nconst insideHeaderStyles = [\n '[&>tr>th]:border-b [&>tr>th]:bg-background [&>tr>th]:bg-clip-padding',\n '[&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg',\n];\n\nfunction TableHeader({ className, placement = 'above', ...props }: TableHeaderProps) {\n const variant = useTableVariant();\n const inside = variant === 'inset' && placement === 'inside';\n const headerPlacement = inside ? 'inside' : undefined;\n return (\n <thead\n data-slot=\"table-header\"\n data-placement={headerPlacement}\n className={cn(\n variant === 'default' && '[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card',\n inside && insideHeaderStyles,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface TheadProps {\n className?: string;\n children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n const variant = useTableVariant();\n return (\n <thead>\n <tr className={cn(variant === 'default' && 'h-table-header border-b border-border bg-card', className)}>\n {children}\n </tr>\n </thead>\n );\n};\n\nexport interface ThProps extends Omit<ComponentProps<'th'>, 'align'> {\n align?: TableAlign \| ComponentProps<'th'>['align'];\n className?: string;\n style?: CSSProperties;\n children: ReactNode;\n}\n\nconst insetHeadClass = cn(\n 'group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3',\n 'border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nconst legacyHeadClass =\n 'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3';\n\nexport const Th = ({ className, children, align, ...props }: ThProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n const insetAlign = resolveTableAlign(align);\n return (\n <th\n className={cn(insetHeadClass, tableAlignClasses[insetAlign], className)}\n data-slot=\"table-head\"\n data-align={insetAlign}\n {...props}\n >\n {children}\n </th>\n );\n }\n return (\n <th className={cn(legacyHeadClass, className)} {...props} align={toNativeAlign(align)}>\n {children}\n </th>\n );\n};\n\nconst tableBodyStyles = [\n '[&>tr+tr>td]:border-t',\n '[&>tr:first-child>td:first-child]:rounded-tl-lg',\n '[&>tr:first-child>td:last-child]:rounded-tr-lg',\n '[&>tr:first-child_[data-row-target]]:after:rounded-t-lg',\n '[thead[data-placement=inside]+&>tr:first-child>td]:rounded-none',\n '[thead[data-placement=inside]+&>tr:first-child_[data-row-target]]:after:rounded-none',\n '[&>tr:last-child_[data-row-target]]:after:rounded-b-lg',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1',\n];\n\nexport interface TbodyProps extends ComponentProps<'tbody'> {\n className?: string;\n children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n const variant = useTableVariant();\n return (\n <tbody\n data-slot={insetSlot(variant, 'table-body')}\n className={cn(variant === 'inset' && tableBodyStyles, className)}\n {...props}\n >\n {children}\n </tbody>\n );\n};\n\nexport interface RowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'onClick'> {\n className?: string;\n children: ReactNode;\n selected?: boolean;\n style?: CSSProperties;\n onClick?: () => void;\n tabIndex?: number;\n /** When true, row receives focus and scrolls into view /\n isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n const variant = useTableVariant();\n const internalRef = useRef<HTMLTableRowElement>(null);\n\n // Merge forwarded ref with internal ref\n useImperativeHandle<HTMLTableRowElement \| null, HTMLTableRowElement \| null>(ref, () => internalRef.current, []);\n\n // Focus and scroll into view when active\n useEffect(() => {\n if (isActive && internalRef.current) {\n internalRef.current.focus();\n internalRef.current.scrollIntoView({ block: 'nearest' });\n }\n }, [isActive]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (event.key === 'Enter' && onClick) {\n onClick();\n }\n };\n\n return (\n <tr\n className={cn(\n variant === 'default' && 'border-b border-border',\n // Smooth hover transition\n variant === 'default' && 'transition-colors duration-normal ease-out-custom',\n variant === 'default' && 'hover:bg-fill-subtle',\n variant === 'default' && 'focus:bg-fill-subtle',\n variant === 'default' && focusRingInset,\n variant === 'inset' && [\n 'has-[[data-row-target]]:relative',\n 'has-[[data-row-target]]:hover::bg-surface-panel',\n 'has-[[data-row-target]:focus-visible]::bg-surface-panel',\n ],\n selected && 'bg-fill-hover',\n onClick && 'cursor-pointer',\n className,\n )}\n data-slot={insetSlot(variant, 'table-row')}\n style={style}\n onClick={onClick}\n ref={internalRef}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleKeyDown}\n data-active={isActive \|\| undefined}\n {...props}\n >\n {children}\n </tr>\n );\n },\n);\n\nTable.Header = TableHeader;\nTable.Body = Tbody;\nTable.Row = Row;\nTable.Head = Th;\nTable.Cell = Cell;\nTable.RowLink = TableRowLink;\nTable.RowButton = TableRowButton;\nTable.SortButton = TableSortButton;\nTable.Pagination = TablePagination;\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n /* Number of items in the list /\n itemCount: number;\n /* Initial active index (-1 = none) /\n initialIndex?: number;\n /* Wrap around at boundaries /\n wrap?: boolean;\n /* Callback when Enter pressed on active row /\n onSelect?: (index: number) => void;\n /* When true, registers keyboard handlers globally on the document /\n global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n /* Currently active index (-1 if none) /\n activeIndex: number;\n /* Set active index programmatically /\n setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n /* Returns props to spread on the Tbody element. Returns null when global is true. */\n getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } \| null;\n}\n\nexport function useTableKeyboardNavigation({\n itemCount,\n initialIndex = -1,\n wrap = false,\n onSelect,\n global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent \| React.KeyboardEvent) => {\n // No-op for empty list\n if (itemCount === 0) return;\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return 0;\n if (prev >= itemCount - 1) {\n return wrap ? 0 : itemCount - 1;\n }\n return prev + 1;\n });\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return itemCount - 1;\n if (prev <= 0) {\n return wrap ? itemCount - 1 : 0;\n }\n return prev - 1;\n });\n break;\n }\n case 'Home': {\n e.preventDefault();\n setActiveIndex(0);\n break;\n }\n case 'End': {\n e.preventDefault();\n setActiveIndex(itemCount - 1);\n break;\n }\n case 'Enter': {\n if (activeIndex >= 0 && onSelect) {\n e.preventDefault();\n onSelect(activeIndex);\n }\n break;\n }\n }\n },\n [itemCount, wrap, activeIndex, onSelect],\n );\n\n // Register global keyboard handlers when global option is enabled\n useEffect(() => {\n if (!global) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [global, handleKeyDown]);\n\n const getKeyboardProps = useCallback(() => {\n if (global) return null;\n return { onKeyDown: handleKeyDown, tabIndex: 0 };\n }, [global, handleKeyDown]);\n\n return {\n activeIndex,\n setActiveIndex,\n getKeyboardProps,\n };\n}\n"],"names":["createContext","use","cn","jsx","Txt","formatDate","jsxs","Icon","Pagination","PaginationContent","PaginationItem","PaginationPrevious","getPaginationRange","PaginationEllipsis","PaginationLink","PaginationNext","useRender","ArrowUp","ArrowDown","ArrowUpDown","controlStateColorTransition","focusRingOffset","raisedSurfaceStyle","forwardRef","useRef","useImperativeHandle","useEffect","focusRingInset","useState","useCallback"],"mappings":"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"}

package/dist/components/Table.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.es.js","sources":["../../src/ds/components/Table/table-align.ts","../../src/ds/components/Table/table-context.ts","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/table-pagination.tsx","../../src/ds/components/Table/table-row-target.ts","../../src/ds/components/Table/table-row-button.tsx","../../src/ds/components/Table/table-row-link.tsx","../../src/ds/components/Table/table-sort-button.tsx","../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type TableAlign = 'start' \| 'center' \| 'end';\n\ntype NativeCellAlign = ComponentProps<'td'>['align'];\n\nexport const tableAlignClasses: Record<TableAlign, string> = {\n start: 'text-left',\n center: 'text-center',\n end: 'text-right',\n};\n\nexport function resolveTableAlign(align: string \| undefined): TableAlign {\n if (align === 'center') return 'center';\n if (align === 'end' \|\| align === 'right') return 'end';\n return 'start';\n}\n\nexport function toNativeAlign(align: TableAlign \| NativeCellAlign): NativeCellAlign {\n if (align === 'start') return 'left';\n if (align === 'end') return 'right';\n return align;\n}\n","import { createContext, use } from 'react';\n\nexport type TableVariant = 'default' \| 'inset';\n\nexport const TableVariantContext = createContext<TableVariant>('default');\n\nexport function useTableVariant() {\n return use(TableVariantContext);\n}\n\nexport function insetSlot(variant: TableVariant, slot: string) {\n if (variant === 'inset') return slot;\n return undefined;\n}\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { useTableVariant } from './table-context';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TableCellTone = 'ink' \| 'muted';\n\nconst tableCellToneClasses: Record<TableCellTone, string> = {\n ink: 'text-foreground',\n muted: 'text-muted-foreground',\n};\n\nexport interface CellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n align?: TableAlign \| React.TdHTMLAttributes<HTMLTableCellElement>['align'];\n tone?: TableCellTone;\n className?: string;\n children: React.ReactNode;\n}\n\nconst insetCellClass = cn(\n 'h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3',\n 'group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nexport const Cell = ({ className, children, tone = 'ink', align, ...props }: CellProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n insetCellClass,\n tableAlignClasses[resolveTableAlign(align)],\n tableCellToneClasses[tone],\n className,\n )}\n {...props}\n >\n {children}\n </td>\n );\n }\n return (\n <td\n className={cn(tableCellToneClasses[tone], 'first:pl-3 last:pr-3', className)}\n {...props}\n align={toNativeAlign(align)}\n >\n <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n </td>\n );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n return (\n <Cell className={className}>\n <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n {children}\n </Txt>\n </Cell>\n );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n return (\n <Cell {...props}>\n <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n {formatDate(dateTime, 'date-time-seconds')}\n </Txt>\n </Cell>\n );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n name: React.ReactNode;\n description?: React.ReactNode;\n icon?: React.ReactNode;\n meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n return (\n <Cell {...props}>\n <div className=\"flex items-center gap-3.5\">\n {icon && (\n <Icon size=\"lg\" className=\"text-foreground\">\n {icon}\n </Icon>\n )}\n\n <div className=\"flex flex-col gap-0\">\n <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n {name}\n </Txt>\n {description && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n {description}\n </Txt>\n )}\n </div>\n {meta}\n </div>\n </Cell>\n );\n};\n","import type { ComponentProps } from 'react';\nimport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n} from '../Pagination/pagination';\nimport { getPaginationRange } from '../Pagination/pagination-range';\n\nexport type TablePaginationProps = Omit<ComponentProps<'nav'>, 'children'> & {\n page: number;\n pageCount: number;\n onPageChange: (page: number) => void;\n};\n\nexport function TablePagination({ page, pageCount, onPageChange, ...props }: TablePaginationProps) {\n return (\n <Pagination {...props}>\n <PaginationContent>\n <PaginationItem>\n <PaginationPrevious disabled={page <= 0} onClick={() => onPageChange(page - 1)} />\n </PaginationItem>\n {getPaginationRange(page, pageCount).map(item => {\n if (item.kind === 'ellipsis') {\n return (\n <PaginationItem key={item.key}>\n <PaginationEllipsis />\n </PaginationItem>\n );\n }\n return (\n <PaginationItem key={item.page}>\n <PaginationLink\n aria-label={`Page ${item.page + 1}`}\n isActive={item.page === page}\n onClick={() => onPageChange(item.page)}\n >\n {item.page + 1}\n </PaginationLink>\n </PaginationItem>\n );\n })}\n <PaginationItem>\n <PaginationNext disabled={page >= pageCount - 1} onClick={() => onPageChange(page + 1)} />\n </PaginationItem>\n </PaginationContent>\n </Pagination>\n );\n}\n","import type { TableVariant } from './table-context';\n\nconst stretchedTargetStyles = [\n \"outline-none after:absolute after:inset-0 after:content-['']\",\n 'focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid',\n];\n\nexport function tableRowTargetStyles(variant: TableVariant) {\n if (variant === 'inset') return stretchedTargetStyles;\n return [];\n}\n","import type { ComponentProps } from 'react';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowButtonProps = Omit<ComponentProps<'button'>, 'type'>;\n\nexport function TableRowButton({ className, ...props }: TableRowButtonProps) {\n const variant = useTableVariant();\n return (\n <button\n type=\"button\"\n data-slot=\"table-row-button\"\n data-row-target=\"\"\n className={cn('cursor-pointer text-left', ...tableRowTargetStyles(variant), className)}\n {...props}\n />\n );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowLinkProps = useRender.ComponentProps<'a'>;\n\nexport function TableRowLink({ render, className, ...props }: TableRowLinkProps) {\n const variant = useTableVariant();\n return useRender({\n defaultTagName: 'a',\n render,\n props: {\n ...props,\n 'data-slot': 'table-row-link',\n 'data-row-target': '',\n className: cn(...tableRowTargetStyles(variant), className),\n },\n });\n}\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TableSortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport type TableSortButtonProps = Omit<ComponentProps<'button'>, 'type'> & {\n direction?: TableSortDirection;\n};\n\nconst sortIcons = {\n ascending: ArrowUp,\n descending: ArrowDown,\n none: ArrowUpDown,\n} satisfies Record<TableSortDirection, LucideIcon>;\n\nexport function TableSortButton({ direction = 'none', className, children, ...props }: TableSortButtonProps) {\n const SortIcon = sortIcons[direction];\n const sorted = direction !== 'none';\n return (\n <button\n type=\"button\"\n data-slot=\"table-sort-button\"\n data-sorted={sorted \|\| undefined}\n className={cn(\n 'group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle',\n 'group-data-[align=end]/head:flex-row-reverse',\n 'hover:text-foreground data-sorted:text-foreground',\n controlStateColorTransition,\n focusRingOffset,\n className,\n )}\n {...props}\n >\n {children}\n <Icon\n size=\"sm\"\n aria-hidden\n className={cn(\n !sorted &&\n 'opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100',\n )}\n >\n <SortIcon />\n </Icon>\n </button>\n );\n}\n","import type { ComponentProps, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Cell } from './Cells';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { insetSlot, TableVariantContext, useTableVariant } from './table-context';\nimport type { TableVariant } from './table-context';\nimport { TablePagination } from './table-pagination';\nimport { TableRowButton } from './table-row-button';\nimport { TableRowLink } from './table-row-link';\nimport { TableSortButton } from './table-sort-button';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps extends ComponentProps<'table'> {\n className?: string;\n children: ReactNode;\n size?: 'default' \| 'small';\n variant?: TableVariant;\n columnDividers?: boolean;\n style?: CSSProperties;\n}\n\nconst rowSize = {\n default: '[&>tbody>tr]:h-table-row',\n small: '[&>tbody>tr]:h-table-row-small',\n};\n\ntype TableFrameProps = Omit<TableProps, 'variant'> & { variant: TableVariant };\n\nfunction InsetTable({ className, columnDividers, ...props }: Omit<TableProps, 'variant' \| 'size'>) {\n return (\n <div\n data-slot=\"table-container\"\n data-column-dividers={columnDividers \|\| undefined}\n className={cn('group/table w-full rounded-xl p-1', raisedSurfaceStyle, className)}\n >\n <div data-slot=\"table-scroll\" className=\"overflow-x-auto rounded-lg\">\n <div className=\"group-data-column-dividers/table:-ml-px\">\n <table\n data-slot=\"table\"\n className=\"w-full border-separate border-spacing-0 text-body-sm tabular-nums\"\n tabIndex={0}\n {...props}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction TableFrame({ variant, size = 'default', className, columnDividers, ...props }: TableFrameProps) {\n if (variant === 'inset') return <InsetTable className={className} columnDividers={columnDividers} {...props} />;\n return <table className={cn('w-full', rowSize[size], className)} {...props} />;\n}\n\nexport function Table({ variant = 'default', ...props }: TableProps) {\n return (\n <TableVariantContext value={variant}>\n <TableFrame variant={variant} {...props} />\n </TableVariantContext>\n );\n}\n\nexport type TableHeaderProps = ComponentProps<'thead'> & {\n placement?: 'above' \| 'inside';\n};\n\nconst insideHeaderStyles = [\n '[&>tr>th]:border-b [&>tr>th]:bg-background [&>tr>th]:bg-clip-padding',\n '[&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg',\n];\n\nfunction TableHeader({ className, placement = 'above', ...props }: TableHeaderProps) {\n const variant = useTableVariant();\n const inside = variant === 'inset' && placement === 'inside';\n const headerPlacement = inside ? 'inside' : undefined;\n return (\n <thead\n data-slot=\"table-header\"\n data-placement={headerPlacement}\n className={cn(\n variant === 'default' && '[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card',\n inside && insideHeaderStyles,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface TheadProps {\n className?: string;\n children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n const variant = useTableVariant();\n return (\n <thead>\n <tr className={cn(variant === 'default' && 'h-table-header border-b border-border bg-card', className)}>\n {children}\n </tr>\n </thead>\n );\n};\n\nexport interface ThProps extends Omit<ComponentProps<'th'>, 'align'> {\n align?: TableAlign \| ComponentProps<'th'>['align'];\n className?: string;\n style?: CSSProperties;\n children: ReactNode;\n}\n\nconst insetHeadClass = cn(\n 'group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3',\n 'border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nconst legacyHeadClass =\n 'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3';\n\nexport const Th = ({ className, children, align, ...props }: ThProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n const insetAlign = resolveTableAlign(align);\n return (\n <th\n className={cn(insetHeadClass, tableAlignClasses[insetAlign], className)}\n data-slot=\"table-head\"\n data-align={insetAlign}\n {...props}\n >\n {children}\n </th>\n );\n }\n return (\n <th className={cn(legacyHeadClass, className)} {...props} align={toNativeAlign(align)}>\n {children}\n </th>\n );\n};\n\nconst tableBodyStyles = [\n '[&>tr+tr>td]:border-t',\n '[&>tr:first-child>td:first-child]:rounded-tl-lg',\n '[&>tr:first-child>td:last-child]:rounded-tr-lg',\n '[&>tr:first-child_[data-row-target]]:after:rounded-t-lg',\n '[thead[data-placement=inside]+&>tr:first-child>td]:rounded-none',\n '[thead[data-placement=inside]+&>tr:first-child_[data-row-target]]:after:rounded-none',\n '[&>tr:last-child_[data-row-target]]:after:rounded-b-lg',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1',\n];\n\nexport interface TbodyProps extends ComponentProps<'tbody'> {\n className?: string;\n children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n const variant = useTableVariant();\n return (\n <tbody\n data-slot={insetSlot(variant, 'table-body')}\n className={cn(variant === 'inset' && tableBodyStyles, className)}\n {...props}\n >\n {children}\n </tbody>\n );\n};\n\nexport interface RowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'onClick'> {\n className?: string;\n children: ReactNode;\n selected?: boolean;\n style?: CSSProperties;\n onClick?: () => void;\n tabIndex?: number;\n /** When true, row receives focus and scrolls into view /\n isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n const variant = useTableVariant();\n const internalRef = useRef<HTMLTableRowElement>(null);\n\n // Merge forwarded ref with internal ref\n useImperativeHandle<HTMLTableRowElement \| null, HTMLTableRowElement \| null>(ref, () => internalRef.current, []);\n\n // Focus and scroll into view when active\n useEffect(() => {\n if (isActive && internalRef.current) {\n internalRef.current.focus();\n internalRef.current.scrollIntoView({ block: 'nearest' });\n }\n }, [isActive]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (event.key === 'Enter' && onClick) {\n onClick();\n }\n };\n\n return (\n <tr\n className={cn(\n variant === 'default' && 'border-b border-border',\n // Smooth hover transition\n variant === 'default' && 'transition-colors duration-normal ease-out-custom',\n variant === 'default' && 'hover:bg-fill-subtle',\n variant === 'default' && 'focus:bg-fill-subtle',\n variant === 'default' && focusRingInset,\n variant === 'inset' && [\n 'has-[[data-row-target]]:relative',\n 'has-[[data-row-target]]:hover::bg-surface-panel',\n 'has-[[data-row-target]:focus-visible]::bg-surface-panel',\n ],\n selected && 'bg-fill-hover',\n onClick && 'cursor-pointer',\n className,\n )}\n data-slot={insetSlot(variant, 'table-row')}\n style={style}\n onClick={onClick}\n ref={internalRef}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleKeyDown}\n data-active={isActive \|\| undefined}\n {...props}\n >\n {children}\n </tr>\n );\n },\n);\n\nTable.Header = TableHeader;\nTable.Body = Tbody;\nTable.Row = Row;\nTable.Head = Th;\nTable.Cell = Cell;\nTable.RowLink = TableRowLink;\nTable.RowButton = TableRowButton;\nTable.SortButton = TableSortButton;\nTable.Pagination = TablePagination;\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n /* Number of items in the list /\n itemCount: number;\n /* Initial active index (-1 = none) /\n initialIndex?: number;\n /* Wrap around at boundaries /\n wrap?: boolean;\n /* Callback when Enter pressed on active row /\n onSelect?: (index: number) => void;\n /* When true, registers keyboard handlers globally on the document /\n global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n /* Currently active index (-1 if none) /\n activeIndex: number;\n /* Set active index programmatically /\n setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n /* Returns props to spread on the Tbody element. Returns null when global is true. */\n getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } \| null;\n}\n\nexport function useTableKeyboardNavigation({\n itemCount,\n initialIndex = -1,\n wrap = false,\n onSelect,\n global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent \| React.KeyboardEvent) => {\n // No-op for empty list\n if (itemCount === 0) return;\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return 0;\n if (prev >= itemCount - 1) {\n return wrap ? 0 : itemCount - 1;\n }\n return prev + 1;\n });\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return itemCount - 1;\n if (prev <= 0) {\n return wrap ? itemCount - 1 : 0;\n }\n return prev - 1;\n });\n break;\n }\n case 'Home': {\n e.preventDefault();\n setActiveIndex(0);\n break;\n }\n case 'End': {\n e.preventDefault();\n setActiveIndex(itemCount - 1);\n break;\n }\n case 'Enter': {\n if (activeIndex >= 0 && onSelect) {\n e.preventDefault();\n onSelect(activeIndex);\n }\n break;\n }\n }\n },\n [itemCount, wrap, activeIndex, onSelect],\n );\n\n // Register global keyboard handlers when global option is enabled\n useEffect(() => {\n if (!global) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [global, handleKeyDown]);\n\n const getKeyboardProps = useCallback(() => {\n if (global) return null;\n return { onKeyDown: handleKeyDown as (e: React.KeyboardEvent) => void, tabIndex: 0 };\n }, [global, handleKeyDown]);\n\n return {\n activeIndex,\n setActiveIndex,\n getKeyboardProps,\n };\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Table.es.js","sources":["../../src/ds/components/Table/table-align.ts","../../src/ds/components/Table/table-context.ts","../../src/ds/components/Table/Cells.tsx","../../src/ds/components/Table/table-pagination.tsx","../../src/ds/components/Table/table-row-target.ts","../../src/ds/components/Table/table-row-button.tsx","../../src/ds/components/Table/table-row-link.tsx","../../src/ds/components/Table/table-sort-button.tsx","../../src/ds/components/Table/Table.tsx","../../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nexport type TableAlign = 'start' \| 'center' \| 'end';\n\ntype NativeCellAlign = ComponentProps<'td'>['align'];\n\nexport const tableAlignClasses: Record<TableAlign, string> = {\n start: 'text-left',\n center: 'text-center',\n end: 'text-right',\n};\n\nexport function resolveTableAlign(align: string \| undefined): TableAlign {\n if (align === 'center') return 'center';\n if (align === 'end' \|\| align === 'right') return 'end';\n return 'start';\n}\n\nexport function toNativeAlign(align: TableAlign \| NativeCellAlign): NativeCellAlign {\n if (align === 'start') return 'left';\n if (align === 'end') return 'right';\n return align;\n}\n","import { createContext, use } from 'react';\n\nexport type TableVariant = 'default' \| 'inset';\n\nexport const TableVariantContext = createContext<TableVariant>('default');\n\nexport function useTableVariant() {\n return use(TableVariantContext);\n}\n\nexport function insetSlot(variant: TableVariant, slot: string) {\n if (variant === 'inset') return slot;\n return undefined;\n}\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { useTableVariant } from './table-context';\nimport { cn } from '@/lib/utils';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TableCellTone = 'ink' \| 'muted';\n\nconst tableCellToneClasses: Record<TableCellTone, string> = {\n ink: 'text-foreground',\n muted: 'text-muted-foreground',\n};\n\nexport interface CellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n align?: TableAlign \| React.TdHTMLAttributes<HTMLTableCellElement>['align'];\n tone?: TableCellTone;\n className?: string;\n children: React.ReactNode;\n}\n\nconst insetCellClass = cn(\n 'h-9 border-transparent bg-background bg-clip-padding px-2 py-1 align-middle whitespace-nowrap first:pl-3 last:pr-3',\n 'group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nexport const Cell = ({ className, children, tone = 'ink', align, ...props }: CellProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n insetCellClass,\n tableAlignClasses[resolveTableAlign(align)],\n tableCellToneClasses[tone],\n className,\n )}\n {...props}\n >\n {children}\n </td>\n );\n }\n return (\n <td\n className={cn(tableCellToneClasses[tone], 'first:pl-3 last:pr-3', className)}\n {...props}\n align={toNativeAlign(align)}\n >\n <div className={cn('flex size-full shrink-0 items-center')}>{children}</div>\n </td>\n );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n return (\n <Cell className={className}>\n <Txt as=\"span\" variant=\"body-sm\" className=\"w-full truncate\">\n {children}\n </Txt>\n </Cell>\n );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n return (\n <Cell {...props}>\n <Txt as=\"span\" variant=\"body\" className=\"shrink-0\">\n {formatDate(dateTime, 'date-time-seconds')}\n </Txt>\n </Cell>\n );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n name: React.ReactNode;\n description?: React.ReactNode;\n icon?: React.ReactNode;\n meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n return (\n <Cell {...props}>\n <div className=\"flex items-center gap-3.5\">\n {icon && (\n <Icon size=\"lg\" className=\"text-foreground\">\n {icon}\n </Icon>\n )}\n\n <div className=\"flex flex-col gap-0\">\n <Txt as=\"span\" variant=\"body\" tone=\"ink\">\n {name}\n </Txt>\n {description && (\n <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"w-full max-w-75 truncate pt-1\">\n {description}\n </Txt>\n )}\n </div>\n {meta}\n </div>\n </Cell>\n );\n};\n","import type { ComponentProps } from 'react';\nimport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n} from '../Pagination/pagination';\nimport { getPaginationRange } from '../Pagination/pagination-range';\n\nexport type TablePaginationProps = Omit<ComponentProps<'nav'>, 'children'> & {\n page: number;\n pageCount: number;\n onPageChange: (page: number) => void;\n};\n\nexport function TablePagination({ page, pageCount, onPageChange, ...props }: TablePaginationProps) {\n return (\n <Pagination {...props}>\n <PaginationContent>\n <PaginationItem>\n <PaginationPrevious disabled={page <= 0} onClick={() => onPageChange(page - 1)} />\n </PaginationItem>\n {getPaginationRange(page, pageCount).map(item => {\n if (item.kind === 'ellipsis') {\n return (\n <PaginationItem key={item.key}>\n <PaginationEllipsis />\n </PaginationItem>\n );\n }\n return (\n <PaginationItem key={item.page}>\n <PaginationLink\n aria-label={`Page ${item.page + 1}`}\n isActive={item.page === page}\n onClick={() => onPageChange(item.page)}\n >\n {item.page + 1}\n </PaginationLink>\n </PaginationItem>\n );\n })}\n <PaginationItem>\n <PaginationNext disabled={page >= pageCount - 1} onClick={() => onPageChange(page + 1)} />\n </PaginationItem>\n </PaginationContent>\n </Pagination>\n );\n}\n","import type { TableVariant } from './table-context';\n\nconst stretchedTargetStyles = [\n \"outline-none after:absolute after:inset-0 after:content-['']\",\n 'focus-visible:after:outline-1 focus-visible:after:-outline-offset-1 focus-visible:after:outline-border-focus focus-visible:after:outline-solid',\n];\n\nexport function tableRowTargetStyles(variant: TableVariant) {\n if (variant === 'inset') return stretchedTargetStyles;\n return [];\n}\n","import type { ComponentProps } from 'react';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowButtonProps = Omit<ComponentProps<'button'>, 'type'>;\n\nexport function TableRowButton({ className, ...props }: TableRowButtonProps) {\n const variant = useTableVariant();\n return (\n <button\n type=\"button\"\n data-slot=\"table-row-button\"\n data-row-target=\"\"\n className={cn('cursor-pointer text-left', ...tableRowTargetStyles(variant), className)}\n {...props}\n />\n );\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { useTableVariant } from './table-context';\nimport { tableRowTargetStyles } from './table-row-target';\nimport { cn } from '@/lib/utils';\n\nexport type TableRowLinkProps = useRender.ComponentProps<'a'>;\n\nexport function TableRowLink({ render, className, ...props }: TableRowLinkProps) {\n const variant = useTableVariant();\n return useRender({\n defaultTagName: 'a',\n render,\n props: {\n ...props,\n 'data-slot': 'table-row-link',\n 'data-row-target': '',\n className: cn(...tableRowTargetStyles(variant), className),\n },\n });\n}\n","import { ArrowDown, ArrowUp, ArrowUpDown } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TableSortDirection = 'ascending' \| 'descending' \| 'none';\n\nexport type TableSortButtonProps = Omit<ComponentProps<'button'>, 'type'> & {\n direction?: TableSortDirection;\n};\n\nconst sortIcons = {\n ascending: ArrowUp,\n descending: ArrowDown,\n none: ArrowUpDown,\n} satisfies Record<TableSortDirection, LucideIcon>;\n\nexport function TableSortButton({ direction = 'none', className, children, ...props }: TableSortButtonProps) {\n const SortIcon = sortIcons[direction];\n const sorted = direction !== 'none';\n return (\n <button\n type=\"button\"\n data-slot=\"table-sort-button\"\n data-sorted={sorted \|\| undefined}\n className={cn(\n 'group/sort inline-flex cursor-pointer items-center gap-1 rounded-sm align-middle',\n 'group-data-[align=end]/head:flex-row-reverse',\n 'hover:text-foreground data-sorted:text-foreground',\n controlStateColorTransition,\n focusRingOffset,\n className,\n )}\n {...props}\n >\n {children}\n <Icon\n size=\"sm\"\n aria-hidden\n className={cn(\n !sorted &&\n 'opacity-0 group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100 pointer-coarse:opacity-100',\n )}\n >\n <SortIcon />\n </Icon>\n </button>\n );\n}\n","import type { ComponentProps, ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Cell } from './Cells';\nimport { resolveTableAlign, tableAlignClasses, toNativeAlign } from './table-align';\nimport type { TableAlign } from './table-align';\nimport { insetSlot, TableVariantContext, useTableVariant } from './table-context';\nimport type { TableVariant } from './table-context';\nimport { TablePagination } from './table-pagination';\nimport { TableRowButton } from './table-row-button';\nimport { TableRowLink } from './table-row-link';\nimport { TableSortButton } from './table-sort-button';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { focusRingInset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps extends ComponentProps<'table'> {\n className?: string;\n children: ReactNode;\n size?: 'default' \| 'small';\n variant?: TableVariant;\n columnDividers?: boolean;\n style?: CSSProperties;\n}\n\nconst rowSize = {\n default: '[&>tbody>tr]:h-table-row',\n small: '[&>tbody>tr]:h-table-row-small',\n};\n\ntype TableFrameProps = Omit<TableProps, 'variant'> & { variant: TableVariant };\n\nfunction InsetTable({ className, columnDividers, ...props }: Omit<TableProps, 'variant' \| 'size'>) {\n return (\n <div\n data-slot=\"table-container\"\n data-column-dividers={columnDividers \|\| undefined}\n className={cn('group/table w-full rounded-xl p-1', raisedSurfaceStyle, className)}\n >\n <div data-slot=\"table-scroll\" className=\"overflow-x-auto rounded-lg\">\n <div className=\"group-data-column-dividers/table:-ml-px\">\n <table\n data-slot=\"table\"\n className=\"w-full border-separate border-spacing-0 text-body-sm tabular-nums\"\n tabIndex={0}\n {...props}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction TableFrame({ variant, size = 'default', className, columnDividers, ...props }: TableFrameProps) {\n if (variant === 'inset') return <InsetTable className={className} columnDividers={columnDividers} {...props} />;\n return <table className={cn('w-full', rowSize[size], className)} {...props} />;\n}\n\nexport function Table({ variant = 'default', ...props }: TableProps) {\n return (\n <TableVariantContext value={variant}>\n <TableFrame variant={variant} {...props} />\n </TableVariantContext>\n );\n}\n\nexport type TableHeaderProps = ComponentProps<'thead'> & {\n placement?: 'above' \| 'inside';\n};\n\nconst insideHeaderStyles = [\n '[&>tr>th]:border-b [&>tr>th]:bg-background [&>tr>th]:bg-clip-padding',\n '[&>tr>th:first-child]:rounded-tl-lg [&>tr>th:last-child]:rounded-tr-lg',\n];\n\nfunction TableHeader({ className, placement = 'above', ...props }: TableHeaderProps) {\n const variant = useTableVariant();\n const inside = variant === 'inset' && placement === 'inside';\n const headerPlacement = inside ? 'inside' : undefined;\n return (\n <thead\n data-slot=\"table-header\"\n data-placement={headerPlacement}\n className={cn(\n variant === 'default' && '[&>tr]:h-table-header [&>tr]:border-b [&>tr]:border-border [&>tr]:bg-card',\n inside && insideHeaderStyles,\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface TheadProps {\n className?: string;\n children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n const variant = useTableVariant();\n return (\n <thead>\n <tr className={cn(variant === 'default' && 'h-table-header border-b border-border bg-card', className)}>\n {children}\n </tr>\n </thead>\n );\n};\n\nexport interface ThProps extends Omit<ComponentProps<'th'>, 'align'> {\n align?: TableAlign \| ComponentProps<'th'>['align'];\n className?: string;\n style?: CSSProperties;\n children: ReactNode;\n}\n\nconst insetHeadClass = cn(\n 'group/head h-10 px-2 align-middle text-column whitespace-nowrap text-muted-foreground first:pl-3 last:pr-3',\n 'border-transparent group-data-column-dividers/table:border-l group-data-column-dividers/table:px-3',\n);\n\nconst legacyHeadClass =\n 'h-full text-left text-meta tracking-wide whitespace-nowrap text-placeholder uppercase first:pl-3 last:pr-3';\n\nexport const Th = ({ className, children, align, ...props }: ThProps) => {\n const variant = useTableVariant();\n if (variant === 'inset') {\n const insetAlign = resolveTableAlign(align);\n return (\n <th\n className={cn(insetHeadClass, tableAlignClasses[insetAlign], className)}\n data-slot=\"table-head\"\n data-align={insetAlign}\n {...props}\n >\n {children}\n </th>\n );\n }\n return (\n <th className={cn(legacyHeadClass, className)} {...props} align={toNativeAlign(align)}>\n {children}\n </th>\n );\n};\n\nconst tableBodyStyles = [\n '[&>tr+tr>td]:border-t',\n '[&>tr:first-child>td:first-child]:rounded-tl-lg',\n '[&>tr:first-child>td:last-child]:rounded-tr-lg',\n '[&>tr:first-child_[data-row-target]]:after:rounded-t-lg',\n '[thead[data-placement=inside]+&>tr:first-child>td]:rounded-none',\n '[thead[data-placement=inside]+&>tr:first-child_[data-row-target]]:after:rounded-none',\n '[&>tr:last-child_[data-row-target]]:after:rounded-b-lg',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:relative',\n '[&_:is(a,button,input,select,textarea):not([data-row-target])]:z-1',\n];\n\nexport interface TbodyProps extends ComponentProps<'tbody'> {\n className?: string;\n children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n const variant = useTableVariant();\n return (\n <tbody\n data-slot={insetSlot(variant, 'table-body')}\n className={cn(variant === 'inset' && tableBodyStyles, className)}\n {...props}\n >\n {children}\n </tbody>\n );\n};\n\nexport interface RowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'onClick'> {\n className?: string;\n children: ReactNode;\n selected?: boolean;\n style?: CSSProperties;\n onClick?: () => void;\n tabIndex?: number;\n /** When true, row receives focus and scrolls into view /\n isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n const variant = useTableVariant();\n const internalRef = useRef<HTMLTableRowElement>(null);\n\n // Merge forwarded ref with internal ref\n useImperativeHandle<HTMLTableRowElement \| null, HTMLTableRowElement \| null>(ref, () => internalRef.current, []);\n\n // Focus and scroll into view when active\n useEffect(() => {\n if (isActive && internalRef.current) {\n internalRef.current.focus();\n internalRef.current.scrollIntoView({ block: 'nearest' });\n }\n }, [isActive]);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (event.key === 'Enter' && onClick) {\n onClick();\n }\n };\n\n return (\n <tr\n className={cn(\n variant === 'default' && 'border-b border-border',\n // Smooth hover transition\n variant === 'default' && 'transition-colors duration-normal ease-out-custom',\n variant === 'default' && 'hover:bg-fill-subtle',\n variant === 'default' && 'focus:bg-fill-subtle',\n variant === 'default' && focusRingInset,\n variant === 'inset' && [\n 'has-[[data-row-target]]:relative',\n 'has-[[data-row-target]]:hover::bg-surface-panel',\n 'has-[[data-row-target]:focus-visible]::bg-surface-panel',\n ],\n selected && 'bg-fill-hover',\n onClick && 'cursor-pointer',\n className,\n )}\n data-slot={insetSlot(variant, 'table-row')}\n style={style}\n onClick={onClick}\n ref={internalRef}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleKeyDown}\n data-active={isActive \|\| undefined}\n {...props}\n >\n {children}\n </tr>\n );\n },\n);\n\nTable.Header = TableHeader;\nTable.Body = Tbody;\nTable.Row = Row;\nTable.Head = Th;\nTable.Cell = Cell;\nTable.RowLink = TableRowLink;\nTable.RowButton = TableRowButton;\nTable.SortButton = TableSortButton;\nTable.Pagination = TablePagination;\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n /* Number of items in the list /\n itemCount: number;\n /* Initial active index (-1 = none) /\n initialIndex?: number;\n /* Wrap around at boundaries /\n wrap?: boolean;\n /* Callback when Enter pressed on active row /\n onSelect?: (index: number) => void;\n /* When true, registers keyboard handlers globally on the document /\n global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n /* Currently active index (-1 if none) /\n activeIndex: number;\n /* Set active index programmatically /\n setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n /* Returns props to spread on the Tbody element. Returns null when global is true. */\n getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } \| null;\n}\n\nexport function useTableKeyboardNavigation({\n itemCount,\n initialIndex = -1,\n wrap = false,\n onSelect,\n global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent \| React.KeyboardEvent) => {\n // No-op for empty list\n if (itemCount === 0) return;\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return 0;\n if (prev >= itemCount - 1) {\n return wrap ? 0 : itemCount - 1;\n }\n return prev + 1;\n });\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n setActiveIndex(prev => {\n if (prev === -1) return itemCount - 1;\n if (prev <= 0) {\n return wrap ? itemCount - 1 : 0;\n }\n return prev - 1;\n });\n break;\n }\n case 'Home': {\n e.preventDefault();\n setActiveIndex(0);\n break;\n }\n case 'End': {\n e.preventDefault();\n setActiveIndex(itemCount - 1);\n break;\n }\n case 'Enter': {\n if (activeIndex >= 0 && onSelect) {\n e.preventDefault();\n onSelect(activeIndex);\n }\n break;\n }\n }\n },\n [itemCount, wrap, activeIndex, onSelect],\n );\n\n // Register global keyboard handlers when global option is enabled\n useEffect(() => {\n if (!global) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [global, handleKeyDown]);\n\n const getKeyboardProps = useCallback(() => {\n if (global) return null;\n return { onKeyDown: handleKeyDown, tabIndex: 0 };\n }, [global, handleKeyDown]);\n\n return {\n activeIndex,\n setActiveIndex,\n getKeyboardProps,\n };\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Tabs.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const tabsRoot = require('../tabs-root-sOhEgFZ-.cjs');
 const tabsList = require('../tabs-list-BTRYiT_o.cjs');
-const tabsTab = require('../tabs-tab-DRaRUvQ3.cjs');
+const tabsTab = require('../tabs-tab-B0W25Dm2.cjs');
 const tabsContent = require('../tabs-content-B16298Ur.cjs');

package/dist/components/Tabs.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 export { T as Tabs } from '../tabs-root-CI7WQrJF.js';
 export { T as TabList } from '../tabs-list-BCnrYcX1.js';
-export { T as Tab } from '../tabs-tab-CIVJEMoY.js';
+export { T as Tab } from '../tabs-tab-CkLyKrL0.js';
 export { T as TabContent } from '../tabs-content-DEnFKGyJ.js';
 //# sourceMappingURL=Tabs.es.js.map

package/dist/components/ThreadList.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const threadList = require('../thread-list-BANpytn3.cjs');
+const threadList = require('../thread-list-BBPZYHh8.cjs');

package/dist/components/ThreadList.es.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-lXnXsPul.js';
+export { T as ThreadList, a as ThreadListEmpty, b as ThreadListItem, c as ThreadListItems, d as ThreadListNewItem, e as ThreadListSeparator } from '../thread-list-BGjKZfEH.js';
 //# sourceMappingURL=ThreadList.es.js.map