{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"event-calendar-event","type":"registry:ui","title":"The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","description":"The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.","dependencies":["date-fns","radix-ui"],"registryDependencies":["@neui/event-calendar","@neui/event-calendar-dnd","@neui/event-calendar-lib","@neui/event-calendar-types","tooltip"],"files":[{"path":"event-calendar-event.tsx","type":"registry:ui","content":"// Title: Event Calendar Event\n// Description: The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.\n\n\"use client\"\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\"\nimport {\n  useEventCalendar,\n  useEventCalendarSelector,\n  useEventCalendarViewConfig,\n  useEventCalendarViewContext,\n} from \"@/components/neui/event-calendar/event-calendar\"\nimport {\n  markChipPress,\n  useEventCalendarGestures,\n  wasRecentDrag,\n} from \"@/components/neui/event-calendar/event-calendar-dnd\"\nimport {\n  spansMultipleDays,\n  toZoned,\n  zonedStartOfDay,\n} from \"@/components/neui/event-calendar/event-calendar-lib\"\nimport type {\n  EventCalendarOccurrence,\n  EventCalendarSegment,\n} from \"@/components/neui/event-calendar/event-calendar-types\"\nimport { addDays, format } from \"date-fns\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\n/**\n * Effective Tailwind palette presets for event colors; every entry works on\n * light and dark surfaces through the chip's alpha background + accent border.\n */\nconst EVENT_CALENDAR_COLORS: Array<{ name: string; value: string }> = [\n  { name: \"Blue\", value: \"var(--color-blue-500)\" },\n  { name: \"Emerald\", value: \"var(--color-emerald-500)\" },\n  { name: \"Violet\", value: \"var(--color-violet-500)\" },\n  { name: \"Rose\", value: \"var(--color-rose-500)\" },\n  { name: \"Amber\", value: \"var(--color-amber-500)\" },\n  { name: \"Cyan\", value: \"var(--color-cyan-500)\" },\n  { name: \"Orange\", value: \"var(--color-orange-500)\" },\n  { name: \"Pink\", value: \"var(--color-pink-500)\" },\n  { name: \"Teal\", value: \"var(--color-teal-500)\" },\n  { name: \"Indigo\", value: \"var(--color-indigo-500)\" },\n]\n\n/**\n * Standardized drag-ghost surface treatment, shared verbatim by every view\n * (month, week/day/N-days, resource). One visual language for interactions:\n * - move: the event is CARRIED FREELY - a cursor-attached full clone (built\n *   by the dnd engine, data-slot=event-calendar-drag-carry) travels with the\n *   pointer; the in-grid ghost is only this faint dashed placeholder marking\n *   the snapped drop slot. The source stays dimmed in place.\n * - resize: the event is STRETCHED - the chip itself at the proposed extent\n *   with a dashed boundary instead of solid (slight indicator, no elevation).\n * - invalid: destructive tint on the placeholder / dashed clone; the engine\n *   adds the not-allowed cursor, a destructive ring on the carry clone, and\n *   a cursor-following validation hint.\n */\nconst EVENT_CALENDAR_GHOST = {\n  move: \"rounded-sm border border-dashed border-(--ec-event-color)/50 bg-(--ec-event-color)/8\",\n  resize:\n    \"rounded-sm border border-dashed border-(--ec-event-color)/70 overflow-hidden\",\n  invalid: \"border-destructive/70 bg-destructive/10\",\n  invalidResize: \"border-destructive/70\",\n  /** Applied to the clone inside an invalid resize ghost. */\n  invalidContent: \"opacity-60\",\n} as const\n\n/**\n * Fade-out truncation for stacked timed blocks: squeezed cascade columns\n * hard-clip titles into a mash of adjacent glyphs; a right-edge mask fade\n * reads cleaner than an ellipsis at those tiny widths. The mask applies ONLY\n * below a 10rem container width - mask-image forces text off subpixel\n * antialiasing onto a grayscale raster layer, so masking every wide chip\n * makes the whole grid read bolder/blurry and shimmer while the window\n * resizes. Wide chips keep a plain ellipsis. Consumer renderEvent content\n * can import and reuse it.\n */\nconst EVENT_CALENDAR_FADE_TRUNCATE =\n  \"w-full truncate @max-[10rem]:text-clip @max-[10rem]:[mask-image:linear-gradient(to_right,#000_calc(100%-0.75rem),transparent)] @max-[10rem]:rtl:[mask-image:linear-gradient(to_left,#000_calc(100%-0.75rem),transparent)]\"\n\ninterface EventCalendarChipContextValue<TData = unknown> {\n  occurrence: EventCalendarOccurrence<TData>\n  segment: EventCalendarSegment<TData>\n  isDragging: boolean\n  isSelected: boolean\n}\n\nconst EventCalendarChipContext =\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  createContext<EventCalendarChipContextValue<any> | null>(null)\n\n/** The chip's subject; usable inside renderEvent content and chip children. */\nfunction useEventCalendarEventChip<\n  TData = unknown,\n>(): EventCalendarChipContextValue<TData> {\n  const ctx = useContext(EventCalendarChipContext)\n  if (!ctx) {\n    throw new Error(\n      \"useEventCalendarEventChip must be used within <EventCalendarEvent>\"\n    )\n  }\n  return ctx as EventCalendarChipContextValue<TData>\n}\n\ninterface EventCalendarEventProps<TData = unknown> extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> {\n  segment: EventCalendarSegment<TData>\n  /** Replaces the default chip CONTENT; the wrapper stays calendar-owned. */\n  children?: ReactNode\n  /**\n   * Static drag clone: renders the chip exactly as-is but inert - no gestures,\n   * resize handles, selection/drag state, focus, or pointer events. Used for\n   * the full-fidelity ghost that tracks the proposed slot during a move.\n   */\n  preview?: boolean\n  asChild?: boolean\n}\n\n/**\n * The one interactive event element used by every view. The wrapper owns\n * positioning hooks, a11y, selection, drag/resize listeners, and data\n * attributes; content comes from children, the root renderEvent override,\n * or the built-in default.\n */\nfunction EventCalendarEvent<TData = unknown>({\n  segment,\n  className,\n  asChild = false,\n  children,\n  preview = false,\n  style,\n  onPointerDown,\n  onClick,\n  onDoubleClick,\n  ...props\n}: EventCalendarEventProps<TData>) {\n  const instance = useEventCalendar<TData>()\n  const viewConfig = useEventCalendarViewConfig<TData>()\n  const { view } = useEventCalendarViewContext()\n  const gestures = useEventCalendarGestures<TData>()\n  const { settings } = instance\n  const occurrence = segment.occurrence\n  const event = occurrence.event\n\n  const isSelectedRaw = useEventCalendarSelector<TData, boolean>(\n    (state) => state.selection.eventKeys.includes(occurrence.key),\n    { calendar: instance }\n  )\n  const isDraggingRaw = useEventCalendarSelector<TData, boolean>(\n    (state) => state.drag?.occurrence.key === occurrence.key,\n    { calendar: instance }\n  )\n  // reactive, unlike gestures.canResize: api.setInteractions({ resize })\n  // must add/remove the handles without waiting for an unrelated re-render\n  const resizeOn = useEventCalendarSelector<TData, boolean>(\n    (state) => state.interactions.resize,\n    { calendar: instance }\n  )\n  // A preview clone must never inherit the source's selected/dragging state\n  // (the drag key matches, which would dim the clone itself).\n  const isSelected = preview ? false : isSelectedRaw\n  const isDragging = preview ? false : isDraggingRaw\n\n  const isBar =\n    occurrence.allDay || spansMultipleDays(occurrence, settings.timeZone)\n  const inTimeGrid =\n    view === \"week\" || view === \"day\" || view === \"days\" || view === \"resource\"\n  const interactive = view !== \"agenda\" && !preview\n  const timedBlock = inTimeGrid && !isBar\n  const horizontalBar = isBar && !inTimeGrid\n  // >= compactEventMinutes renders the stacked (title over time) layout;\n  // squeezed cascade columns there fade-truncate instead of hard-clipping\n  // into neighbors\n  const stackedBlock =\n    timedBlock &&\n    (segment.endMin ?? 0) - (segment.startMin ?? 0) >=\n      viewConfig.compactEventMinutes\n\n  const defaultContent = (\n    <>\n      {/* leading color dot for single-row chips (month cells, all-day bars);\n          time-grid blocks read their color from the tinted surface instead -\n          in the stacked layout a dot would sit alone on the first line */}\n      {!timedBlock && (\n        <span\n          aria-hidden\n          data-slot=\"event-calendar-event-dot\"\n          // -me-0.5 tightens just the dot-to-title gap (the chip keeps gap-1.5\n          // between the title and the trailing time)\n          className=\"-me-0.5 size-1.5 shrink-0 rounded-full bg-(--ec-event-color)\"\n        />\n      )}\n      {occurrence.isRecurring && (\n        <IconPlaceholder\n          lucide=\"RepeatIcon\"\n          tabler=\"IconRepeat\"\n          hugeicons=\"RepeatIcon\"\n          phosphor=\"RepeatIcon\"\n          remixicon=\"RiRepeatLine\"\n          className=\"size-2.5 shrink-0 opacity-70\"\n          aria-hidden=\"true\"\n        />\n      )}\n      <span\n        className={cn(\n          \"font-medium\",\n          stackedBlock ? EVENT_CALENDAR_FADE_TRUNCATE : \"truncate\"\n        )}\n      >\n        {event.title}\n      </span>\n      {/* month cells are narrow: a compact never-shrinking start time keeps\n          the title readable; grid views show the full range */}\n      {!occurrence.allDay &&\n        segment.isStart &&\n        (view === \"month\" ? (\n          <span className=\"text-muted-foreground shrink-0\">\n            {format(\n              toZoned(occurrence.start, settings.timeZone),\n              settings.i18n.formats.eventTime,\n              { locale: settings.locale }\n            )}\n          </span>\n        ) : (\n          <span\n            className={cn(\n              \"text-muted-foreground hidden @[8rem]:inline\",\n              stackedBlock ? EVENT_CALENDAR_FADE_TRUNCATE : \"truncate\"\n            )}\n          >\n            {settings.i18n.functions.formatEventTime(\n              toZoned(occurrence.start, settings.timeZone),\n              toZoned(occurrence.end, settings.timeZone),\n              occurrence.allDay,\n              { locale: settings.locale }\n            )}\n          </span>\n        ))}\n    </>\n  )\n\n  // Agenda time text is per-day for multi-day events: the first day reads\n  // \"From 9:00 AM\", middle days \"All day\", the last day \"Until 5:00 PM\".\n  // Boundaries derive from the occurrence vs segment.day (never the packing\n  // flags - lane merging rewrites those on shared segment objects).\n  const agendaTimeText = (() => {\n    if (view !== \"agenda\") return \"\"\n    if (occurrence.allDay) return settings.i18n.labels.allDay\n    const dayStart = zonedStartOfDay(segment.day, settings.timeZone)\n    const dayEnd = addDays(toZoned(dayStart, settings.timeZone), 1)\n    const startsBefore = occurrence.start < dayStart\n    const endsAfter = occurrence.end > dayEnd\n    if (startsBefore && endsAfter) return settings.i18n.labels.allDay\n    if (endsAfter) {\n      return settings.i18n.labels.timeFrom(\n        format(\n          toZoned(occurrence.start, settings.timeZone),\n          settings.i18n.formats.eventTime,\n          { locale: settings.locale }\n        )\n      )\n    }\n    if (startsBefore) {\n      return settings.i18n.labels.timeUntil(\n        format(\n          toZoned(occurrence.end, settings.timeZone),\n          settings.i18n.formats.eventTime,\n          { locale: settings.locale }\n        )\n      )\n    }\n    return settings.i18n.functions.formatEventTime(\n      toZoned(occurrence.start, settings.timeZone),\n      toZoned(occurrence.end, settings.timeZone),\n      false,\n      { locale: settings.locale }\n    )\n  })()\n\n  // Agenda default row: time column, color-dot badge, plain title\n  const agendaDefaultContent = (\n    <>\n      <span className=\"text-muted-foreground w-40 shrink-0 truncate tabular-nums\">\n        {agendaTimeText}\n      </span>\n      <span\n        aria-hidden\n        data-slot=\"event-calendar-agenda-dot\"\n        className=\"size-2 shrink-0 rounded-full bg-(--ec-event-color)\"\n      />\n      <span className=\"truncate text-sm\">{event.title}</span>\n      {occurrence.isRecurring && (\n        <IconPlaceholder\n          lucide=\"RepeatIcon\"\n          tabler=\"IconRepeat\"\n          hugeicons=\"RepeatIcon\"\n          phosphor=\"RepeatIcon\"\n          remixicon=\"RiRepeatLine\"\n          className=\"text-muted-foreground size-2.5 shrink-0\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </>\n  )\n\n  // Custom chip content is memoized so a drag - which re-renders the lane on\n  // every pointer move - never re-invokes the consumer's renderEvent per frame.\n  // The element stays referentially stable across those re-renders, so React\n  // skips the custom subtree and it doesn't flicker; on drop only the moved\n  // chip's inputs change and recompute. Deps are exactly renderProps' inputs\n  // plus the render fns (all stable during an internal drag).\n  const customContent = useMemo(() => {\n    const renderProps = { occurrence, segment, view, isDragging, isSelected }\n    return view === \"agenda\"\n      ? viewConfig.renderAgendaEvent?.(renderProps)\n      : viewConfig.renderEvent?.(renderProps)\n  }, [\n    occurrence,\n    segment,\n    view,\n    isDragging,\n    isSelected,\n    viewConfig.renderAgendaEvent,\n    viewConfig.renderEvent,\n  ])\n  const content =\n    children ??\n    customContent ??\n    (view === \"agenda\" ? agendaDefaultContent : defaultContent)\n\n  const timeLabel = settings.i18n.functions.formatEventTime(\n    toZoned(occurrence.start, settings.timeZone),\n    toZoned(occurrence.end, settings.timeZone),\n    occurrence.allDay,\n    { locale: settings.locale }\n  )\n  // native hover tooltip text; a consumer formatter returning undefined\n  // drops the title attribute entirely (e.g. when it renders its own tooltip)\n  const label = settings.i18n.functions.formatEventLabel\n    ? settings.i18n.functions.formatEventLabel(event.title, timeLabel)\n    : `${event.title}, ${timeLabel}`\n\n  // Optional styled tooltip on hover / keyboard focus (viewConfig.eventTooltip,\n  // default off). When on, the native title is dropped so the two never stack;\n  // a preview clone never gets one. Content defaults to the label and can be\n  // overridden with renderEventTooltip - a falsy result (null/undefined, or\n  // the `false`/\"\" that `cond && <node>` yields) falls back to the label, and\n  // an empty label (i18n opt-out) leaves no content so the tooltip is skipped.\n  const tooltipOpts =\n    typeof viewConfig.eventTooltip === \"object\" ? viewConfig.eventTooltip : null\n  const tooltipContent =\n    !preview && viewConfig.eventTooltip\n      ? viewConfig.renderEventTooltip?.({\n          occurrence,\n          segment,\n          view,\n          label,\n        }) || label\n      : null\n  const tooltipOn = Boolean(tooltipContent)\n\n  const showResize =\n    interactive && resizeOn && !event.readOnly && event.resizable !== false\n  // Hover grip pill (mirrors the gantt bars): a tiny bar inside each resize\n  // handle signals the direction. Shown on every resizable chip - compact\n  // sub-compactEventMinutes timed blocks included - because the chip\n  // min-height (1.5rem) leaves room at the very top/bottom edges without\n  // colliding with the vertically-centered title.\n  const grip = (\n    <span\n      aria-hidden\n      data-slot=\"event-calendar-resize-grip\"\n      className={cn(\n        \"bg-foreground/40 rounded-full\",\n        timedBlock ? \"h-0.5 w-2.5\" : \"h-2.5 w-0.5\",\n        viewConfig.classNames?.resizeGrip\n      )}\n    />\n  )\n  const resizeHandles = showResize && (\n    <>\n      {timedBlock && segment.isStart && (\n        <span\n          data-slot=\"event-calendar-resize-handle\"\n          data-edge=\"start\"\n          className={cn(\n            \"absolute inset-x-1 top-0 flex h-1.5 cursor-ns-resize items-center justify-center opacity-0 transition-opacity duration-150 group-hover/ec-event:opacity-100\",\n            viewConfig.classNames?.resizeHandle\n          )}\n          onPointerDown={(e) => gestures.beginResize(e, segment, \"start\")}\n        >\n          {grip}\n        </span>\n      )}\n      {timedBlock && segment.isEnd && (\n        <span\n          data-slot=\"event-calendar-resize-handle\"\n          data-edge=\"end\"\n          className={cn(\n            \"absolute inset-x-1 bottom-0 flex h-1.5 cursor-ns-resize items-center justify-center opacity-0 transition-opacity duration-150 group-hover/ec-event:opacity-100\",\n            viewConfig.classNames?.resizeHandle\n          )}\n          onPointerDown={(e) => gestures.beginResize(e, segment, \"end\")}\n        >\n          {grip}\n        </span>\n      )}\n      {(horizontalBar || (isBar && inTimeGrid)) && segment.isStart && (\n        <span\n          data-slot=\"event-calendar-resize-handle\"\n          data-edge=\"start\"\n          className={cn(\n            \"absolute inset-y-0 start-0 flex w-2 cursor-ew-resize items-center justify-center opacity-0 transition-opacity duration-150 group-hover/ec-event:opacity-100\",\n            viewConfig.classNames?.resizeHandle\n          )}\n          onPointerDown={(e) => gestures.beginResize(e, segment, \"start\")}\n        >\n          {grip}\n        </span>\n      )}\n      {(horizontalBar || (isBar && inTimeGrid)) && segment.isEnd && (\n        <span\n          data-slot=\"event-calendar-resize-handle\"\n          data-edge=\"end\"\n          className={cn(\n            \"absolute inset-y-0 end-0 flex w-2 cursor-ew-resize items-center justify-center opacity-0 transition-opacity duration-150 group-hover/ec-event:opacity-100\",\n            viewConfig.classNames?.resizeHandle\n          )}\n          onPointerDown={(e) => gestures.beginResize(e, segment, \"end\")}\n        >\n          {grip}\n        </span>\n      )}\n    </>\n  )\n\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  const chip = (\n    <Comp\n      type=\"button\"\n      data-slot=\"event-calendar-event\"\n      data-view={view}\n      data-all-day={occurrence.allDay || undefined}\n      data-recurring={occurrence.isRecurring || undefined}\n      data-selected={isSelected || undefined}\n      data-dragging={isDragging || undefined}\n      data-preview={preview || undefined}\n      data-past={occurrence.end.getTime() < Date.now() || undefined}\n      // native hover reveal for squeezed/faded chips: full title + time\n      // (dropped when the styled eventTooltip is on so the two never stack)\n      title={preview || tooltipOn ? undefined : label}\n      aria-label={\n        settings.i18n.functions.formatEventAriaLabel?.(\n          event.title,\n          timeLabel,\n          segment.continuesBefore || segment.continuesAfter\n        ) ??\n        `${event.title}, ${timeLabel}${\n          segment.continuesBefore || segment.continuesAfter\n            ? `, ${settings.i18n.labels.continues}`\n            : \"\"\n        }`\n      }\n      // Selection is otherwise conveyed by a background tint alone; the chip is a\n      // real toggle in every interactive view, so a screen reader hears the state\n      // (agenda rows never select, previews are inert - both stay unpressed).\n      aria-pressed={interactive ? isSelected : undefined}\n      aria-hidden={preview || undefined}\n      tabIndex={preview ? -1 : undefined}\n      // merged, not spread: every tint, ring and dot on the chip reads\n      // --ec-event-color, so a consumer style prop must not replace it (base\n      // gets this for free through mergeProps)\n      style={\n        {\n          \"--ec-event-color\": event.color ?? \"var(--color-primary)\",\n          ...style,\n        } as CSSProperties\n      }\n      // Consumer handler first, then the calendar's own, matching the order\n      // mergeProps gives base: the consumer can still preventDefault to opt\n      // out of selection, and neither side loses its listener.\n      onPointerDown={(e: React.PointerEvent<HTMLButtonElement>) => {\n        onPointerDown?.(e)\n        e.stopPropagation()\n        // suppress the trailing slot-create click if this press does not turn\n        // into a drag (e.g. a locked chip) - see markChipPress\n        markChipPress()\n        if (interactive) gestures.beginMove(e, segment)\n      }}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e)\n        e.stopPropagation()\n        if (wasRecentDrag()) return\n        // consumer first: e.preventDefault() opts out of built-in selection\n        // (e.g. click = open dialog only, no selected tint)\n        settings.onEventClick?.(occurrence, e)\n        // the agenda is a read-only list: a click never selects/focuses a row\n        if (e.defaultPrevented || view === \"agenda\") return\n        instance.api.selectEvent(occurrence.key)\n      }}\n      onDoubleClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onDoubleClick?.(e)\n        e.stopPropagation()\n        settings.onEventDoubleClick?.(occurrence, e)\n      }}\n      className={cn(\n        \"group/ec-event text-foreground relative flex w-full min-w-0 cursor-pointer touch-none items-center overflow-hidden text-start select-none\",\n        \"focus-visible:ring-ring/50 outline-none focus-visible:ring-2\",\n        preview && \"pointer-events-none\",\n        view === \"agenda\"\n          ? // plain list row: color lives in the dot badge, not a tinted pill;\n            // hover AND selection surfaces are owned by the agenda row wrapper\n            \"gap-3 rounded-md text-sm\"\n          : cn(\n              // @container removes intrinsic sizing; only grid chips are containers\n              // py-1: room above/below inline badges (attendee pill etc.)\n              \"@container gap-1.5 rounded-sm px-1.5 py-1 leading-normal\",\n              // soft tint + hairline inset ring: color reads from the surface\n              // itself (no accent border), stays legible in light and dark\n              \"bg-(--ec-event-color)/15 hover:bg-(--ec-event-color)/25\",\n              // a flat tint reads darker over a dark surface, so lift it a\n              // little in dark mode to keep a lighter, softer chip tone\n              \"dark:bg-(--ec-event-color)/20 dark:hover:bg-(--ec-event-color)/30\",\n              \"inset-ring inset-ring-(--ec-event-color)/15\",\n              \"transition-[background-color,box-shadow] duration-150\",\n              \"data-dragging:opacity-40\",\n              \"data-selected:bg-(--ec-event-color)/30 data-selected:inset-ring-(--ec-event-color)/40\",\n              segment.continuesBefore && \"rounded-s-none\",\n              segment.continuesAfter && \"rounded-e-none\"\n            ),\n        viewConfig.classNames?.event,\n        className\n      )}\n      {...props}\n    >\n      {content}\n      {resizeHandles}\n    </Comp>\n  )\n\n  return (\n    <EventCalendarChipContext.Provider\n      value={{ occurrence, segment, isDragging, isSelected }}\n    >\n      {tooltipOn ? (\n        <TooltipProvider delayDuration={tooltipOpts?.delay ?? 600}>\n          <Tooltip>\n            <TooltipTrigger asChild>{chip}</TooltipTrigger>\n            <TooltipContent\n              side={tooltipOpts?.side ?? \"top\"}\n              className={viewConfig.classNames?.eventTooltip}\n            >\n              {tooltipContent}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      ) : (\n        chip\n      )}\n    </EventCalendarChipContext.Provider>\n  )\n}\n\nexport {\n  EVENT_CALENDAR_COLORS,\n  EVENT_CALENDAR_FADE_TRUNCATE,\n  EVENT_CALENDAR_GHOST,\n  EventCalendarEvent,\n  useEventCalendarEventChip,\n}\nexport type { EventCalendarChipContextValue, EventCalendarEventProps }","target":"components/neui/event-calendar/event-calendar-event.tsx"}]}