@kismet-ux/constellation 1.9.0 → 1.11.0

package/dist/ui/StatCard/stat-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.js","sources":["../../../src/ui/StatCard/stat-card.tsx"],"sourcesContent":["import { Column } from '@constellation/layout/Column';\nimport { Container } from '@constellation/layout/Container';\nimport { Typography, type TypographyVariant } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { TrendingDownIcon, TrendingUpIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { statCardVariants } from './stat-card-variants';\nimport s from './stat-card.module.scss';\n\nexport type TrendDirection = 'up' | 'down' | 'neutral';\nexport type StatCardTheme =\n  'default' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';\nexport type StatCardSize = 'sm' | 'md' | 'lg';\nexport type StatCardVariant = 'unstyled' | 'outlined' | 'filled';\nexport type StatCardDirection = 'row' | 'column';\n\ntype StatCardContainerTheme = Exclude<StatCardTheme, 'default'>;\ntype StatCardVariantOptions = {\n  theme?: StatCardTheme;\n  size?: StatCardSize;\n  variant?: StatCardVariant;\n};\ntype StatCardTypographyConfig = {\n  label: TypographyVariant;\n  value: TypographyVariant;\n  description: TypographyVariant;\n  trend: TypographyVariant;\n};\nconst DEFAULT_STAT_CARD_THEME: StatCardTheme = 'default';\nconst DEFAULT_STAT_CARD_SIZE: StatCardSize = 'md';\nconst DEFAULT_STAT_CARD_VARIANT: StatCardVariant = 'outlined';\nconst DEFAULT_STAT_CARD_DIRECTION: StatCardDirection = 'row';\nconst statCardTypographyBySize: Record<StatCardSize, StatCardTypographyConfig> = {\n  sm: {\n    label: 'body2',\n    value: 'body1',\n    description: 'caption',\n    trend: 'caption',\n  },\n  md: {\n    label: 'body1',\n    value: 'subtitle1',\n    description: 'body2',\n    trend: 'body2',\n  },\n  lg: {\n    label: 'subtitle1',\n    value: 'h5',\n    description: 'body1',\n    trend: 'body1',\n  },\n};\n\nexport interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Text label describing the metric. */\n  label: string;\n  /** The metric value to display. */\n  value?: React.ReactNode;\n  /** Icon displayed beside the metric. */\n  icon?: React.ReactNode;\n  /** Optional description below the value. */\n  description?: string;\n  /** Trend direction indicator. */\n  trend?: TrendDirection;\n  /** Trend label text (e.g. \"+12%\", \"−3.4%\"). */\n  trendLabel?: string;\n  /** Visual theme for the card. */\n  theme?: StatCardTheme;\n  /** Card size. */\n  size?: StatCardSize;\n  /** Card Direction. */\n  direction?: StatCardDirection;\n  /** Surface variant. */\n  variant?: StatCardVariant;\n}\n\nconst StatCard = React.forwardRef<HTMLDivElement, StatCardProps>(\n  (\n    {\n      label,\n      value,\n      icon,\n      description,\n      trend,\n      trendLabel,\n      theme,\n      size,\n      direction,\n      variant,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedTheme: StatCardTheme = theme ?? DEFAULT_STAT_CARD_THEME;\n    const resolvedSize: StatCardSize = size ?? DEFAULT_STAT_CARD_SIZE;\n    const resolvedVariant: StatCardVariant = variant ?? DEFAULT_STAT_CARD_VARIANT;\n    const resolvedDirection: StatCardDirection = direction ?? DEFAULT_STAT_CARD_DIRECTION;\n    const isFilled = resolvedVariant === 'filled';\n    const isOutlined = resolvedVariant === 'outlined';\n    const containerTheme: StatCardContainerTheme | undefined =\n      resolvedTheme !== 'default' && (isFilled || isOutlined) ? resolvedTheme : undefined;\n    const trendTheme = trend === 'up' ? 'success' : trend === 'down' ? 'destructive' : 'muted';\n    const rootProps: React.ComponentPropsWithoutRef<'div'> = props;\n    const variantOptions: StatCardVariantOptions = {\n      theme: resolvedTheme,\n      size: resolvedSize,\n      variant: resolvedVariant,\n    };\n    const typographyConfig = statCardTypographyBySize[resolvedSize];\n\n    return (\n      <Container\n        ref={ref}\n        data-slot={'stat-card'}\n        gap={1}\n        styled={isFilled || isOutlined}\n        padding={isFilled || isOutlined ? 'md' : 'none'}\n        outlined={isFilled || isOutlined}\n        theme={containerTheme}\n        className={cn(statCardVariants(variantOptions), className)}\n        {...rootProps}\n      >\n        <Container\n          styled={false}\n          gap={2}\n          direction={resolvedDirection}\n          align={resolvedDirection === 'row' ? 'start' : 'center'}\n        >\n          {icon ? (\n            <span data-slot={'stat-card-icon'} className={s['stat-card-icon']} aria-hidden={'true'}>\n              {icon}\n            </span>\n          ) : null}\n          <Column\n            data-slot={'stat-card-header'}\n            className={s['stat-card-header']}\n            align={resolvedDirection === 'row' ? 'start' : 'center'}\n          >\n            <Typography\n              data-slot={'stat-card-label'}\n              variant={typographyConfig.label}\n              className={s['stat-card-label']}\n              align={resolvedDirection === 'row' ? undefined : 'center'}\n            >\n              {label}\n            </Typography>\n            {value ? (\n              <Typography\n                data-slot={'stat-card-value'}\n                variant={typographyConfig.value}\n                className={s['stat-card-value']}\n                align={resolvedDirection === 'row' ? undefined : 'center'}\n              >\n                <strong>{value}</strong>\n              </Typography>\n            ) : null}\n            {description ? (\n              <Typography\n                data-slot={'stat-card-description'}\n                variant={typographyConfig.description}\n                theme={'muted'}\n                className={s['stat-card-description']}\n              >\n                {description}\n              </Typography>\n            ) : null}\n            {trend ? (\n              <Typography\n                data-slot={'stat-card-trend'}\n                variant={typographyConfig.trend}\n                theme={trendTheme}\n                className={s['stat-card-trend']}\n              >\n                {trend === 'up' ? <TrendingUpIcon aria-hidden={'true'} /> : null}\n                {trend === 'down' ? <TrendingDownIcon aria-hidden={'true'} /> : null}\n                {trendLabel}\n              </Typography>\n            ) : null}\n          </Column>\n        </Container>\n        {children}\n      </Container>\n    );\n  },\n);\nStatCard.displayName = 'StatCard';\n\nexport { StatCard };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"stat-card.js","sources":["../../../src/ui/StatCard/stat-card.tsx"],"sourcesContent":["import { Column } from '@constellation/layout/Column';\nimport { Container } from '@constellation/layout/Container';\nimport { Typography, type TypographyVariant } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { TrendingDownIcon, TrendingUpIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { statCardVariants } from './stat-card-variants';\nimport s from './stat-card.module.scss';\n\nexport type TrendDirection = 'up' | 'down' | 'neutral';\nexport type StatCardTheme =\n  'default' | 'primary' | 'secondary' | 'destructive' | 'warning' | 'success' | 'info' | 'slate';\nexport type StatCardSize = 'sm' | 'md' | 'lg';\nexport type StatCardVariant = 'unstyled' | 'outlined' | 'filled';\nexport type StatCardDirection = 'row' | 'column';\n\ntype StatCardContainerTheme = Exclude<StatCardTheme, 'default'>;\ntype StatCardVariantOptions = {\n  theme?: StatCardTheme;\n  size?: StatCardSize;\n  variant?: StatCardVariant;\n};\ntype StatCardTypographyConfig = {\n  label: TypographyVariant;\n  value: TypographyVariant;\n  description: TypographyVariant;\n  trend: TypographyVariant;\n};\nconst DEFAULT_STAT_CARD_THEME: StatCardTheme = 'default';\nconst DEFAULT_STAT_CARD_SIZE: StatCardSize = 'md';\nconst DEFAULT_STAT_CARD_VARIANT: StatCardVariant = 'outlined';\nconst DEFAULT_STAT_CARD_DIRECTION: StatCardDirection = 'row';\nconst statCardTypographyBySize: Record<StatCardSize, StatCardTypographyConfig> = {\n  sm: {\n    label: 'body2',\n    value: 'body1',\n    description: 'caption',\n    trend: 'caption',\n  },\n  md: {\n    label: 'body1',\n    value: 'subtitle1',\n    description: 'body2',\n    trend: 'body2',\n  },\n  lg: {\n    label: 'subtitle1',\n    value: 'h5',\n    description: 'body1',\n    trend: 'body1',\n  },\n};\n\nexport interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Text label describing the metric. */\n  label: string;\n  /** The metric value to display. */\n  value?: React.ReactNode;\n  /** Icon displayed beside the metric. */\n  icon?: React.ReactNode;\n  /** Optional description below the value. */\n  description?: string;\n  /** Trend direction indicator. */\n  trend?: TrendDirection;\n  /** Trend label text (e.g. \"+12%\", \"−3.4%\"). */\n  trendLabel?: string;\n  /** Visual theme for the card. */\n  theme?: StatCardTheme;\n  /** Card size. */\n  size?: StatCardSize;\n  /** Card Direction. */\n  direction?: StatCardDirection;\n  /** Surface variant. */\n  variant?: StatCardVariant;\n  /**\n   * The element the card renders as.\n   *\n   * A figure that FILTERS the thing it counts is a control, and should be a\n   * real one: `el='button'` makes the whole card the target, so it takes\n   * focus, answers the keyboard, and reads as pressable rather than as a\n   * number that happens to react to a click.\n   */\n  el?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;\n}\n\nconst StatCard = React.forwardRef<HTMLDivElement, StatCardProps>(\n  (\n    {\n      label,\n      value,\n      icon,\n      description,\n      trend,\n      trendLabel,\n      theme,\n      size,\n      direction,\n      variant,\n      el,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedTheme: StatCardTheme = theme ?? DEFAULT_STAT_CARD_THEME;\n    const resolvedSize: StatCardSize = size ?? DEFAULT_STAT_CARD_SIZE;\n    const resolvedVariant: StatCardVariant = variant ?? DEFAULT_STAT_CARD_VARIANT;\n    const resolvedDirection: StatCardDirection = direction ?? DEFAULT_STAT_CARD_DIRECTION;\n    const isFilled = resolvedVariant === 'filled';\n    const isOutlined = resolvedVariant === 'outlined';\n    const containerTheme: StatCardContainerTheme | undefined =\n      resolvedTheme !== 'default' && (isFilled || isOutlined) ? resolvedTheme : undefined;\n    const trendTheme = trend === 'up' ? 'success' : trend === 'down' ? 'destructive' : 'muted';\n    const rootProps: React.ComponentPropsWithoutRef<'div'> = props;\n    const variantOptions: StatCardVariantOptions = {\n      theme: resolvedTheme,\n      size: resolvedSize,\n      variant: resolvedVariant,\n    };\n    const typographyConfig = statCardTypographyBySize[resolvedSize];\n\n    return (\n      <Container\n        ref={ref}\n        el={el}\n        data-slot={'stat-card'}\n        gap={1}\n        styled={isFilled || isOutlined}\n        padding={isFilled || isOutlined ? 'md' : 'none'}\n        outlined={isFilled || isOutlined}\n        theme={containerTheme}\n        className={cn(statCardVariants(variantOptions), className)}\n        {...rootProps}\n      >\n        <Container\n          styled={false}\n          gap={2}\n          direction={resolvedDirection}\n          align={resolvedDirection === 'row' ? 'start' : 'center'}\n        >\n          {icon ? (\n            <span data-slot={'stat-card-icon'} className={s['stat-card-icon']} aria-hidden={'true'}>\n              {icon}\n            </span>\n          ) : null}\n          <Column\n            data-slot={'stat-card-header'}\n            className={s['stat-card-header']}\n            align={resolvedDirection === 'row' ? 'start' : 'center'}\n          >\n            <Typography\n              data-slot={'stat-card-label'}\n              variant={typographyConfig.label}\n              className={s['stat-card-label']}\n              align={resolvedDirection === 'row' ? undefined : 'center'}\n            >\n              {label}\n            </Typography>\n            {value ? (\n              <Typography\n                data-slot={'stat-card-value'}\n                variant={typographyConfig.value}\n                className={s['stat-card-value']}\n                align={resolvedDirection === 'row' ? undefined : 'center'}\n              >\n                <strong>{value}</strong>\n              </Typography>\n            ) : null}\n            {description ? (\n              <Typography\n                data-slot={'stat-card-description'}\n                variant={typographyConfig.description}\n                theme={'muted'}\n                className={s['stat-card-description']}\n              >\n                {description}\n              </Typography>\n            ) : null}\n            {trend ? (\n              <Typography\n                data-slot={'stat-card-trend'}\n                variant={typographyConfig.trend}\n                theme={trendTheme}\n                className={s['stat-card-trend']}\n              >\n                {trend === 'up' ? <TrendingUpIcon aria-hidden={'true'} /> : null}\n                {trend === 'down' ? <TrendingDownIcon aria-hidden={'true'} /> : null}\n                {trendLabel}\n              </Typography>\n            ) : null}\n          </Column>\n        </Container>\n        {children}\n      </Container>\n    );\n  },\n);\nStatCard.displayName = 'StatCard';\n\nexport { StatCard };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/ui/StatusDot/status-dot.css

@@ -55,7 +55,10 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .status-dot-module_status-dot--pulse__Vw5aP {
+  :root:not([data-motion=full]) .status-dot-module_status-dot--pulse__Vw5aP {
     animation: none;
   }
+}
+:root[data-motion=reduced] .status-dot-module_status-dot--pulse__Vw5aP {
+  animation: none;
 }

package/dist/ui/StepProgress/step-progress.css

@@ -322,12 +322,20 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .step-progress-module_step-dot--active__W0-o1 {
+  :root:not([data-motion=full]) .step-progress-module_step-dot--active__W0-o1 {
     animation: none;
   }
-  .step-progress-module_step-dot__P-7MT,
-  .step-progress-module_step-connector-fill__hqahw,
-  .step-progress-module_step-label__gjjgq {
+  :root:not([data-motion=full]) .step-progress-module_step-dot__P-7MT,
+  :root:not([data-motion=full]) .step-progress-module_step-connector-fill__hqahw,
+  :root:not([data-motion=full]) .step-progress-module_step-label__gjjgq {
     transition: none;
   }
+}
+:root[data-motion=reduced] .step-progress-module_step-dot--active__W0-o1 {
+  animation: none;
+}
+:root[data-motion=reduced] .step-progress-module_step-dot__P-7MT,
+:root[data-motion=reduced] .step-progress-module_step-connector-fill__hqahw,
+:root[data-motion=reduced] .step-progress-module_step-label__gjjgq {
+  transition: none;
 }

package/dist/ui/Switch/switch.css

@@ -109,8 +109,12 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .switch-module_switch__Ea9Rj,
-  .switch-module_switch__Ea9Rj .switch-module_thumb__cVffP {
+  :root:not([data-motion=full]) .switch-module_switch__Ea9Rj,
+  :root:not([data-motion=full]) .switch-module_switch__Ea9Rj .switch-module_thumb__cVffP {
     transition: none;
   }
+}
+:root[data-motion=reduced] .switch-module_switch__Ea9Rj,
+:root[data-motion=reduced] .switch-module_switch__Ea9Rj .switch-module_thumb__cVffP {
+  transition: none;
 }

package/dist/ui/Tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+C/B,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAwC,GACzC,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,qBAMA;AAID,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,YAAY,qBAqBd;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA6ErB;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAY,EACZ,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,4BAwGrB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+C/B,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAwC,GACzC,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,qBAMA;AAID,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,YAAY,qBAqBd;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA6ErB;AAID,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAY,EACZ,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,4BAyGrB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/dist/ui/Tooltip/tooltip.js

@@ -183,7 +183,7 @@ function TooltipContent({ className, children, side = 'top', sideOffset = 8, ...
     if (!mounted)
         return null;
     const isReady = positioned && state !== 'idle';
-    return createPortal(jsx("div", { ref: measureRef, style: isReady
+    return createPortal(jsx("div", { "data-constellation-portal": '', ref: measureRef, style: isReady
             ? { ...position, pointerEvents: 'none' }
             : { position: 'fixed', visibility: 'hidden', zIndex: 50, pointerEvents: 'none' }, children: jsxs("div", { "data-slot": 'tooltip-content', "data-side": resolvedSide, "data-state": state === 'idle' ? undefined : state === 'open' ? 'delayed-open' : state, className: cn(s['tooltip-content'], className), ...props, children: [children, jsx("span", { className: s['tooltip-arrow'], "aria-hidden": 'true' })] }) }), document.body);
 }

package/dist/ui/Tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { mergeRefs } from '../../internal/merge-refs';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport s from './tooltip.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype TooltipContextValue = {\n  open: boolean;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  setOpen: (open: boolean) => void;\n  /**\n   * Milliseconds to wait on hover-enter before showing the tooltip.\n   * `0` means show instantly. Resolved at <Tooltip> from its own\n   * `delayDuration` prop with fallback to the <TooltipProvider> default.\n   */\n  delayDuration: number;\n};\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null);\n\nfunction useTooltipContext() {\n  const ctx = React.useContext(TooltipContext);\n  if (!ctx) throw new Error('Tooltip compound components must be used within <Tooltip>');\n  return ctx;\n}\n\n// ── Provider ─────────────────────────────────────────────\n\n/**\n * Default hover-intent delay for tooltips across the design system,\n * in milliseconds. Applied when neither `<Tooltip delayDuration={...}>`\n * nor an ancestor `<TooltipProvider delayDuration={...}>` overrides it.\n * Matches Radix / Material defaults for hover intent.\n */\nconst DEFAULT_TOOLTIP_DELAY_MS = 150;\n\n/**\n * Sets a default `delayDuration` for descendant `<Tooltip>` instances.\n * Wrapping is optional — every `<Tooltip>` inherits the global default\n * (`DEFAULT_TOOLTIP_DELAY_MS`) without a Provider. Use the Provider to\n * override the default for a subtree (e.g. `delayDuration={0}` to make\n * a cluster of tooltips instant).\n */\nconst TooltipDefaultDelayContext = React.createContext<number>(DEFAULT_TOOLTIP_DELAY_MS);\n\nfunction TooltipProvider({\n  children,\n  delayDuration = DEFAULT_TOOLTIP_DELAY_MS,\n}: {\n  children?: React.ReactNode;\n  delayDuration?: number;\n}) {\n  return (\n    <TooltipDefaultDelayContext.Provider value={delayDuration}>\n      {children}\n    </TooltipDefaultDelayContext.Provider>\n  );\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface TooltipProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  delayDuration?: number;\n}\n\nfunction Tooltip({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  delayDuration,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const inheritedDelay = React.useContext(TooltipDefaultDelayContext);\n  const effectiveDelay = delayDuration ?? inheritedDelay;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <TooltipContext.Provider value={{ open, triggerRef, setOpen, delayDuration: effectiveDelay }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\n\nfunction TooltipTrigger({\n  asChild,\n  children,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: TooltipTriggerProps) {\n  const { setOpen, triggerRef, delayDuration } = useTooltipContext();\n  const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearPendingOpen = React.useCallback(() => {\n    if (openTimerRef.current !== null) {\n      clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n  }, []);\n\n  // Ensure any pending hover-open timer is cleared if the trigger\n  // unmounts mid-delay — otherwise we'd call setOpen on an unmounted tree.\n  React.useEffect(() => clearPendingOpen, [clearPendingOpen]);\n\n  // Hover open honors the resolved delay (defaults to 0 = instant).\n  // Keyboard focus opens instantly — keyboard users expect immediate\n  // feedback and there's no \"transient hover\" noise to suppress.\n  const handlers = {\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseEnter?.(e);\n      clearPendingOpen();\n      if (delayDuration > 0) {\n        openTimerRef.current = setTimeout(() => {\n          openTimerRef.current = null;\n          setOpen(true);\n        }, delayDuration);\n      } else {\n        setOpen(true);\n      }\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseLeave?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      onFocus?.(e);\n      clearPendingOpen();\n      setOpen(true);\n    },\n    onBlur: (e: React.FocusEvent<HTMLElement>) => {\n      onBlur?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<Record<string, unknown>>;\n    const childProps = (child.props ?? {}) as Record<string, unknown> & {\n      ref?: React.Ref<HTMLElement>;\n    };\n\n    const composeHandler = <E,>(ours: (e: E) => void, theirs: unknown): ((e: E) => void) =>\n      typeof theirs === 'function'\n        ? (e: E) => {\n            (theirs as (e: E) => void)(e);\n            ours(e);\n          }\n        : ours;\n\n    return React.cloneElement(child, {\n      ...props,\n      onMouseEnter: composeHandler(handlers.onMouseEnter, childProps.onMouseEnter),\n      onMouseLeave: composeHandler(handlers.onMouseLeave, childProps.onMouseLeave),\n      onFocus: composeHandler(handlers.onFocus, childProps.onFocus),\n      onBlur: composeHandler(handlers.onBlur, childProps.onBlur),\n      ref: mergeRefs(triggerRef, childProps.ref),\n    });\n  }\n\n  return (\n    <span data-slot={'tooltip-trigger'} ref={triggerRef} {...handlers} {...props}>\n      {children}\n    </span>\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}\n\nfunction TooltipContent({\n  className,\n  children,\n  side = 'top',\n  sideOffset = 8,\n  ...props\n}: TooltipContentProps) {\n  const { open, triggerRef } = useTooltipContext();\n  const { mounted, state } = useAnimationState(open, 150);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [positioned, setPositioned] = React.useState(false);\n  const [position, setPosition] = React.useState<React.CSSProperties>({});\n  const [resolvedSide, setResolvedSide] = React.useState(side);\n\n  // Reset positioned flag when unmounted so next open re-measures\n  React.useEffect(() => {\n    if (!mounted) setPositioned(false);\n  }, [mounted]);\n\n  const calcPosition = React.useCallback(() => {\n    const node = contentRef.current;\n    if (!node || !triggerRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const contentRect = node.getBoundingClientRect();\n    let top: number;\n    let left: number;\n    let actualSide = side;\n\n    switch (side) {\n      case 'top': {\n        top = triggerRect.top - sideOffset - contentRect.height;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        if (top < 0) {\n          top = triggerRect.bottom + sideOffset;\n          actualSide = 'bottom';\n        }\n        break;\n      }\n      case 'bottom': {\n        top = triggerRect.bottom + sideOffset;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        break;\n      }\n      case 'left': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.left - sideOffset - contentRect.width;\n        break;\n      }\n      case 'right': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.right + sideOffset;\n        break;\n      }\n    }\n\n    setResolvedSide(actualSide);\n    setPosition({ position: 'fixed', top, left, zIndex: 50 });\n    setPositioned(true);\n  }, [side, sideOffset, triggerRef]);\n\n  // Measure + position via ref callback (fires after DOM mount)\n  const measureRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (contentRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node && mounted && triggerRef.current) {\n        calcPosition();\n      }\n    },\n    [mounted, triggerRef, calcPosition],\n  );\n\n  // Reposition on scroll/resize so the tooltip tracks the trigger.\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [mounted, calcPosition]);\n\n  if (!mounted) return null;\n\n  const isReady = positioned && state !== 'idle';\n\n  return createPortal(\n    <div\n      ref={measureRef}\n      style={\n        isReady\n          ? { ...position, pointerEvents: 'none' }\n          : { position: 'fixed', visibility: 'hidden', zIndex: 50, pointerEvents: 'none' }\n      }\n    >\n      <div\n        data-slot={'tooltip-content'}\n        data-side={resolvedSide}\n        data-state={state === 'idle' ? undefined : state === 'open' ? 'delayed-open' : state}\n        className={cn(s['tooltip-content'], className)}\n        {...props}\n      >\n        {children}\n        <span className={s['tooltip-arrow']} aria-hidden={'true'} />\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAqBA,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC;AAE5E,SAAS,iBAAiB,GAAA;IACxB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;AAC5C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC;AACtF,IAAA,OAAO,GAAG;AACZ;AAEA;AAEA;;;;;AAKG;AACH,MAAM,wBAAwB,GAAG,GAAG;AAEpC;;;;;;AAMG;AACH,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAS,wBAAwB,CAAC;AAExF,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,aAAa,GAAG,wBAAwB,GAIzC,EAAA;AACC,IAAA,QACEA,GAAA,CAAC,0BAA0B,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EACtD,QAAQ,EAAA,CAC2B;AAE1C;AAYA,SAAS,OAAO,CAAC,EACf,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,aAAa,GACA,EAAA;AACb,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;AACnE,IAAA,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS;IACjD,MAAM,IAAI,GAAG,YAAY,GAAG,cAAc,GAAG,YAAY;IACzD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC;IACzD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC;AACnE,IAAA,MAAM,cAAc,GAAG,aAAa,IAAI,cAAc;IAEtD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,IAAa,KAAI;AAChB,QAAA,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,IAAI,CAAC;AACxC,QAAA,YAAY,GAAG,IAAI,CAAC;AACtB,IAAA,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B;IAED,QACEA,IAAC,cAAc,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,EAAA,QAAA,EACzF,QAAQ,EAAA,CACe;AAE9B;AAQA,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,iBAAiB,EAAE;IAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC;AAE7E,IAAA,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;AAC9C,QAAA,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,EAAE;AACjC,YAAA,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC;AAClC,YAAA,YAAY,CAAC,OAAO,GAAG,IAAI;QAC7B;IACF,CAAC,EAAE,EAAE,CAAC;;;AAIN,IAAA,KAAK,CAAC,SAAS,CAAC,MAAM,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,CAAC;;;;AAK3D,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,YAAY,EAAE,CAAC,CAAgC,KAAI;AACjD,YAAA,YAAY,GAAG,CAAC,CAAC;AACjB,YAAA,gBAAgB,EAAE;AAClB,YAAA,IAAI,aAAa,GAAG,CAAC,EAAE;AACrB,gBAAA,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AACrC,oBAAA,YAAY,CAAC,OAAO,GAAG,IAAI;oBAC3B,OAAO,CAAC,IAAI,CAAC;gBACf,CAAC,EAAE,aAAa,CAAC;YACnB;iBAAO;gBACL,OAAO,CAAC,IAAI,CAAC;YACf;QACF,CAAC;AACD,QAAA,YAAY,EAAE,CAAC,CAAgC,KAAI;AACjD,YAAA,YAAY,GAAG,CAAC,CAAC;AACjB,YAAA,gBAAgB,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC;QAChB,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,CAAgC,KAAI;AAC5C,YAAA,OAAO,GAAG,CAAC,CAAC;AACZ,YAAA,gBAAgB,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC;QACf,CAAC;AACD,QAAA,MAAM,EAAE,CAAC,CAAgC,KAAI;AAC3C,YAAA,MAAM,GAAG,CAAC,CAAC;AACX,YAAA,gBAAgB,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC;QAChB,CAAC;KACF;IAED,IAAI,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QAC7C,MAAM,KAAK,GAAG,QAAuD;QACrE,MAAM,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAEpC;AAED,QAAA,MAAM,cAAc,GAAG,CAAK,IAAoB,EAAE,MAAe,KAC/D,OAAO,MAAM,KAAK;AAChB,cAAE,CAAC,CAAI,KAAI;gBACN,MAAyB,CAAC,CAAC,CAAC;gBAC7B,IAAI,CAAC,CAAC,CAAC;YACT;cACA,IAAI;AAEV,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AAC/B,YAAA,GAAG,KAAK;YACR,YAAY,EAAE,cAAc,CAAC,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC;YAC5E,YAAY,EAAE,cAAc,CAAC,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC;YAC5E,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;YAC7D,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC;YAC1D,GAAG,EAAE,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC;AAC3C,SAAA,CAAC;IACJ;AAEA,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,iBAAiB,EAAE,GAAG,EAAE,UAAU,EAAA,GAAM,QAAQ,KAAM,KAAK,EAAA,QAAA,EACzE,QAAQ,EAAA,CACJ;AAEX;AASA,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE;AAChD,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;AACrD,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,EAAE,CAAC;AACvE,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;;AAG5D,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,OAAO;YAAE,aAAa,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;AAC1C,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO;AAC/B,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE;QAElC,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE;AAC9D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAChD,QAAA,IAAI,GAAW;AACf,QAAA,IAAI,IAAY;QAChB,IAAI,UAAU,GAAG,IAAI;QAErB,QAAQ,IAAI;YACV,KAAK,KAAK,EAAE;gBACV,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,UAAU,GAAG,WAAW,CAAC,MAAM;AACvD,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC;AACrE,gBAAA,IAAI,GAAG,GAAG,CAAC,EAAE;AACX,oBAAA,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,UAAU;oBACrC,UAAU,GAAG,QAAQ;gBACvB;gBACA;YACF;YACA,KAAK,QAAQ,EAAE;AACb,gBAAA,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,UAAU;AACrC,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC;gBACrE;YACF;YACA,KAAK,MAAM,EAAE;AACX,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC;gBACrE,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC,KAAK;gBACxD;YACF;YACA,KAAK,OAAO,EAAE;AACZ,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC;AACrE,gBAAA,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,UAAU;gBACrC;YACF;;QAGF,eAAe,CAAC,UAAU,CAAC;AAC3B,QAAA,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QACzD,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;;IAGlC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAA2B,KAAI;AAC7B,QAAA,UAA4D,CAAC,OAAO,GAAG,IAAI;QAC5E,IAAI,IAAI,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;AACzC,YAAA,YAAY,EAAE;QAChB;IACF,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,CACpC;;AAGD,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACrD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAC/C,QAAA,OAAO,MAAK;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC;AACxD,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACpD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAE3B,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;AAEzB,IAAA,MAAM,OAAO,GAAG,UAAU,IAAI,KAAK,KAAK,MAAM;IAE9C,OAAO,YAAY,CACjBA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,UAAU,EACf,KAAK,EACH;cACI,EAAE,GAAG,QAAQ,EAAE,aAAa,EAAE,MAAM;AACtC,cAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA,QAAA,EAGpFC,IAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACa,iBAAiB,EAAA,WAAA,EACjB,YAAY,EAAA,YAAA,EACX,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,KAAK,KAAK,MAAM,GAAG,cAAc,GAAG,KAAK,EACpF,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,KAC1C,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTD,cAAM,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,EAAA,aAAA,EAAe,MAAM,EAAA,CAAI,IACxD,EAAA,CACF,EACN,QAAQ,CAAC,IAAI,CACd;AACH;;"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/ui/Tooltip/tooltip.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { mergeRefs } from '../../internal/merge-refs';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport s from './tooltip.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype TooltipContextValue = {\n  open: boolean;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  setOpen: (open: boolean) => void;\n  /**\n   * Milliseconds to wait on hover-enter before showing the tooltip.\n   * `0` means show instantly. Resolved at <Tooltip> from its own\n   * `delayDuration` prop with fallback to the <TooltipProvider> default.\n   */\n  delayDuration: number;\n};\n\nconst TooltipContext = React.createContext<TooltipContextValue | null>(null);\n\nfunction useTooltipContext() {\n  const ctx = React.useContext(TooltipContext);\n  if (!ctx) throw new Error('Tooltip compound components must be used within <Tooltip>');\n  return ctx;\n}\n\n// ── Provider ─────────────────────────────────────────────\n\n/**\n * Default hover-intent delay for tooltips across the design system,\n * in milliseconds. Applied when neither `<Tooltip delayDuration={...}>`\n * nor an ancestor `<TooltipProvider delayDuration={...}>` overrides it.\n * Matches Radix / Material defaults for hover intent.\n */\nconst DEFAULT_TOOLTIP_DELAY_MS = 150;\n\n/**\n * Sets a default `delayDuration` for descendant `<Tooltip>` instances.\n * Wrapping is optional — every `<Tooltip>` inherits the global default\n * (`DEFAULT_TOOLTIP_DELAY_MS`) without a Provider. Use the Provider to\n * override the default for a subtree (e.g. `delayDuration={0}` to make\n * a cluster of tooltips instant).\n */\nconst TooltipDefaultDelayContext = React.createContext<number>(DEFAULT_TOOLTIP_DELAY_MS);\n\nfunction TooltipProvider({\n  children,\n  delayDuration = DEFAULT_TOOLTIP_DELAY_MS,\n}: {\n  children?: React.ReactNode;\n  delayDuration?: number;\n}) {\n  return (\n    <TooltipDefaultDelayContext.Provider value={delayDuration}>\n      {children}\n    </TooltipDefaultDelayContext.Provider>\n  );\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface TooltipProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  delayDuration?: number;\n}\n\nfunction Tooltip({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  delayDuration,\n}: TooltipProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const inheritedDelay = React.useContext(TooltipDefaultDelayContext);\n  const effectiveDelay = delayDuration ?? inheritedDelay;\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <TooltipContext.Provider value={{ open, triggerRef, setOpen, delayDuration: effectiveDelay }}>\n      {children}\n    </TooltipContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface TooltipTriggerProps extends React.HTMLAttributes<HTMLElement> {\n  asChild?: boolean;\n}\n\nfunction TooltipTrigger({\n  asChild,\n  children,\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}: TooltipTriggerProps) {\n  const { setOpen, triggerRef, delayDuration } = useTooltipContext();\n  const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearPendingOpen = React.useCallback(() => {\n    if (openTimerRef.current !== null) {\n      clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n  }, []);\n\n  // Ensure any pending hover-open timer is cleared if the trigger\n  // unmounts mid-delay — otherwise we'd call setOpen on an unmounted tree.\n  React.useEffect(() => clearPendingOpen, [clearPendingOpen]);\n\n  // Hover open honors the resolved delay (defaults to 0 = instant).\n  // Keyboard focus opens instantly — keyboard users expect immediate\n  // feedback and there's no \"transient hover\" noise to suppress.\n  const handlers = {\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseEnter?.(e);\n      clearPendingOpen();\n      if (delayDuration > 0) {\n        openTimerRef.current = setTimeout(() => {\n          openTimerRef.current = null;\n          setOpen(true);\n        }, delayDuration);\n      } else {\n        setOpen(true);\n      }\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      onMouseLeave?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      onFocus?.(e);\n      clearPendingOpen();\n      setOpen(true);\n    },\n    onBlur: (e: React.FocusEvent<HTMLElement>) => {\n      onBlur?.(e);\n      clearPendingOpen();\n      setOpen(false);\n    },\n  };\n\n  if (asChild && React.isValidElement(children)) {\n    const child = children as React.ReactElement<Record<string, unknown>>;\n    const childProps = (child.props ?? {}) as Record<string, unknown> & {\n      ref?: React.Ref<HTMLElement>;\n    };\n\n    const composeHandler = <E,>(ours: (e: E) => void, theirs: unknown): ((e: E) => void) =>\n      typeof theirs === 'function'\n        ? (e: E) => {\n            (theirs as (e: E) => void)(e);\n            ours(e);\n          }\n        : ours;\n\n    return React.cloneElement(child, {\n      ...props,\n      onMouseEnter: composeHandler(handlers.onMouseEnter, childProps.onMouseEnter),\n      onMouseLeave: composeHandler(handlers.onMouseLeave, childProps.onMouseLeave),\n      onFocus: composeHandler(handlers.onFocus, childProps.onFocus),\n      onBlur: composeHandler(handlers.onBlur, childProps.onBlur),\n      ref: mergeRefs(triggerRef, childProps.ref),\n    });\n  }\n\n  return (\n    <span data-slot={'tooltip-trigger'} ref={triggerRef} {...handlers} {...props}>\n      {children}\n    </span>\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n  sideOffset?: number;\n}\n\nfunction TooltipContent({\n  className,\n  children,\n  side = 'top',\n  sideOffset = 8,\n  ...props\n}: TooltipContentProps) {\n  const { open, triggerRef } = useTooltipContext();\n  const { mounted, state } = useAnimationState(open, 150);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [positioned, setPositioned] = React.useState(false);\n  const [position, setPosition] = React.useState<React.CSSProperties>({});\n  const [resolvedSide, setResolvedSide] = React.useState(side);\n\n  // Reset positioned flag when unmounted so next open re-measures\n  React.useEffect(() => {\n    if (!mounted) setPositioned(false);\n  }, [mounted]);\n\n  const calcPosition = React.useCallback(() => {\n    const node = contentRef.current;\n    if (!node || !triggerRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const contentRect = node.getBoundingClientRect();\n    let top: number;\n    let left: number;\n    let actualSide = side;\n\n    switch (side) {\n      case 'top': {\n        top = triggerRect.top - sideOffset - contentRect.height;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        if (top < 0) {\n          top = triggerRect.bottom + sideOffset;\n          actualSide = 'bottom';\n        }\n        break;\n      }\n      case 'bottom': {\n        top = triggerRect.bottom + sideOffset;\n        left = triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n        break;\n      }\n      case 'left': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.left - sideOffset - contentRect.width;\n        break;\n      }\n      case 'right': {\n        top = triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n        left = triggerRect.right + sideOffset;\n        break;\n      }\n    }\n\n    setResolvedSide(actualSide);\n    setPosition({ position: 'fixed', top, left, zIndex: 50 });\n    setPositioned(true);\n  }, [side, sideOffset, triggerRef]);\n\n  // Measure + position via ref callback (fires after DOM mount)\n  const measureRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (contentRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node && mounted && triggerRef.current) {\n        calcPosition();\n      }\n    },\n    [mounted, triggerRef, calcPosition],\n  );\n\n  // Reposition on scroll/resize so the tooltip tracks the trigger.\n  React.useEffect(() => {\n    if (!mounted) return;\n\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [mounted, calcPosition]);\n\n  if (!mounted) return null;\n\n  const isReady = positioned && state !== 'idle';\n\n  return createPortal(\n    <div\n      data-constellation-portal={''}\n      ref={measureRef}\n      style={\n        isReady\n          ? { ...position, pointerEvents: 'none' }\n          : { position: 'fixed', visibility: 'hidden', zIndex: 50, pointerEvents: 'none' }\n      }\n    >\n      <div\n        data-slot={'tooltip-content'}\n        data-side={resolvedSide}\n        data-state={state === 'idle' ? undefined : state === 'open' ? 'delayed-open' : state}\n        className={cn(s['tooltip-content'], className)}\n        {...props}\n      >\n        {children}\n        <span className={s['tooltip-arrow']} aria-hidden={'true'} />\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ui.d.ts

@@ -1,6 +1,6 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-ZgohDspB.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-cjwkBINy.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CWM2ewRz.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-BpAJwi3K.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';
-import './typography-DOZHFR5A.js';
+import './typography-CTGVc_Gg.js';

package/dist/user/UserInfo/user-info.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../layout/Sidebar/sidebar-context.js';
 import 'react';
+import '../../layout/Sidebar/sidebar-context.js';
 import '../../ui/Alert/alert-context.js';
 import '../../ui/Table/table-sort-context.js';
 import { useInitials } from '../../hooks/use-initials.js';

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './csrf';
+export * from './portal';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/utils/portal.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Every Constellation surface that escapes its parent — Select and Combobox
+ * panels, DropdownMenu, DatePicker, Tooltip, Dialog, Sheet, the alert stack —
+ * renders through a React portal into `document.body`.
+ *
+ * React events still bubble through the React tree, so an `onClick` on an
+ * ancestor component sees them. A NATIVE `document` listener does not: it sees
+ * the event at `document.body`, and an `element.contains(event.target)` test
+ * against the component that owns the dropdown returns false.
+ *
+ * That is how a dismiss-on-outside-click container closes itself the moment
+ * someone picks an option from a dropdown it contains — the selection reads as
+ * a click somewhere else entirely, and the click that was meant to commit a
+ * value tears the panel down instead.
+ *
+ * So every portal root carries `data-constellation-portal`. Any outside-click
+ * handler should treat a hit inside one as INSIDE.
+ */
+export declare const CONSTELLATION_PORTAL_SELECTOR = "[data-constellation-portal]";
+/**
+ * Whether `target` sits inside a Constellation portal.
+ *
+ * Use it to bail out of an outside-click dismissal:
+ *
+ * ```js
+ * const onClick = (e) => {
+ *   if (el.contains(e.target)) return;
+ *   if (isInConstellationPortal(e.target)) return;
+ *   dismiss();
+ * };
+ * ```
+ */
+export declare function isInConstellationPortal(target: EventTarget | null): boolean;
+//# sourceMappingURL=portal.d.ts.map

package/dist/utils/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,6BAA6B,gCAAgC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAG3E"}

package/dist/utils/portal.js

@@ -0,0 +1,40 @@
+/**
+ * Every Constellation surface that escapes its parent — Select and Combobox
+ * panels, DropdownMenu, DatePicker, Tooltip, Dialog, Sheet, the alert stack —
+ * renders through a React portal into `document.body`.
+ *
+ * React events still bubble through the React tree, so an `onClick` on an
+ * ancestor component sees them. A NATIVE `document` listener does not: it sees
+ * the event at `document.body`, and an `element.contains(event.target)` test
+ * against the component that owns the dropdown returns false.
+ *
+ * That is how a dismiss-on-outside-click container closes itself the moment
+ * someone picks an option from a dropdown it contains — the selection reads as
+ * a click somewhere else entirely, and the click that was meant to commit a
+ * value tears the panel down instead.
+ *
+ * So every portal root carries `data-constellation-portal`. Any outside-click
+ * handler should treat a hit inside one as INSIDE.
+ */
+const CONSTELLATION_PORTAL_SELECTOR = '[data-constellation-portal]';
+/**
+ * Whether `target` sits inside a Constellation portal.
+ *
+ * Use it to bail out of an outside-click dismissal:
+ *
+ * ```js
+ * const onClick = (e) => {
+ *   if (el.contains(e.target)) return;
+ *   if (isInConstellationPortal(e.target)) return;
+ *   dismiss();
+ * };
+ * ```
+ */
+function isInConstellationPortal(target) {
+    if (!target || !(target instanceof Element))
+        return false;
+    return target.closest(CONSTELLATION_PORTAL_SELECTOR) !== null;
+}
+
+export { CONSTELLATION_PORTAL_SELECTOR, isInConstellationPortal };
+//# sourceMappingURL=portal.js.map

package/dist/utils/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sources":["../../src/utils/portal.ts"],"sourcesContent":["/**\n * Every Constellation surface that escapes its parent — Select and Combobox\n * panels, DropdownMenu, DatePicker, Tooltip, Dialog, Sheet, the alert stack —\n * renders through a React portal into `document.body`.\n *\n * React events still bubble through the React tree, so an `onClick` on an\n * ancestor component sees them. A NATIVE `document` listener does not: it sees\n * the event at `document.body`, and an `element.contains(event.target)` test\n * against the component that owns the dropdown returns false.\n *\n * That is how a dismiss-on-outside-click container closes itself the moment\n * someone picks an option from a dropdown it contains — the selection reads as\n * a click somewhere else entirely, and the click that was meant to commit a\n * value tears the panel down instead.\n *\n * So every portal root carries `data-constellation-portal`. Any outside-click\n * handler should treat a hit inside one as INSIDE.\n */\nexport const CONSTELLATION_PORTAL_SELECTOR = '[data-constellation-portal]';\n\n/**\n * Whether `target` sits inside a Constellation portal.\n *\n * Use it to bail out of an outside-click dismissal:\n *\n * ```js\n * const onClick = (e) => {\n *   if (el.contains(e.target)) return;\n *   if (isInConstellationPortal(e.target)) return;\n *   dismiss();\n * };\n * ```\n */\nexport function isInConstellationPortal(target: EventTarget | null): boolean {\n  if (!target || !(target instanceof Element)) return false;\n  return target.closest(CONSTELLATION_PORTAL_SELECTOR) !== null;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,6BAA6B,GAAG;AAE7C;;;;;;;;;;;;AAYG;AACG,SAAU,uBAAuB,CAAC,MAA0B,EAAA;IAChE,IAAI,CAAC,MAAM,IAAI,EAAE,MAAM,YAAY,OAAO,CAAC;AAAE,QAAA,OAAO,KAAK;IACzD,OAAO,MAAM,CAAC,OAAO,CAAC,6BAA6B,CAAC,KAAK,IAAI;AAC/D;;"}

package/dist/utils.d.ts

@@ -1,3 +1,37 @@
 declare const getCsrfToken: () => string;
 
-export { getCsrfToken };
+/**
+ * Every Constellation surface that escapes its parent — Select and Combobox
+ * panels, DropdownMenu, DatePicker, Tooltip, Dialog, Sheet, the alert stack —
+ * renders through a React portal into `document.body`.
+ *
+ * React events still bubble through the React tree, so an `onClick` on an
+ * ancestor component sees them. A NATIVE `document` listener does not: it sees
+ * the event at `document.body`, and an `element.contains(event.target)` test
+ * against the component that owns the dropdown returns false.
+ *
+ * That is how a dismiss-on-outside-click container closes itself the moment
+ * someone picks an option from a dropdown it contains — the selection reads as
+ * a click somewhere else entirely, and the click that was meant to commit a
+ * value tears the panel down instead.
+ *
+ * So every portal root carries `data-constellation-portal`. Any outside-click
+ * handler should treat a hit inside one as INSIDE.
+ */
+declare const CONSTELLATION_PORTAL_SELECTOR = "[data-constellation-portal]";
+/**
+ * Whether `target` sits inside a Constellation portal.
+ *
+ * Use it to bail out of an outside-click dismissal:
+ *
+ * ```js
+ * const onClick = (e) => {
+ *   if (el.contains(e.target)) return;
+ *   if (isInConstellationPortal(e.target)) return;
+ *   dismiss();
+ * };
+ * ```
+ */
+declare function isInConstellationPortal(target: EventTarget | null): boolean;
+
+export { CONSTELLATION_PORTAL_SELECTOR, getCsrfToken, isInConstellationPortal };

package/dist/utils.js

@@ -1,2 +1,3 @@
 export { getCsrfToken } from './utils/csrf.js';
+export { CONSTELLATION_PORTAL_SELECTOR, isInConstellationPortal } from './utils/portal.js';
 //# sourceMappingURL=utils.js.map

package/dist/utils.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -147,7 +147,8 @@
     "lint": "eslint . --fix",
     "stylelint": "stylelint \"src/**/*.scss\"",
     "stylelint:fix": "stylelint \"src/**/*.scss\" --fix",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "check:consumed": "node build/check-consumed.mjs"
   },
   "peerDependencies": {
     "lucide-react": ">=0.4.0",

package/src/styles/_mixins.scss

@@ -27,7 +27,12 @@ $themes: primary, secondary, destructive, warning, success, info, slate;
 
 $gap-scale: (
   0: 0,
+  // Half steps for dense rows; see --size-0-5 in _theme.scss. The keys carry a
+  // dash because a class called `.gap-0.5` is not a valid selector, and the
+  // components sanitise `gap={0.5}` to match.
+  '0-5': var(--size-0-5),
   1: var(--size-1),
+  '1-5': var(--size-1-5),
   2: var(--size-2),
   3: var(--size-3),
   4: var(--size-4),
@@ -103,3 +108,28 @@ $breakpoints: (
     }
   }
 }
+
+// Styles that apply when motion should be suppressed.
+//
+// Not just the media query. The app can override the OS with `useMotion`,
+// which writes `data-motion` on <html> — and a media query cannot see a
+// preference held in JavaScript. So this emits both halves: the query, scoped
+// so an explicit "full" wins over it, and the explicit "reduced" case.
+//
+// Include it at the TOP LEVEL and nest the rules inside; the ancestor
+// selectors come from here, so `&` must not appear in the mixin itself.
+//
+//   @include m.reduced-motion {
+//     .thing { transition: none; }
+//   }
+@mixin reduced-motion {
+  @media (prefers-reduced-motion: reduce) {
+    :root:not([data-motion='full']) {
+      @content;
+    }
+  }
+
+  :root[data-motion='reduced'] {
+    @content;
+  }
+}